@wcj/github-rank 21.11.1 → 21.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +19424 -19409
  2. package/dist/sifou-daily.json +71 -35
  3. package/dist/sifou-monthly.json +54 -54
  4. package/dist/sifou-weekly.json +109 -100
  5. package/dist/toutiao-30.json +43 -43
  6. package/dist/toutiao-7.json +92 -92
  7. package/dist/toutiao-90.json +3 -3
  8. package/dist/trending-daily.json +193 -193
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +185 -185
  11. package/dist/users.china.json +1308 -1308
  12. package/dist/users.json +1845 -1845
  13. package/package.json +1 -1
  14. package/web/36kr.html +712 -696
  15. package/web/data/repos.json +19424 -19409
  16. package/web/data/sifou-daily.json +71 -35
  17. package/web/data/sifou-monthly.json +54 -54
  18. package/web/data/sifou-weekly.json +109 -100
  19. package/web/data/toutiao-30.json +43 -43
  20. package/web/data/toutiao-7.json +92 -92
  21. package/web/data/toutiao-90.json +3 -3
  22. package/web/data/trending-daily.json +193 -193
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +185 -185
  25. package/web/data/users.china.json +1308 -1308
  26. package/web/data/users.json +1845 -1845
  27. package/web/index.html +15551 -15533
  28. package/web/repos.html +29573 -29557
  29. package/web/sifou-daily.html +323 -193
  30. package/web/sifou-monthly.html +889 -871
  31. package/web/sifou-weekly.html +889 -843
  32. package/web/toutiao-30.html +700 -682
  33. package/web/toutiao-7.html +569 -551
  34. package/web/toutiao-90.html +700 -682
  35. package/web/trending-monthly.html +996 -974
  36. package/web/trending-weekly.html +996 -978
  37. package/web/trending.html +996 -962
  38. package/web/users.china.html +15551 -15533
@@ -12,31 +12,36 @@
12
12
  html, body, ul, li, h1 { margin: 0; padding: 0 }
13
13
  html, body { font-size: 16px; font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; }
14
14
  ul { list-style: none; }
15
- body { text-align: center; }
15
+
16
16
  a { color: #333; text-decoration: none; transition: all .2s ease-in; }
17
17
  a:hover { color: #1600ff; }
18
18
  a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
19
19
  a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
20
20
  a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
21
- .title { padding: 46px 0 0 0; font-size: 18px; line-height: 24px; }
22
- .time, .footer { padding: 5px 0 2px 0; font-size: 12px; color: #adadad; }
23
- .tabs { padding: 10px 0 15px 0;}
24
- .tabs a { background: #e2e2e2; display: inline-block; padding: 3px 7px; font-size: 12px; line-height: 16px; color: #0366d6; }
25
- .tabs a.active { background: #696969; color: #efefef; }
26
- .footer { padding: 10px 0 30px 0; }
27
- .list { text-align: left; max-width: 470px; margin: 0 auto; padding-bottom: 10px; background-color: #efefef; border-radius: 5px; overflow: hidden; }
21
+
22
+ .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
23
+ .title a svg { display: block; }
24
+ .title a { color: #0059ff; display: inline-block; margin-left: 10px; }
25
+ .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
26
+ .tabs { padding: 0 20px 5px 20px;}
27
+ .tabs a { background: #e2e2e2; display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #0366d6; }
28
+ .tabs a.active { background: #333; color: #efefef; }
29
+ .tabs a:hover:not(.active) { background: #efefef; }
30
+ .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
31
+ .footer .time { padding: 0; }
32
+ .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
28
33
  .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
29
34
  .list a { color: #0366d6; }
30
35
  .list a:hover { color: #1600ff; }
31
- .list li { padding: 5px; margin: 0 8px; transition: all .3s; border-bottom: 1px solid #d8d8d8; }
32
- .list li.rank-title { background-color: #e2e2e2; margin: 0; padding: 7px 13px; margin-bottom: 10px; border-radius: 0; font-size: 14px; line-height: 16px; }
33
- .list li.rank-title:hover { background: #e2e2e2; }
36
+ .list li { padding: 10px; transition: all .3s; }
37
+ .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
38
+ .list li.rank-title > a { margin-right: 10px; }
39
+ .list li.rank-title:hover { background: transparent; }
34
40
  .list li:last-child, .list li.rank-title { border-bottom: 0; }
35
- .list li:hover { background: rgba(255, 255, 255, 0.56); }
41
+ .list li:hover { background: #efefef8f; }
36
42
  .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
37
- .list li div.rank { padding: 0 8px; }
38
43
  .list li div.rank span { font-weight: bold; }
39
- .list li div.details { padding: 2px 0 0 9px; font-size: 12px; float: left; color: #b9b9b9; }
44
+ .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: #b9b9b9; }
40
45
  .list li div.details a { color: #b9b9b9; transition: all .3s; }
41
46
  .list li div.details a:hover { color: #1600ff; }
42
47
  .list li div.details a:hover svg { fill: #1600ff; }
@@ -46,11 +51,12 @@
46
51
  .list li > div.info { width: 100%; }
47
52
  .list li > div.info i { color: #717171; }
48
53
  .list li > div.info a:hover i { color: #333; }
49
- .list li div.sub-title { color: #333; margin: 4px 0 0 3px;}
54
+ .list li div.sub-title { color: #333; margin: 4px 0 0 0; }
55
+ .list li div.avatar { padding-right: 10px; }
50
56
 
51
57
 
52
- .list .select { float: right; line-height: 14px; line-height: 16px; }
53
- .list .select .active { color: #333; font-weight: bold; }
58
+ .list .select { }
59
+ .list .select .active { color: #333; font-weight: bold; border-bottom: 1px dotted #000;}
54
60
 
55
61
 
56
62
 
@@ -60,6 +66,9 @@
60
66
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
61
67
  40%,80%{-webkit-transform:rotate(10deg); transform:rotate(10deg);}
62
68
  }
69
+ @media screen and (max-width: 479px) {
70
+ .title { padding-top: 16px; font-size: 21px; }
71
+ }
63
72
  </style>
64
73
  <style>
65
74
  </style>
@@ -72,8 +81,18 @@
72
81
  <path fill="currentColor" class="octo-body" d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"></path>
73
82
  </svg>
74
83
  </a>
75
- <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
84
+ <h1 class="title">
85
+ Segmentfault 思否热门
86
+
87
+
88
+
89
+
90
+ <a target="_blank" href="https://segmentfault.com/hottest"></a>
91
+
92
+
93
+
94
+ </h1>
95
+ <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
77
96
  <div class="tabs">
78
97
  <a class="" href="index.html">Users</a>
79
98
  <a class="" href="repos.html">Repos</a>
@@ -83,830 +102,857 @@
83
102
  <a class="" href="36kr.html">36Kr</a>
84
103
  </div>
85
104
  <ul class="list">
86
- <li class="rank-title">
87
- <a href="https://segmentfault.com/hottest" target="_blank">Segmentfault 思否热门</a>
88
- <span class="select">
89
- <a class="" href="sifou-daily.html">日热门</a>
90
- <a class="active" href="sifou-weekly.html">周热门</a>
91
- <a class="" href="sifou-monthly.html">月热门</a>
92
- </span>
93
- </li>
94
-
95
- <li>
96
- <div class="info">
97
- <div class="rank">
98
- <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简,繁在人心:在浏览器控制台安装npm包是什么操作?">大道至简,繁在人心:在浏览器控制台安装npm包是什么操作?</a>
100
- </div>
101
- <div class="sub-title followers">
102
-
103
- <span title="Stargazers Count">
104
- <svg width="12" height="12" viewBox="0 0 16 16">
105
- <g fill="none" fill-rule="evenodd">
106
- <path d="M0 0h16v16H0z"/>
107
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
108
- </g>
109
- </svg>
110
- <span>20</span>
111
- </span>
112
- &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
114
- <span>独钓寒江雪</span>
115
- </a>
116
- </div>
117
- <div class="details">
118
- 我们都知道,npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微,但是作为广泛使用的存...
119
- </div>
120
- </div>
121
- </li>
122
-
123
- <li>
124
- <div class="info">
125
- <div class="rank">
126
- <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的:开放图谱协议(The Open Graph protocol)">前端应该知道的:开放图谱协议(The Open Graph protocol)</a>
128
- </div>
129
- <div class="sub-title followers">
130
-
131
- <span title="Stargazers Count">
132
- <svg width="12" height="12" viewBox="0 0 16 16">
133
- <g fill="none" fill-rule="evenodd">
134
- <path d="M0 0h16v16H0z"/>
135
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
136
- </g>
137
- </svg>
138
- <span>21</span>
139
- </span>
140
- &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
142
- <span>独钓寒江雪</span>
143
- </a>
144
- </div>
145
- <div class="details">
146
- Open Graph 是一种互联网协议,最初由 Facebook 创建,用于标准化网页中元数据的使用,使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
147
- </div>
148
- </div>
149
- </li>
150
-
151
- <li>
152
- <div class="info">
153
- <div class="rank">
154
- <span title="Ranking 3">3</span>
155
- <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
156
- </div>
157
- <div class="sub-title followers">
158
-
159
- <span title="Stargazers Count">
160
- <svg width="12" height="12" viewBox="0 0 16 16">
161
- <g fill="none" fill-rule="evenodd">
162
- <path d="M0 0h16v16H0z"/>
163
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
164
- </g>
165
- </svg>
166
- <span>16</span>
167
- </span>
168
- &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
170
- <span>XboxYan</span>
171
- </a>
172
- </div>
173
- <div class="details">
174
- 偶然发现,在某乎热榜页有一个很有意思的布局,这里的标题会制约内容的行数,所以文本超出是&#34;不定行&#34;的。详细规则如下:整个容器高度是固定的,标题和内容总共 3 行标题最多2行,超出省略内容由剩余空间决定,如...
175
- </div>
176
- </div>
177
- </li>
178
-
179
- <li>
180
- <div class="info">
181
- <div class="rank">
182
- <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切!">关于 v-model 你需要知道的这一切!</a>
184
- </div>
185
- <div class="sub-title followers">
186
-
187
- <span title="Stargazers Count">
188
- <svg width="12" height="12" viewBox="0 0 16 16">
189
- <g fill="none" fill-rule="evenodd">
190
- <path d="M0 0h16v16H0z"/>
191
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
192
- </g>
193
- </svg>
194
- <span>14</span>
195
- </span>
196
- &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
198
- <span>前端小智</span>
199
- </a>
200
- </div>
201
- <div class="details">
202
- 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
203
- </div>
204
- </div>
205
- </li>
206
-
207
- <li>
208
- <div class="info">
209
- <div class="rank">
210
- <span title="Ranking 5">5</span>
211
- <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才300余行代码,学它!">Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才300余行代码,学它!</a>
212
- </div>
213
- <div class="sub-title followers">
214
-
215
- <span title="Stargazers Count">
216
- <svg width="12" height="12" viewBox="0 0 16 16">
217
- <g fill="none" fill-rule="evenodd">
218
- <path d="M0 0h16v16H0z"/>
219
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
220
- </g>
221
- </svg>
222
- <span>14</span>
223
- </span>
224
- &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
226
- <span>若川</span>
227
- </a>
228
- </div>
229
- <div class="details">
230
- 想学源码,极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
231
- </div>
232
- </div>
233
- </li>
234
-
235
- <li>
236
- <div class="info">
237
- <div class="rank">
238
- <span title="Ranking 6">6</span>
239
- <a href="https://segmentfault.com/a/1190000040881913" target="_blank" title="未来已来,HMS Core 展现元宇宙落地价值">未来已来,HMS Core 展现元宇宙落地价值</a>
240
- </div>
241
- <div class="sub-title followers">
242
-
243
- <span title="Stargazers Count">
244
- <svg width="12" height="12" viewBox="0 0 16 16">
245
- <g fill="none" fill-rule="evenodd">
246
- <path d="M0 0h16v16H0z"/>
247
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
248
- </g>
249
- </svg>
250
- <span>9</span>
251
- </span>
252
- &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
254
- <span>六一</span>
255
- </a>
256
- </div>
257
- <div class="details">
258
- 当你坐在家中,你是否曾经这样幻想,远处的会议有数字分身替你参与;远方的美景可以通过AR直接投影在你面前;人与人之间的距离因种种成像技术和全新交互模式而改变……
259
- </div>
260
- </div>
261
- </li>
262
-
263
- <li>
264
- <div class="info">
265
- <div class="rank">
266
- <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040869270" target="_blank" title="7个关于&#34;this&#34;面试题,你知道几个?">7个关于&#34;this&#34;面试题,你知道几个?</a>
268
- </div>
269
- <div class="sub-title followers">
270
-
271
- <span title="Stargazers Count">
272
- <svg width="12" height="12" viewBox="0 0 16 16">
273
- <g fill="none" fill-rule="evenodd">
274
- <path d="M0 0h16v16H0z"/>
275
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
276
- </g>
277
- </svg>
278
- <span>7</span>
279
- </span>
280
- &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
282
- <span>前端小智</span>
283
- </a>
284
- </div>
285
- <div class="details">
286
- 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
287
- </div>
288
- </div>
289
- </li>
290
-
291
- <li>
292
- <div class="info">
293
- <div class="rank">
294
- <span title="Ranking 8">8</span>
295
- <a href="https://segmentfault.com/a/1190000040877069" target="_blank" title="涉嫌抄袭?抖音前端技术团队发文致歉,承认借鉴Ant Design">涉嫌抄袭?抖音前端技术团队发文致歉,承认借鉴Ant Design</a>
296
- </div>
297
- <div class="sub-title followers">
298
-
299
- <span title="Stargazers Count">
300
- <svg width="12" height="12" viewBox="0 0 16 16">
301
- <g fill="none" fill-rule="evenodd">
302
- <path d="M0 0h16v16H0z"/>
303
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
304
- </g>
305
- </svg>
306
- <span>3</span>
307
- </span>
308
- &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
310
- <span>snakesss</span>
311
- </a>
312
- </div>
313
- <div class="details">
314
- 据描述,Semi Design 是由抖音前端团队,MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案,是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...
315
- </div>
316
- </div>
317
- </li>
318
-
319
- <li>
320
- <div class="info">
321
- <div class="rank">
322
- <span title="Ranking 9">9</span>
323
- <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</a>
324
- </div>
325
- <div class="sub-title followers">
326
-
327
- <span title="Stargazers Count">
328
- <svg width="12" height="12" viewBox="0 0 16 16">
329
- <g fill="none" fill-rule="evenodd">
330
- <path d="M0 0h16v16H0z"/>
331
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
332
- </g>
333
- </svg>
334
- <span>6</span>
335
- </span>
336
- &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
338
- <span>JuiceFS</span>
339
- </a>
340
- </div>
341
- <div class="details">
342
- 高昌健,Juicedata 解决方案架构师,十年互联网行业从业经历,曾在知乎、即刻、小红书多个团队担任架构师职位,专注于分布式系统、大数据、AI 领域的技术研究。
343
- </div>
344
- </div>
345
- </li>
346
-
347
- <li>
348
- <div class="info">
349
- <div class="rank">
350
- <span title="Ranking 10">10</span>
351
- <a href="https://segmentfault.com/a/1190000040870566" target="_blank" title="灵光一闪!帮你使用Vue,搞定无法解决的“动态挂载”">灵光一闪!帮你使用Vue,搞定无法解决的“动态挂载”</a>
352
- </div>
353
- <div class="sub-title followers">
354
-
355
- <span title="Stargazers Count">
356
- <svg width="12" height="12" viewBox="0 0 16 16">
357
- <g fill="none" fill-rule="evenodd">
358
- <path d="M0 0h16v16H0z"/>
359
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
360
- </g>
361
- </svg>
362
- <span>3</span>
363
- </span>
364
- &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
366
- <span>葡萄城技术团队</span>
367
- </a>
368
- </div>
369
- <div class="details">
370
- 在一些特殊场景下,使用组件的时机无法确定,或者无法在Vue的template中确定要我们要使用的组件,这时就需要动态的挂载组件,或者使用运行时编译动态创建组件并挂载。
371
- </div>
372
- </div>
373
- </li>
374
-
375
- <li>
376
- <div class="info">
377
- <div class="rank">
378
- <span title="Ranking 11">11</span>
379
- <a href="https://segmentfault.com/a/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</a>
380
- </div>
381
- <div class="sub-title followers">
382
-
383
- <span title="Stargazers Count">
384
- <svg width="12" height="12" viewBox="0 0 16 16">
385
- <g fill="none" fill-rule="evenodd">
386
- <path d="M0 0h16v16H0z"/>
387
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
388
- </g>
389
- </svg>
390
- <span>6</span>
391
- </span>
392
- &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
394
- <span>云叔_又拍云</span>
395
- </a>
396
- </div>
397
- <div class="details">
398
- Python 想必大家都已经很熟悉了,甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何,它作为一个将加入高考科目的语言还是有它独到之处的,今天我们就再展开聊聊 Python。
399
- </div>
400
- </div>
401
- </li>
402
-
403
- <li>
404
- <div class="info">
405
- <div class="rank">
406
- <span title="Ranking 12">12</span>
407
- <a href="https://segmentfault.com/a/1190000040874554" target="_blank" title="常见 SQL 面试题:经典 50 例">常见 SQL 面试题:经典 50 例</a>
408
- </div>
409
- <div class="sub-title followers">
410
-
411
- <span title="Stargazers Count">
412
- <svg width="12" height="12" viewBox="0 0 16 16">
413
- <g fill="none" fill-rule="evenodd">
414
- <path d="M0 0h16v16H0z"/>
415
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
416
- </g>
417
- </svg>
418
- <span>8</span>
419
- </span>
420
- &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
422
- <span>民工哥</span>
423
- </a>
424
- </div>
425
- <div class="details">
426
- 多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])
427
- </div>
428
- </div>
429
- </li>
430
-
431
- <li>
432
- <div class="info">
433
- <div class="rank">
434
- <span title="Ranking 13">13</span>
435
- <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力,你有几成火候?">前端架构师的 git 功力,你有几成火候?</a>
436
- </div>
437
- <div class="sub-title followers">
438
-
439
- <span title="Stargazers Count">
440
- <svg width="12" height="12" viewBox="0 0 16 16">
441
- <g fill="none" fill-rule="evenodd">
442
- <path d="M0 0h16v16H0z"/>
443
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
444
- </g>
445
- </svg>
446
- <span>4</span>
447
- </span>
448
- &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
450
- <span>杨成功</span>
451
- </a>
452
- </div>
453
- <div class="details">
454
- 本文从前端工程,团队协作,生产部署的角度,介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面:分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
455
- </div>
456
- </div>
457
- </li>
458
-
459
- <li>
460
- <div class="info">
461
- <div class="rank">
462
- <span title="Ranking 14">14</span>
463
- <a href="https://segmentfault.com/a/1190000040880874" target="_blank" title="大厂面试题分享:如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?">大厂面试题分享:如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?</a>
464
- </div>
465
- <div class="sub-title followers">
466
-
467
- <span title="Stargazers Count">
468
- <svg width="12" height="12" viewBox="0 0 16 16">
469
- <g fill="none" fill-rule="evenodd">
470
- <path d="M0 0h16v16H0z"/>
471
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
472
- </g>
473
- </svg>
474
- <span>4</span>
475
- </span>
476
- &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
478
- <span>wscats</span>
479
- </a>
480
- </div>
481
- <div class="details">
482
- 当我第一次看到这一题目的时候,我是比较震惊的,分析了下很不合我们编程的常理,并认为不大可能,变量a要在同一情况下要同时等于1,2和3这三个值,这是天方夜谭吧,不亚于哥德巴赫1+1=1的猜想吧,不过一切皆有可...
483
- </div>
484
- </div>
485
- </li>
486
-
487
- <li>
488
- <div class="info">
489
- <div class="rank">
490
- <span title="Ranking 15">15</span>
491
- <a href="https://segmentfault.com/a/1190000040874775" target="_blank" title="如何评价抖音前端开源的 Semi Design ?">如何评价抖音前端开源的 Semi Design ?</a>
492
- </div>
493
- <div class="sub-title followers">
494
-
495
- <span title="Stargazers Count">
496
- <svg width="12" height="12" viewBox="0 0 16 16">
497
- <g fill="none" fill-rule="evenodd">
498
- <path d="M0 0h16v16H0z"/>
499
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
500
- </g>
501
- </svg>
502
- <span>2</span>
503
- </span>
504
- &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
506
- <span>Peter谭老师</span>
507
- </a>
508
- </div>
509
- <div class="details">
510
- 开头我是Peter抖音系企业应用设计系统 Semi Design 开源了,这是我今天听到最大的消息,于是晚上回家赶紧去看了看打开知乎,果然跟我想的一样,第一件事肯定有人否定这个开源的库,是基于别人的开源库改造而来甚...
511
- </div>
512
- </div>
513
- </li>
514
-
515
- <li>
516
- <div class="info">
517
- <div class="rank">
518
- <span title="Ranking 16">16</span>
519
- <a href="https://segmentfault.com/a/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</a>
520
- </div>
521
- <div class="sub-title followers">
522
-
523
- <span title="Stargazers Count">
524
- <svg width="12" height="12" viewBox="0 0 16 16">
525
- <g fill="none" fill-rule="evenodd">
526
- <path d="M0 0h16v16H0z"/>
527
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
528
- </g>
529
- </svg>
530
- <span>3</span>
531
- </span>
532
- &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
534
- <span>lulu_up</span>
535
- </a>
536
- </div>
537
- <div class="details">
538
- 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
539
- </div>
540
- </div>
541
- </li>
542
-
543
- <li>
544
- <div class="info">
545
- <div class="rank">
546
- <span title="Ranking 17">17</span>
547
- <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘,必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘,必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
548
- </div>
549
- <div class="sub-title followers">
550
-
551
- <span title="Stargazers Count">
552
- <svg width="12" height="12" viewBox="0 0 16 16">
553
- <g fill="none" fill-rule="evenodd">
554
- <path d="M0 0h16v16H0z"/>
555
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
556
- </g>
557
- </svg>
558
- <span>4</span>
559
- </span>
560
- &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
562
- <span>sluke</span>
563
- </a>
564
- </div>
565
- <div class="details">
566
- 大家好,我是Typecho开发团队的 sluke,感谢大家在线上线下听我分享我给大家分享的,是一个小故事,一个开源博客程序坚持 15 年的故事,是这个团队的一点点启发和心得
567
- </div>
568
- </div>
569
- </li>
570
-
571
- <li>
572
- <div class="info">
573
- <div class="rank">
574
- <span title="Ranking 18">18</span>
575
- <a href="https://segmentfault.com/a/1190000040866692" target="_blank" title="程序员如何玩转力扣刷题?">程序员如何玩转力扣刷题?</a>
576
- </div>
577
- <div class="sub-title followers">
578
-
579
- <span title="Stargazers Count">
580
- <svg width="12" height="12" viewBox="0 0 16 16">
581
- <g fill="none" fill-rule="evenodd">
582
- <path d="M0 0h16v16H0z"/>
583
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
584
- </g>
585
- </svg>
586
- <span>3</span>
587
- </span>
588
- &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
590
- <span>bigsai</span>
591
- </a>
592
- </div>
593
- <div class="details">
594
- 前言大家好,我是bigsai,好久不见!今天就给各位小伙伴分享我自己刷题力扣的一些小方法,不一定很有用但是可以参考,祝你更高效的变强!最近在一些群聊、私聊中遇到很多的一个问题就是:刷题,大家也都重视到算...
595
- </div>
596
- </div>
597
- </li>
598
-
599
- <li>
600
- <div class="info">
601
- <div class="rank">
602
- <span title="Ranking 19">19</span>
603
- <a href="https://segmentfault.com/a/1190000040861597" target="_blank" title="CI/CD必知:落后master分支检测">CI/CD必知:落后master分支检测</a>
604
- </div>
605
- <div class="sub-title followers">
606
-
607
- <span title="Stargazers Count">
608
- <svg width="12" height="12" viewBox="0 0 16 16">
609
- <g fill="none" fill-rule="evenodd">
610
- <path d="M0 0h16v16H0z"/>
611
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
612
- </g>
613
- </svg>
614
- <span>2</span>
615
- </span>
616
- &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
618
- <span>Denzel</span>
619
- </a>
620
- </div>
621
- <div class="details">
622
- 来公司一年多,业务之余一直在参与做BU自己的前端发布平台;以前我们的构建底层(CI/CD)大多依赖于集团的能力,所以经常一个应用某个迭代发布之后,其他迭代再构建部署,就会报错,这时就需要打开集团系统的构建...
623
- </div>
624
- </div>
625
- </li>
626
-
627
- <li>
628
- <div class="info">
629
- <div class="rank">
630
- <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040873944" target="_blank" title="面试不再慌,终于有人把TCP讲明白了。。。">面试不再慌,终于有人把TCP讲明白了。。。</a>
632
- </div>
633
- <div class="sub-title followers">
634
-
635
- <span title="Stargazers Count">
636
- <svg width="12" height="12" viewBox="0 0 16 16">
637
- <g fill="none" fill-rule="evenodd">
638
- <path d="M0 0h16v16H0z"/>
639
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
640
- </g>
641
- </svg>
642
- <span>2</span>
643
- </span>
644
- &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/23g69kz6" title="Programming Language">
646
- <span>Java大将军</span>
647
- </a>
648
- </div>
649
- <div class="details">
650
- TCP(Transmission Control Protocol,传输控制协议) 是计算机网络的的重要组成部分,也是网络编程的重要内容,还有我们平时接触最多的 HTTP 也是基于 TCP 实现的。TCP 可以说是最重要的传输层协议,既然如此,...
651
- </div>
652
- </div>
653
- </li>
654
-
655
- <li>
656
- <div class="info">
657
- <div class="rank">
658
- <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040869235" target="_blank" title="深入浅出Java内存模型">深入浅出Java内存模型</a>
660
- </div>
661
- <div class="sub-title followers">
662
-
663
- <span title="Stargazers Count">
664
- <svg width="12" height="12" viewBox="0 0 16 16">
665
- <g fill="none" fill-rule="evenodd">
666
- <path d="M0 0h16v16H0z"/>
667
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
668
- </g>
669
- </svg>
670
- <span>4</span>
671
- </span>
672
- &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
674
- <span>Java3y</span>
675
- </a>
676
- </div>
677
- <div class="details">
678
- 面试官:我记得你的最终答案是:Java为了屏蔽硬件和操作系统访问内存的各种差异,提出了「Java内存模型」的规范,保证了Java程序在各种平台下对内存的访问都能得到一致效果
679
- </div>
680
- </div>
681
- </li>
682
-
683
- <li>
684
- <div class="info">
685
- <div class="rank">
686
- <span title="Ranking 22">22</span>
687
- <a href="https://segmentfault.com/a/1190000040883655" target="_blank" title="一条曲线的诞生">一条曲线的诞生</a>
688
- </div>
689
- <div class="sub-title followers">
690
-
691
- <span title="Stargazers Count">
692
- <svg width="12" height="12" viewBox="0 0 16 16">
693
- <g fill="none" fill-rule="evenodd">
694
- <path d="M0 0h16v16H0z"/>
695
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
696
- </g>
697
- </svg>
698
- <span>3</span>
699
- </span>
700
- &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
702
- <span>ES2049</span>
703
- </a>
704
- </div>
705
- <div class="details">
706
- 在图可视化领域有着大量和曲线相关的场景,然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候,就遇到了这样的问题。形状扁平,箭头方向和连线趋势不一致,连线起点和终点被隐藏等等,好看的...
707
- </div>
708
- </div>
709
- </li>
710
-
711
- <li>
712
- <div class="info">
713
- <div class="rank">
714
- <span title="Ranking 23">23</span>
715
- <a href="https://segmentfault.com/a/1190000040866790" target="_blank" title="基于位运算的权限设计">基于位运算的权限设计</a>
716
- </div>
717
- <div class="sub-title followers">
718
-
719
- <span title="Stargazers Count">
720
- <svg width="12" height="12" viewBox="0 0 16 16">
721
- <g fill="none" fill-rule="evenodd">
722
- <path d="M0 0h16v16H0z"/>
723
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
724
- </g>
725
- </svg>
726
- <span>4</span>
727
- </span>
728
- &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/n_makuangmo" title="Programming Language">
730
- <span>伍陆柒</span>
731
- </a>
732
- </div>
733
- <div class="details">
734
- 基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左,由低到高操作符速记:&amp;按位与:对应位都是 1 则...
735
- </div>
736
- </div>
737
- </li>
738
-
739
- <li>
740
- <div class="info">
741
- <div class="rank">
742
- <span title="Ranking 24">24</span>
743
- <a href="https://segmentfault.com/a/1190000040873601" target="_blank" title="分辨率越高清晰度越高吗?">分辨率越高清晰度越高吗?</a>
744
- </div>
745
- <div class="sub-title followers">
746
-
747
- <span title="Stargazers Count">
748
- <svg width="12" height="12" viewBox="0 0 16 16">
749
- <g fill="none" fill-rule="evenodd">
750
- <path d="M0 0h16v16H0z"/>
751
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
752
- </g>
753
- </svg>
754
- <span>5</span>
755
- </span>
756
- &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
758
- <span>编程码农</span>
759
- </a>
760
- </div>
761
- <div class="details">
762
- 显示屏清晰度对于计算机上显示的文字和图片,正常来说显示器分辨率越高清晰度就会更高,不过有时我们切换一些超高分辨率后也识别不出差异,这是为什么?简单来说显示清晰度由物理因素和视力因素。物理因素就是设...
763
- </div>
764
- </div>
765
- </li>
766
-
767
- <li>
768
- <div class="info">
769
- <div class="rank">
770
- <span title="Ranking 25">25</span>
771
- <a href="https://segmentfault.com/a/1190000040857814" target="_blank" title="Prometheus+InfluxDB+Grafana 打造高逼格监控平台!">Prometheus+InfluxDB+Grafana 打造高逼格监控平台!</a>
772
- </div>
773
- <div class="sub-title followers">
774
-
775
- <span title="Stargazers Count">
776
- <svg width="12" height="12" viewBox="0 0 16 16">
777
- <g fill="none" fill-rule="evenodd">
778
- <path d="M0 0h16v16H0z"/>
779
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
780
- </g>
781
- </svg>
782
- <span>3</span>
783
- </span>
784
- &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
786
- <span>民工哥</span>
787
- </a>
788
- </div>
789
- <div class="details">
790
- 在本模块中,我将把几个常用的监控部分给梳理一下。前面我们提到过,在性能监控图谱中,有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点...
791
- </div>
792
- </div>
793
- </li>
794
-
795
- <li>
796
- <div class="info">
797
- <div class="rank">
798
- <span title="Ranking 26">26</span>
799
- <a href="https://segmentfault.com/a/1190000040857744" target="_blank" title="超牛逼的性能监控神器!快速定位线上问题">超牛逼的性能监控神器!快速定位线上问题</a>
800
- </div>
801
- <div class="sub-title followers">
802
-
803
- <span title="Stargazers Count">
804
- <svg width="12" height="12" viewBox="0 0 16 16">
805
- <g fill="none" fill-rule="evenodd">
806
- <path d="M0 0h16v16H0z"/>
807
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
808
- </g>
809
- </svg>
810
- <span>2</span>
811
- </span>
812
- &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
814
- <span>民工哥</span>
815
- </a>
816
- </div>
817
- <div class="details">
818
- 今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...
819
- </div>
820
- </div>
821
- </li>
822
-
823
- <li>
824
- <div class="info">
825
- <div class="rank">
826
- <span title="Ranking 27">27</span>
827
- <a href="https://segmentfault.com/a/1190000040875138" target="_blank" title="听说你的对象有个”环“?怎么发现的呢?">听说你的对象有个”环“?怎么发现的呢?</a>
828
- </div>
829
- <div class="sub-title followers">
830
-
831
- <span title="Stargazers Count">
832
- <svg width="12" height="12" viewBox="0 0 16 16">
833
- <g fill="none" fill-rule="evenodd">
834
- <path d="M0 0h16v16H0z"/>
835
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
836
- </g>
837
- </svg>
838
- <span>2</span>
839
- </span>
840
- &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
842
- <span>前端胖头鱼</span>
843
- </a>
844
- </div>
845
- <div class="details">
846
- 1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现,也可以直接点击isCyclic快速查看,目前已有62+手写实现,欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...
847
- </div>
848
- </div>
849
- </li>
850
-
851
- <li>
852
- <div class="info">
853
- <div class="rank">
854
- <span title="Ranking 28">28</span>
855
- <a href="https://segmentfault.com/a/1190000040876086" target="_blank" title="CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框">CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框</a>
856
- </div>
857
- <div class="sub-title followers">
858
-
859
- <span title="Stargazers Count">
860
- <svg width="12" height="12" viewBox="0 0 16 16">
861
- <g fill="none" fill-rule="evenodd">
862
- <path d="M0 0h16v16H0z"/>
863
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
864
- </g>
865
- </svg>
866
- <span>2</span>
867
- </span>
868
- &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
870
- <span>chokcoco</span>
871
- </a>
872
- </div>
873
- <div class="details">
874
- 本文将通过一个实际的业务需求,讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题:在文字展示的时候,利用了 font-weight: bold 给文字进行...
875
- </div>
876
- </div>
877
- </li>
878
-
879
- <li>
880
- <div class="info">
881
- <div class="rank">
882
- <span title="Ranking 29">29</span>
883
- <a href="https://segmentfault.com/a/1190000040882505" target="_blank" title="议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕">议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕</a>
884
- </div>
885
- <div class="sub-title followers">
886
-
887
- <span title="Stargazers Count">
888
- <svg width="12" height="12" viewBox="0 0 16 16">
889
- <g fill="none" fill-rule="evenodd">
890
- <path d="M0 0h16v16H0z"/>
891
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
892
- </g>
893
- </svg>
894
- <span>3</span>
895
- </span>
896
- &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
898
- <span>思否编辑部</span>
899
- </a>
900
- </div>
901
- <div class="details">
902
- 作为业界最具影响力的开源盛事,2021 中国开源年会(COSCon&#39;21)将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛,和线下聚会两部分。
903
- </div>
904
- </div>
905
- </li>
906
-
105
+ <li class="rank-title">
106
+ <span class="select">
107
+ <a class="" href="sifou-daily.html">日热门</a>
108
+ <a class="active" href="sifou-weekly.html">周热门</a>
109
+ <a class="" href="sifou-monthly.html">月热门</a>
110
+ </span>
111
+ </li>
112
+
113
+ <li>
114
+ <div class="info">
115
+ <div class="rank">
116
+ <span title="Ranking 1">1</span>
117
+ <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简,繁在人心:在浏览器控制台安装npm包是什么操作?">大道至简,繁在人心:在浏览器控制台安装npm包是什么操作?</a>
118
+ </div>
119
+ <div class="sub-title followers">
120
+
121
+ <span title="Stargazers Count">
122
+ <svg width="12" height="12" viewBox="0 0 16 16">
123
+ <g fill="none" fill-rule="evenodd">
124
+ <path d="M0 0h16v16H0z"/>
125
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
126
+ </g>
127
+ </svg>
128
+ <span>22</span>
129
+ </span>
130
+ &nbsp;
131
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
132
+ <span>独钓寒江雪</span>
133
+ </a>
134
+ </div>
135
+ <div class="details">
136
+ 我们都知道,npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微,但是作为广泛使用的存...
137
+ </div>
138
+ </div>
139
+ </li>
140
+
141
+ <li>
142
+ <div class="info">
143
+ <div class="rank">
144
+ <span title="Ranking 2">2</span>
145
+ <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的:开放图谱协议(The Open Graph protocol)">前端应该知道的:开放图谱协议(The Open Graph protocol)</a>
146
+ </div>
147
+ <div class="sub-title followers">
148
+
149
+ <span title="Stargazers Count">
150
+ <svg width="12" height="12" viewBox="0 0 16 16">
151
+ <g fill="none" fill-rule="evenodd">
152
+ <path d="M0 0h16v16H0z"/>
153
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
154
+ </g>
155
+ </svg>
156
+ <span>22</span>
157
+ </span>
158
+ &nbsp;
159
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
160
+ <span>独钓寒江雪</span>
161
+ </a>
162
+ </div>
163
+ <div class="details">
164
+ Open Graph 是一种互联网协议,最初由 Facebook 创建,用于标准化网页中元数据的使用,使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
165
+ </div>
166
+ </div>
167
+ </li>
168
+
169
+ <li>
170
+ <div class="info">
171
+ <div class="rank">
172
+ <span title="Ranking 3">3</span>
173
+ <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才300余行代码,学它!">Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才300余行代码,学它!</a>
174
+ </div>
175
+ <div class="sub-title followers">
176
+
177
+ <span title="Stargazers Count">
178
+ <svg width="12" height="12" viewBox="0 0 16 16">
179
+ <g fill="none" fill-rule="evenodd">
180
+ <path d="M0 0h16v16H0z"/>
181
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
182
+ </g>
183
+ </svg>
184
+ <span>15</span>
185
+ </span>
186
+ &nbsp;
187
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
188
+ <span>若川</span>
189
+ </a>
190
+ </div>
191
+ <div class="details">
192
+ 想学源码,极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
193
+ </div>
194
+ </div>
195
+ </li>
196
+
197
+ <li>
198
+ <div class="info">
199
+ <div class="rank">
200
+ <span title="Ranking 4">4</span>
201
+ <a href="https://segmentfault.com/a/1190000040881913" target="_blank" title="未来已来,HMS Core 展现元宇宙落地价值">未来已来,HMS Core 展现元宇宙落地价值</a>
202
+ </div>
203
+ <div class="sub-title followers">
204
+
205
+ <span title="Stargazers Count">
206
+ <svg width="12" height="12" viewBox="0 0 16 16">
207
+ <g fill="none" fill-rule="evenodd">
208
+ <path d="M0 0h16v16H0z"/>
209
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
210
+ </g>
211
+ </svg>
212
+ <span>9</span>
213
+ </span>
214
+ &nbsp;
215
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
216
+ <span>六一</span>
217
+ </a>
218
+ </div>
219
+ <div class="details">
220
+ 当你坐在家中,你是否曾经这样幻想,远处的会议有数字分身替你参与;远方的美景可以通过AR直接投影在你面前;人与人之间的距离因种种成像技术和全新交互模式而改变……
221
+ </div>
222
+ </div>
223
+ </li>
224
+
225
+ <li>
226
+ <div class="info">
227
+ <div class="rank">
228
+ <span title="Ranking 5">5</span>
229
+ <a href="https://segmentfault.com/a/1190000040869270" target="_blank" title="7个关于&#34;this&#34;面试题,你知道几个?">7个关于&#34;this&#34;面试题,你知道几个?</a>
230
+ </div>
231
+ <div class="sub-title followers">
232
+
233
+ <span title="Stargazers Count">
234
+ <svg width="12" height="12" viewBox="0 0 16 16">
235
+ <g fill="none" fill-rule="evenodd">
236
+ <path d="M0 0h16v16H0z"/>
237
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
238
+ </g>
239
+ </svg>
240
+ <span>7</span>
241
+ </span>
242
+ &nbsp;
243
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
244
+ <span>前端小智</span>
245
+ </a>
246
+ </div>
247
+ <div class="details">
248
+ 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
249
+ </div>
250
+ </div>
251
+ </li>
252
+
253
+ <li>
254
+ <div class="info">
255
+ <div class="rank">
256
+ <span title="Ranking 6">6</span>
257
+ <a href="https://segmentfault.com/a/1190000040877069" target="_blank" title="涉嫌抄袭?抖音前端技术团队发文致歉,承认借鉴Ant Design">涉嫌抄袭?抖音前端技术团队发文致歉,承认借鉴Ant Design</a>
258
+ </div>
259
+ <div class="sub-title followers">
260
+
261
+ <span title="Stargazers Count">
262
+ <svg width="12" height="12" viewBox="0 0 16 16">
263
+ <g fill="none" fill-rule="evenodd">
264
+ <path d="M0 0h16v16H0z"/>
265
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
266
+ </g>
267
+ </svg>
268
+ <span>3</span>
269
+ </span>
270
+ &nbsp;
271
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
272
+ <span>snakesss</span>
273
+ </a>
274
+ </div>
275
+ <div class="details">
276
+ 据描述,Semi Design 是由抖音前端团队,MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案,是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...
277
+ </div>
278
+ </div>
279
+ </li>
280
+
281
+ <li>
282
+ <div class="info">
283
+ <div class="rank">
284
+ <span title="Ranking 7">7</span>
285
+ <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘,必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘,必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
286
+ </div>
287
+ <div class="sub-title followers">
288
+
289
+ <span title="Stargazers Count">
290
+ <svg width="12" height="12" viewBox="0 0 16 16">
291
+ <g fill="none" fill-rule="evenodd">
292
+ <path d="M0 0h16v16H0z"/>
293
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
294
+ </g>
295
+ </svg>
296
+ <span>6</span>
297
+ </span>
298
+ &nbsp;
299
+ <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
300
+ <span>sluke</span>
301
+ </a>
302
+ </div>
303
+ <div class="details">
304
+ 大家好,我是Typecho开发团队的 sluke,感谢大家在线上线下听我分享我给大家分享的,是一个小故事,一个开源博客程序坚持 15 年的故事,是这个团队的一点点启发和心得
305
+ </div>
306
+ </div>
307
+ </li>
308
+
309
+ <li>
310
+ <div class="info">
311
+ <div class="rank">
312
+ <span title="Ranking 8">8</span>
313
+ <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力,你有几成火候?">前端架构师的 git 功力,你有几成火候?</a>
314
+ </div>
315
+ <div class="sub-title followers">
316
+
317
+ <span title="Stargazers Count">
318
+ <svg width="12" height="12" viewBox="0 0 16 16">
319
+ <g fill="none" fill-rule="evenodd">
320
+ <path d="M0 0h16v16H0z"/>
321
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
322
+ </g>
323
+ </svg>
324
+ <span>11</span>
325
+ </span>
326
+ &nbsp;
327
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
328
+ <span>杨成功</span>
329
+ </a>
330
+ </div>
331
+ <div class="details">
332
+ 本文从前端工程,团队协作,生产部署的角度,介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面:分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
333
+ </div>
334
+ </div>
335
+ </li>
336
+
337
+ <li>
338
+ <div class="info">
339
+ <div class="rank">
340
+ <span title="Ranking 9">9</span>
341
+ <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</a>
342
+ </div>
343
+ <div class="sub-title followers">
344
+
345
+ <span title="Stargazers Count">
346
+ <svg width="12" height="12" viewBox="0 0 16 16">
347
+ <g fill="none" fill-rule="evenodd">
348
+ <path d="M0 0h16v16H0z"/>
349
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
350
+ </g>
351
+ </svg>
352
+ <span>6</span>
353
+ </span>
354
+ &nbsp;
355
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
356
+ <span>JuiceFS</span>
357
+ </a>
358
+ </div>
359
+ <div class="details">
360
+ 高昌健,Juicedata 解决方案架构师,十年互联网行业从业经历,曾在知乎、即刻、小红书多个团队担任架构师职位,专注于分布式系统、大数据、AI 领域的技术研究。
361
+ </div>
362
+ </div>
363
+ </li>
364
+
365
+ <li>
366
+ <div class="info">
367
+ <div class="rank">
368
+ <span title="Ranking 10">10</span>
369
+ <a href="https://segmentfault.com/a/1190000040870566" target="_blank" title="灵光一闪!帮你使用Vue,搞定无法解决的“动态挂载”">灵光一闪!帮你使用Vue,搞定无法解决的“动态挂载”</a>
370
+ </div>
371
+ <div class="sub-title followers">
372
+
373
+ <span title="Stargazers Count">
374
+ <svg width="12" height="12" viewBox="0 0 16 16">
375
+ <g fill="none" fill-rule="evenodd">
376
+ <path d="M0 0h16v16H0z"/>
377
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
378
+ </g>
379
+ </svg>
380
+ <span>3</span>
381
+ </span>
382
+ &nbsp;
383
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
384
+ <span>葡萄城技术团队</span>
385
+ </a>
386
+ </div>
387
+ <div class="details">
388
+ 在一些特殊场景下,使用组件的时机无法确定,或者无法在Vue的template中确定要我们要使用的组件,这时就需要动态的挂载组件,或者使用运行时编译动态创建组件并挂载。
389
+ </div>
390
+ </div>
391
+ </li>
392
+
393
+ <li>
394
+ <div class="info">
395
+ <div class="rank">
396
+ <span title="Ranking 11">11</span>
397
+ <a href="https://segmentfault.com/a/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</a>
398
+ </div>
399
+ <div class="sub-title followers">
400
+
401
+ <span title="Stargazers Count">
402
+ <svg width="12" height="12" viewBox="0 0 16 16">
403
+ <g fill="none" fill-rule="evenodd">
404
+ <path d="M0 0h16v16H0z"/>
405
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
406
+ </g>
407
+ </svg>
408
+ <span>6</span>
409
+ </span>
410
+ &nbsp;
411
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
412
+ <span>云叔_又拍云</span>
413
+ </a>
414
+ </div>
415
+ <div class="details">
416
+ Python 想必大家都已经很熟悉了,甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何,它作为一个将加入高考科目的语言还是有它独到之处的,今天我们就再展开聊聊 Python。
417
+ </div>
418
+ </div>
419
+ </li>
420
+
421
+ <li>
422
+ <div class="info">
423
+ <div class="rank">
424
+ <span title="Ranking 12">12</span>
425
+ <a href="https://segmentfault.com/a/1190000040874554" target="_blank" title="常见 SQL 面试题:经典 50 例">常见 SQL 面试题:经典 50 例</a>
426
+ </div>
427
+ <div class="sub-title followers">
428
+
429
+ <span title="Stargazers Count">
430
+ <svg width="12" height="12" viewBox="0 0 16 16">
431
+ <g fill="none" fill-rule="evenodd">
432
+ <path d="M0 0h16v16H0z"/>
433
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
434
+ </g>
435
+ </svg>
436
+ <span>8</span>
437
+ </span>
438
+ &nbsp;
439
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
440
+ <span>民工哥</span>
441
+ </a>
442
+ </div>
443
+ <div class="details">
444
+ 多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])
445
+ </div>
446
+ </div>
447
+ </li>
448
+
449
+ <li>
450
+ <div class="info">
451
+ <div class="rank">
452
+ <span title="Ranking 13">13</span>
453
+ <a href="https://segmentfault.com/a/1190000040880874" target="_blank" title="大厂面试题分享:如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?">大厂面试题分享:如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?</a>
454
+ </div>
455
+ <div class="sub-title followers">
456
+
457
+ <span title="Stargazers Count">
458
+ <svg width="12" height="12" viewBox="0 0 16 16">
459
+ <g fill="none" fill-rule="evenodd">
460
+ <path d="M0 0h16v16H0z"/>
461
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
462
+ </g>
463
+ </svg>
464
+ <span>5</span>
465
+ </span>
466
+ &nbsp;
467
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
468
+ <span>wscats</span>
469
+ </a>
470
+ </div>
471
+ <div class="details">
472
+ 当我第一次看到这一题目的时候,我是比较震惊的,分析了下很不合我们编程的常理,并认为不大可能,变量a要在同一情况下要同时等于1,2和3这三个值,这是天方夜谭吧,不亚于哥德巴赫1+1=1的猜想吧,不过一切皆有可...
473
+ </div>
474
+ </div>
475
+ </li>
476
+
477
+ <li>
478
+ <div class="info">
479
+ <div class="rank">
480
+ <span title="Ranking 14">14</span>
481
+ <a href="https://segmentfault.com/a/1190000040874775" target="_blank" title="如何评价抖音前端开源的 Semi Design ?">如何评价抖音前端开源的 Semi Design ?</a>
482
+ </div>
483
+ <div class="sub-title followers">
484
+
485
+ <span title="Stargazers Count">
486
+ <svg width="12" height="12" viewBox="0 0 16 16">
487
+ <g fill="none" fill-rule="evenodd">
488
+ <path d="M0 0h16v16H0z"/>
489
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
490
+ </g>
491
+ </svg>
492
+ <span>2</span>
493
+ </span>
494
+ &nbsp;
495
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
496
+ <span>Peter谭老师</span>
497
+ </a>
498
+ </div>
499
+ <div class="details">
500
+ 开头我是Peter抖音系企业应用设计系统 Semi Design 开源了,这是我今天听到最大的消息,于是晚上回家赶紧去看了看打开知乎,果然跟我想的一样,第一件事肯定有人否定这个开源的库,是基于别人的开源库改造而来甚...
501
+ </div>
502
+ </div>
503
+ </li>
504
+
505
+ <li>
506
+ <div class="info">
507
+ <div class="rank">
508
+ <span title="Ranking 15">15</span>
509
+ <a href="https://segmentfault.com/a/1190000040876086" target="_blank" title="CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框">CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框</a>
510
+ </div>
511
+ <div class="sub-title followers">
512
+
513
+ <span title="Stargazers Count">
514
+ <svg width="12" height="12" viewBox="0 0 16 16">
515
+ <g fill="none" fill-rule="evenodd">
516
+ <path d="M0 0h16v16H0z"/>
517
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
518
+ </g>
519
+ </svg>
520
+ <span>3</span>
521
+ </span>
522
+ &nbsp;
523
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
524
+ <span>chokcoco</span>
525
+ </a>
526
+ </div>
527
+ <div class="details">
528
+ 本文将通过一个实际的业务需求,讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题:在文字展示的时候,利用了 font-weight: bold 给文字进行...
529
+ </div>
530
+ </div>
531
+ </li>
532
+
533
+ <li>
534
+ <div class="info">
535
+ <div class="rank">
536
+ <span title="Ranking 16">16</span>
537
+ <a href="https://segmentfault.com/a/1190000040885865" target="_blank" title="PC端高倍屏适配方案实践">PC端高倍屏适配方案实践</a>
538
+ </div>
539
+ <div class="sub-title followers">
540
+
541
+ <span title="Stargazers Count">
542
+ <svg width="12" height="12" viewBox="0 0 16 16">
543
+ <g fill="none" fill-rule="evenodd">
544
+ <path d="M0 0h16v16H0z"/>
545
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
546
+ </g>
547
+ </svg>
548
+ <span>7</span>
549
+ </span>
550
+ &nbsp;
551
+ <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
552
+ <span>野林</span>
553
+ </a>
554
+ </div>
555
+ <div class="details">
556
+ 随着PC端屏幕的发展,PC端也逐步出现了更高倍数的屏幕,相对于手机端的Retina屏,PC端也出现了多倍数适配的要求,本文主要是PC端高倍屏幕适配方案的一个实践总结,希望能给对PC端有适配高倍屏幕需求的同学有一些...
557
+ </div>
558
+ </div>
559
+ </li>
560
+
561
+ <li>
562
+ <div class="info">
563
+ <div class="rank">
564
+ <span title="Ranking 17">17</span>
565
+ <a href="https://segmentfault.com/a/1190000040875138" target="_blank" title="听说你的对象有个”环“?怎么发现的呢?">听说你的对象有个”环“?怎么发现的呢?</a>
566
+ </div>
567
+ <div class="sub-title followers">
568
+
569
+ <span title="Stargazers Count">
570
+ <svg width="12" height="12" viewBox="0 0 16 16">
571
+ <g fill="none" fill-rule="evenodd">
572
+ <path d="M0 0h16v16H0z"/>
573
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
574
+ </g>
575
+ </svg>
576
+ <span>3</span>
577
+ </span>
578
+ &nbsp;
579
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
580
+ <span>前端胖头鱼</span>
581
+ </a>
582
+ </div>
583
+ <div class="details">
584
+ 1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现,也可以直接点击isCyclic快速查看,目前已有62+手写实现,欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...
585
+ </div>
586
+ </div>
587
+ </li>
588
+
589
+ <li>
590
+ <div class="info">
591
+ <div class="rank">
592
+ <span title="Ranking 18">18</span>
593
+ <a href="https://segmentfault.com/a/1190000040861597" target="_blank" title="CI/CD必知:落后master分支检测">CI/CD必知:落后master分支检测</a>
594
+ </div>
595
+ <div class="sub-title followers">
596
+
597
+ <span title="Stargazers Count">
598
+ <svg width="12" height="12" viewBox="0 0 16 16">
599
+ <g fill="none" fill-rule="evenodd">
600
+ <path d="M0 0h16v16H0z"/>
601
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
602
+ </g>
603
+ </svg>
604
+ <span>2</span>
605
+ </span>
606
+ &nbsp;
607
+ <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
608
+ <span>Denzel</span>
609
+ </a>
610
+ </div>
611
+ <div class="details">
612
+ 来公司一年多,业务之余一直在参与做BU自己的前端发布平台;以前我们的构建底层(CI/CD)大多依赖于集团的能力,所以经常一个应用某个迭代发布之后,其他迭代再构建部署,就会报错,这时就需要打开集团系统的构建...
613
+ </div>
614
+ </div>
615
+ </li>
616
+
617
+ <li>
618
+ <div class="info">
619
+ <div class="rank">
620
+ <span title="Ranking 19">19</span>
621
+ <a href="https://segmentfault.com/a/1190000040867160" target="_blank" title="我的刷题经验总结">我的刷题经验总结</a>
622
+ </div>
623
+ <div class="sub-title followers">
624
+
625
+ <span title="Stargazers Count">
626
+ <svg width="12" height="12" viewBox="0 0 16 16">
627
+ <g fill="none" fill-rule="evenodd">
628
+ <path d="M0 0h16v16H0z"/>
629
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
630
+ </g>
631
+ </svg>
632
+ <span>3</span>
633
+ </span>
634
+ &nbsp;
635
+ <a target="_blank" href="https://segmentfault.com/u/labuladong" title="Programming Language">
636
+ <span>labuladong</span>
637
+ </a>
638
+ </div>
639
+ <div class="details">
640
+ 这两年在我自己不断刷题,思考和写公众号的过程中,我对算法的理解也是在逐渐加深,所以今天再写一篇,把我这两年的经验和思考浓缩成 4000 字,分享给大家。
641
+ </div>
642
+ </div>
643
+ </li>
644
+
645
+ <li>
646
+ <div class="info">
647
+ <div class="rank">
648
+ <span title="Ranking 20">20</span>
649
+ <a href="https://segmentfault.com/a/1190000040866692" target="_blank" title="程序员如何玩转力扣刷题?">程序员如何玩转力扣刷题?</a>
650
+ </div>
651
+ <div class="sub-title followers">
652
+
653
+ <span title="Stargazers Count">
654
+ <svg width="12" height="12" viewBox="0 0 16 16">
655
+ <g fill="none" fill-rule="evenodd">
656
+ <path d="M0 0h16v16H0z"/>
657
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
658
+ </g>
659
+ </svg>
660
+ <span>3</span>
661
+ </span>
662
+ &nbsp;
663
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
664
+ <span>bigsai</span>
665
+ </a>
666
+ </div>
667
+ <div class="details">
668
+ 前言大家好,我是bigsai,好久不见!今天就给各位小伙伴分享我自己刷题力扣的一些小方法,不一定很有用但是可以参考,祝你更高效的变强!最近在一些群聊、私聊中遇到很多的一个问题就是:刷题,大家也都重视到算...
669
+ </div>
670
+ </div>
671
+ </li>
672
+
673
+ <li>
674
+ <div class="info">
675
+ <div class="rank">
676
+ <span title="Ranking 21">21</span>
677
+ <a href="https://segmentfault.com/a/1190000040883655" target="_blank" title="一条曲线的诞生">一条曲线的诞生</a>
678
+ </div>
679
+ <div class="sub-title followers">
680
+
681
+ <span title="Stargazers Count">
682
+ <svg width="12" height="12" viewBox="0 0 16 16">
683
+ <g fill="none" fill-rule="evenodd">
684
+ <path d="M0 0h16v16H0z"/>
685
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
686
+ </g>
687
+ </svg>
688
+ <span>3</span>
689
+ </span>
690
+ &nbsp;
691
+ <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
692
+ <span>ES2049</span>
693
+ </a>
694
+ </div>
695
+ <div class="details">
696
+ 在图可视化领域有着大量和曲线相关的场景,然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候,就遇到了这样的问题。形状扁平,箭头方向和连线趋势不一致,连线起点和终点被隐藏等等,好看的...
697
+ </div>
698
+ </div>
699
+ </li>
700
+
701
+ <li>
702
+ <div class="info">
703
+ <div class="rank">
704
+ <span title="Ranking 22">22</span>
705
+ <a href="https://segmentfault.com/a/1190000040873944" target="_blank" title="面试不再慌,终于有人把TCP讲明白了。。。">面试不再慌,终于有人把TCP讲明白了。。。</a>
706
+ </div>
707
+ <div class="sub-title followers">
708
+
709
+ <span title="Stargazers Count">
710
+ <svg width="12" height="12" viewBox="0 0 16 16">
711
+ <g fill="none" fill-rule="evenodd">
712
+ <path d="M0 0h16v16H0z"/>
713
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
714
+ </g>
715
+ </svg>
716
+ <span>2</span>
717
+ </span>
718
+ &nbsp;
719
+ <a target="_blank" href="https://segmentfault.com/u/23g69kz6" title="Programming Language">
720
+ <span>Java大将军</span>
721
+ </a>
722
+ </div>
723
+ <div class="details">
724
+ TCP(Transmission Control Protocol,传输控制协议) 是计算机网络的的重要组成部分,也是网络编程的重要内容,还有我们平时接触最多的 HTTP 也是基于 TCP 实现的。TCP 可以说是最重要的传输层协议,既然如此,...
725
+ </div>
726
+ </div>
727
+ </li>
728
+
729
+ <li>
730
+ <div class="info">
731
+ <div class="rank">
732
+ <span title="Ranking 23">23</span>
733
+ <a href="https://segmentfault.com/a/1190000040869235" target="_blank" title="深入浅出Java内存模型">深入浅出Java内存模型</a>
734
+ </div>
735
+ <div class="sub-title followers">
736
+
737
+ <span title="Stargazers Count">
738
+ <svg width="12" height="12" viewBox="0 0 16 16">
739
+ <g fill="none" fill-rule="evenodd">
740
+ <path d="M0 0h16v16H0z"/>
741
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
742
+ </g>
743
+ </svg>
744
+ <span>5</span>
745
+ </span>
746
+ &nbsp;
747
+ <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
748
+ <span>Java3y</span>
749
+ </a>
750
+ </div>
751
+ <div class="details">
752
+ 面试官:我记得你的最终答案是:Java为了屏蔽硬件和操作系统访问内存的各种差异,提出了「Java内存模型」的规范,保证了Java程序在各种平台下对内存的访问都能得到一致效果
753
+ </div>
754
+ </div>
755
+ </li>
756
+
757
+ <li>
758
+ <div class="info">
759
+ <div class="rank">
760
+ <span title="Ranking 24">24</span>
761
+ <a href="https://segmentfault.com/a/1190000040866790" target="_blank" title="基于位运算的权限设计">基于位运算的权限设计</a>
762
+ </div>
763
+ <div class="sub-title followers">
764
+
765
+ <span title="Stargazers Count">
766
+ <svg width="12" height="12" viewBox="0 0 16 16">
767
+ <g fill="none" fill-rule="evenodd">
768
+ <path d="M0 0h16v16H0z"/>
769
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
770
+ </g>
771
+ </svg>
772
+ <span>4</span>
773
+ </span>
774
+ &nbsp;
775
+ <a target="_blank" href="https://segmentfault.com/u/n_makuangmo" title="Programming Language">
776
+ <span>伍陆柒</span>
777
+ </a>
778
+ </div>
779
+ <div class="details">
780
+ 基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左,由低到高操作符速记:&amp;按位与:对应位都是 1 则...
781
+ </div>
782
+ </div>
783
+ </li>
784
+
785
+ <li>
786
+ <div class="info">
787
+ <div class="rank">
788
+ <span title="Ranking 25">25</span>
789
+ <a href="https://segmentfault.com/a/1190000040873601" target="_blank" title="分辨率越高清晰度越高吗?">分辨率越高清晰度越高吗?</a>
790
+ </div>
791
+ <div class="sub-title followers">
792
+
793
+ <span title="Stargazers Count">
794
+ <svg width="12" height="12" viewBox="0 0 16 16">
795
+ <g fill="none" fill-rule="evenodd">
796
+ <path d="M0 0h16v16H0z"/>
797
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
798
+ </g>
799
+ </svg>
800
+ <span>5</span>
801
+ </span>
802
+ &nbsp;
803
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
804
+ <span>编程码农</span>
805
+ </a>
806
+ </div>
807
+ <div class="details">
808
+ 显示屏清晰度对于计算机上显示的文字和图片,正常来说显示器分辨率越高清晰度就会更高,不过有时我们切换一些超高分辨率后也识别不出差异,这是为什么?简单来说显示清晰度由物理因素和视力因素。物理因素就是设...
809
+ </div>
810
+ </div>
811
+ </li>
812
+
813
+ <li>
814
+ <div class="info">
815
+ <div class="rank">
816
+ <span title="Ranking 26">26</span>
817
+ <a href="https://segmentfault.com/a/1190000040882505" target="_blank" title="议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕">议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕</a>
818
+ </div>
819
+ <div class="sub-title followers">
820
+
821
+ <span title="Stargazers Count">
822
+ <svg width="12" height="12" viewBox="0 0 16 16">
823
+ <g fill="none" fill-rule="evenodd">
824
+ <path d="M0 0h16v16H0z"/>
825
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
826
+ </g>
827
+ </svg>
828
+ <span>3</span>
829
+ </span>
830
+ &nbsp;
831
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
832
+ <span>思否编辑部</span>
833
+ </a>
834
+ </div>
835
+ <div class="details">
836
+ 作为业界最具影响力的开源盛事,2021 中国开源年会(COSCon&#39;21)将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛,和线下聚会两部分。
837
+ </div>
838
+ </div>
839
+ </li>
840
+
841
+ <li>
842
+ <div class="info">
843
+ <div class="rank">
844
+ <span title="Ranking 27">27</span>
845
+ <a href="https://segmentfault.com/a/1190000040879529" target="_blank" title="TransX 一个小巧玲珑的 vue 组件切换动画库">TransX 一个小巧玲珑的 vue 组件切换动画库</a>
846
+ </div>
847
+ <div class="sub-title followers">
848
+
849
+ <span title="Stargazers Count">
850
+ <svg width="12" height="12" viewBox="0 0 16 16">
851
+ <g fill="none" fill-rule="evenodd">
852
+ <path d="M0 0h16v16H0z"/>
853
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
854
+ </g>
855
+ </svg>
856
+ <span>4</span>
857
+ </span>
858
+ &nbsp;
859
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
860
+ <span>TNTWEB</span>
861
+ </a>
862
+ </div>
863
+ <div class="details">
864
+ TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施,赋能...
865
+ </div>
866
+ </div>
867
+ </li>
868
+
869
+ <li>
870
+ <div class="info">
871
+ <div class="rank">
872
+ <span title="Ranking 28">28</span>
873
+ <a href="https://segmentfault.com/a/1190000040877833" target="_blank" title="如何给普通图片加上水波纹【shader 奇技淫巧】">如何给普通图片加上水波纹【shader 奇技淫巧】</a>
874
+ </div>
875
+ <div class="sub-title followers">
876
+
877
+ <span title="Stargazers Count">
878
+ <svg width="12" height="12" viewBox="0 0 16 16">
879
+ <g fill="none" fill-rule="evenodd">
880
+ <path d="M0 0h16v16H0z"/>
881
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
882
+ </g>
883
+ </svg>
884
+ <span>2</span>
885
+ </span>
886
+ &nbsp;
887
+ <a target="_blank" href="https://segmentfault.com/u/master_yoda" title="Programming Language">
888
+ <span>这是上帝的杰作</span>
889
+ </a>
890
+ </div>
891
+ <div class="details">
892
+ 3D场景实现水波纹,我们往往会使用网格去模拟真实的水流动,无论是简单的三角函数或是gerstner wave。然后通过真实物理渲染(base physcal render)来实现其中的折射与反射。这些实现可以参考《GPU GEMS》第一版。
893
+ </div>
894
+ </div>
895
+ </li>
896
+
897
+ <li>
898
+ <div class="info">
899
+ <div class="rank">
900
+ <span title="Ranking 29">29</span>
901
+ <a href="https://segmentfault.com/a/1190000040873895" target="_blank" title="prettier 把我代码弄的很丑">prettier 把我代码弄的很丑</a>
902
+ </div>
903
+ <div class="sub-title followers">
904
+
905
+ <span title="Stargazers Count">
906
+ <svg width="12" height="12" viewBox="0 0 16 16">
907
+ <g fill="none" fill-rule="evenodd">
908
+ <path d="M0 0h16v16H0z"/>
909
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
910
+ </g>
911
+ </svg>
912
+ <span>4</span>
913
+ </span>
914
+ &nbsp;
915
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
916
+ <span>混子的日常</span>
917
+ </a>
918
+ </div>
919
+ <div class="details">
920
+ 开篇一个小故事:近日组内多人反馈 eslint fix 后的代码很丑。我说我看看,然而 2 个月过去了,我都没有搞定。。。(老透明,想刷存在感。)又暴露了我的无知:是 eslint 修的,还是 prettier 修的这是什么奇怪的...
921
+ </div>
922
+ </div>
923
+ </li>
924
+
925
+ <li>
926
+ <div class="info">
927
+ <div class="rank">
928
+ <span title="Ranking 30">30</span>
929
+ <a href="https://segmentfault.com/a/1190000040879096" target="_blank" title="前端必会的nginx(配置可视化)">前端必会的nginx(配置可视化)</a>
930
+ </div>
931
+ <div class="sub-title followers">
932
+
933
+ <span title="Stargazers Count">
934
+ <svg width="12" height="12" viewBox="0 0 16 16">
935
+ <g fill="none" fill-rule="evenodd">
936
+ <path d="M0 0h16v16H0z"/>
937
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
938
+ </g>
939
+ </svg>
940
+ <span>4</span>
941
+ </span>
942
+ &nbsp;
943
+ <a target="_blank" href="https://segmentfault.com/u/yangkaiqiang" title="Programming Language">
944
+ <span>Runningfyy</span>
945
+ </a>
946
+ </div>
947
+ <div class="details">
948
+ 1.介绍Nginx(发音同“engine X”)是异步框架的web服务器,也可以用作反向代理、负载平衡器和HTTP缓存。特点:和node类似,Nginx使用异步事件驱动的方法来处理请求,适合处理io密集型场景前端为什么要学:测试环境...
949
+ </div>
950
+ </div>
951
+ </li>
952
+
907
953
  </ul>
908
954
  <div class="footer">
909
- <p>
955
+ <div>
910
956
  <a href="https://github.com/jaywcjlove/github-rank/network" target="_blank">
911
957
  <img src="https://img.shields.io/github/forks/jaywcjlove/github-rank.svg">
912
958
  </a>
@@ -919,8 +965,8 @@
919
965
  <a href="https://unpkg.com/@wcj/github-rank/web/index.html" target="_blank">
920
966
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
921
967
  </a>
922
- </p>
923
- <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
968
+ </div>
969
+ <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
924
970
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
925
971
  </div>
926
972
  </body>