@wcj/github-rank 22.1.13 → 22.1.14

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 +21150 -21148
  2. package/dist/sifou-daily.json +213 -96
  3. package/dist/sifou-monthly.json +113 -113
  4. package/dist/sifou-weekly.json +105 -105
  5. package/dist/toutiao-30.json +24 -24
  6. package/dist/toutiao-7.json +72 -72
  7. package/dist/toutiao-90.json +1 -1
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +162 -162
  11. package/dist/users.china.json +1738 -1739
  12. package/dist/users.json +2241 -2241
  13. package/package.json +1 -1
  14. package/web/36kr.html +11 -2
  15. package/web/data/repos.json +21150 -21148
  16. package/web/data/sifou-daily.json +213 -96
  17. package/web/data/sifou-monthly.json +113 -113
  18. package/web/data/sifou-weekly.json +105 -105
  19. package/web/data/toutiao-30.json +24 -24
  20. package/web/data/toutiao-7.json +72 -72
  21. package/web/data/toutiao-90.json +1 -1
  22. package/web/data/trending-daily.json +175 -175
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +162 -162
  25. package/web/data/users.china.json +1738 -1739
  26. package/web/data/users.json +2241 -2241
  27. package/web/index.html +1178 -1169
  28. package/web/repos.html +2796 -2787
  29. package/web/sifou-daily.html +454 -81
  30. package/web/sifou-monthly.html +132 -123
  31. package/web/sifou-weekly.html +127 -118
  32. package/web/toutiao-30.html +39 -30
  33. package/web/toutiao-7.html +73 -64
  34. package/web/toutiao-90.html +12 -3
  35. package/web/trending-monthly.html +150 -141
  36. package/web/trending-weekly.html +151 -142
  37. package/web/trending.html +161 -152
  38. package/web/users.china.html +948 -939
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,16 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/1/13 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2022/1/14 by
98
+
99
+
100
+
101
+
102
+ <a href="https://segmentfault.com/hottest">SegmentFault</a>
103
+
104
+
105
+ .
106
+ </div>
98
107
  <div class="tabs">
99
108
  <a class="" href="index.html">Users</a>
100
109
  <a class="" href="repos.html">Repos</a>
@@ -127,7 +136,7 @@
127
136
  <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"/>
128
137
  </g>
129
138
  </svg>
130
- <span>48</span>
139
+ <span>50</span>
131
140
  </span>
132
141
  &nbsp;
133
142
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -144,7 +153,7 @@
144
153
  <div class="info">
145
154
  <div class="rank">
146
155
  <span title="Ranking 2">2</span>
147
- <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
156
+ <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
148
157
  </div>
149
158
  <div class="sub-title followers">
150
159
 
@@ -155,15 +164,15 @@
155
164
  <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"/>
156
165
  </g>
157
166
  </svg>
158
- <span>36</span>
167
+ <span>35</span>
159
168
  </span>
160
169
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
162
- <span>日拱一兵</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
171
+ <span>前端胖头鱼</span>
163
172
  </a>
164
173
  </div>
165
174
  <div class="details">
166
- 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
175
+ 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
167
176
  </div>
168
177
  </div>
169
178
  </li>
@@ -172,7 +181,7 @@
172
181
  <div class="info">
173
182
  <div class="rank">
174
183
  <span title="Ranking 3">3</span>
175
- <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
184
+ <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
176
185
  </div>
177
186
  <div class="sub-title followers">
178
187
 
@@ -183,15 +192,15 @@
183
192
  <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"/>
184
193
  </g>
185
194
  </svg>
186
- <span>33</span>
195
+ <span>36</span>
187
196
  </span>
188
197
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
190
- <span>前端胖头鱼</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
199
+ <span>日拱一兵</span>
191
200
  </a>
192
201
  </div>
193
202
  <div class="details">
194
- 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
203
+ 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
195
204
  </div>
196
205
  </div>
197
206
  </li>
@@ -200,7 +209,7 @@
200
209
  <div class="info">
201
210
  <div class="rank">
202
211
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
212
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
204
213
  </div>
205
214
  <div class="sub-title followers">
206
215
 
@@ -211,15 +220,15 @@
211
220
  <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"/>
212
221
  </g>
213
222
  </svg>
214
- <span>32</span>
223
+ <span>27</span>
215
224
  </span>
216
225
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
218
- <span>铁皮饭盒</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
227
+ <span>MudOnTire</span>
219
228
  </a>
220
229
  </div>
221
230
  <div class="details">
222
- 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
231
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
223
232
  </div>
224
233
  </div>
225
234
  </li>
@@ -228,7 +237,7 @@
228
237
  <div class="info">
229
238
  <div class="rank">
230
239
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
240
+ <a href="https://segmentfault.com/a/1190000041217732" target="_blank" title="一份简单够用的 Nginx Location 配置讲解">一份简单够用的 Nginx Location 配置讲解</a>
232
241
  </div>
233
242
  <div class="sub-title followers">
234
243
 
@@ -239,15 +248,15 @@
239
248
  <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"/>
240
249
  </g>
241
250
  </svg>
242
- <span>25</span>
251
+ <span>28</span>
243
252
  </span>
244
253
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
246
- <span>MudOnTire</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
255
+ <span>冴羽</span>
247
256
  </a>
248
257
  </div>
249
258
  <div class="details">
250
- CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
259
+ 前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子： {代码...} 大致的意思是，当你访问 www.yayujs.com 的 80 端口...
251
260
  </div>
252
261
  </div>
253
262
  </li>
@@ -256,7 +265,7 @@
256
265
  <div class="info">
257
266
  <div class="rank">
258
267
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000041217732" target="_blank" title="一份简单够用的 Nginx Location 配置讲解">一份简单够用的 Nginx Location 配置讲解</a>
268
+ <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
260
269
  </div>
261
270
  <div class="sub-title followers">
262
271
 
@@ -267,15 +276,15 @@
267
276
  <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"/>
268
277
  </g>
269
278
  </svg>
270
- <span>26</span>
279
+ <span>32</span>
271
280
  </span>
272
281
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
274
- <span>冴羽</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
283
+ <span>铁皮饭盒</span>
275
284
  </a>
276
285
  </div>
277
286
  <div class="details">
278
- 前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子： {代码...} 大致的意思是，当你访问 www.yayujs.com 的 80 端口...
287
+ 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
279
288
  </div>
280
289
  </div>
281
290
  </li>
@@ -312,7 +321,7 @@
312
321
  <div class="info">
313
322
  <div class="rank">
314
323
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
324
+ <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
316
325
  </div>
317
326
  <div class="sub-title followers">
318
327
 
@@ -323,15 +332,15 @@
323
332
  <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"/>
324
333
  </g>
325
334
  </svg>
326
- <span>33</span>
335
+ <span>21</span>
327
336
  </span>
328
337
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
330
- <span>杨成功</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
339
+ <span>kerin</span>
331
340
  </a>
332
341
  </div>
333
342
  <div class="details">
334
- 一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
343
+ 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
335
344
  </div>
336
345
  </div>
337
346
  </li>
@@ -340,7 +349,7 @@
340
349
  <div class="info">
341
350
  <div class="rank">
342
351
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000041253109" target="_blank" title="SegmentFault 思否 2021 年度 Top Writer">SegmentFault 思否 2021 年度 Top Writer</a>
352
+ <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
344
353
  </div>
345
354
  <div class="sub-title followers">
346
355
 
@@ -351,15 +360,15 @@
351
360
  <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"/>
352
361
  </g>
353
362
  </svg>
354
- <span>13</span>
363
+ <span>22</span>
355
364
  </span>
356
365
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
358
- <span>SegmentFault思否</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
367
+ <span>卡颂</span>
359
368
  </a>
360
369
  </div>
361
370
  <div class="details">
362
- 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
371
+ 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
363
372
  </div>
364
373
  </div>
365
374
  </li>
@@ -368,7 +377,7 @@
368
377
  <div class="info">
369
378
  <div class="rank">
370
379
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
380
+ <a href="https://segmentfault.com/a/1190000041253109" target="_blank" title="SegmentFault 思否 2021 年度 Top Writer">SegmentFault 思否 2021 年度 Top Writer</a>
372
381
  </div>
373
382
  <div class="sub-title followers">
374
383
 
@@ -379,15 +388,15 @@
379
388
  <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"/>
380
389
  </g>
381
390
  </svg>
382
- <span>19</span>
391
+ <span>13</span>
383
392
  </span>
384
393
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
386
- <span>边城</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
395
+ <span>SegmentFault思否</span>
387
396
  </a>
388
397
  </div>
389
398
  <div class="details">
390
- 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
399
+ 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
391
400
  </div>
392
401
  </div>
393
402
  </li>
@@ -396,7 +405,7 @@
396
405
  <div class="info">
397
406
  <div class="rank">
398
407
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
408
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
400
409
  </div>
401
410
  <div class="sub-title followers">
402
411
 
@@ -407,15 +416,15 @@
407
416
  <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"/>
408
417
  </g>
409
418
  </svg>
410
- <span>20</span>
419
+ <span>19</span>
411
420
  </span>
412
421
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
414
- <span>kerin</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
423
+ <span>边城</span>
415
424
  </a>
416
425
  </div>
417
426
  <div class="details">
418
- 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
427
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
419
428
  </div>
420
429
  </div>
421
430
  </li>
@@ -424,7 +433,7 @@
424
433
  <div class="info">
425
434
  <div class="rank">
426
435
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
436
+ <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
428
437
  </div>
429
438
  <div class="sub-title followers">
430
439
 
@@ -438,12 +447,12 @@
438
447
  <span>21</span>
439
448
  </span>
440
449
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
442
- <span>卡颂</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
451
+ <span>程序员cxuan</span>
443
452
  </a>
444
453
  </div>
445
454
  <div class="details">
446
- 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
455
+ 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
447
456
  </div>
448
457
  </div>
449
458
  </li>
@@ -463,7 +472,7 @@
463
472
  <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"/>
464
473
  </g>
465
474
  </svg>
466
- <span>22</span>
475
+ <span>23</span>
467
476
  </span>
468
477
  &nbsp;
469
478
  <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
@@ -480,7 +489,7 @@
480
489
  <div class="info">
481
490
  <div class="rank">
482
491
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
492
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
484
493
  </div>
485
494
  <div class="sub-title followers">
486
495
 
@@ -491,15 +500,15 @@
491
500
  <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"/>
492
501
  </g>
493
502
  </svg>
494
- <span>19</span>
503
+ <span>16</span>
495
504
  </span>
496
505
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
498
- <span>程序员cxuan</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
507
+ <span>chokcoco</span>
499
508
  </a>
500
509
  </div>
501
510
  <div class="details">
502
- 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
511
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
503
512
  </div>
504
513
  </div>
505
514
  </li>
@@ -508,7 +517,7 @@
508
517
  <div class="info">
509
518
  <div class="rank">
510
519
  <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
520
+ <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
512
521
  </div>
513
522
  <div class="sub-title followers">
514
523
 
@@ -519,15 +528,15 @@
519
528
  <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"/>
520
529
  </g>
521
530
  </svg>
522
- <span>18</span>
531
+ <span>17</span>
523
532
  </span>
524
533
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
526
- <span>wscats</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
535
+ <span>chokcoco</span>
527
536
  </a>
528
537
  </div>
529
538
  <div class="details">
530
- 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
539
+ 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
531
540
  </div>
532
541
  </div>
533
542
  </li>
@@ -536,7 +545,7 @@
536
545
  <div class="info">
537
546
  <div class="rank">
538
547
  <span title="Ranking 16">16</span>
539
- <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
548
+ <a href="https://segmentfault.com/a/1190000041210915" target="_blank" title="可视化编码！前端无缝接入代码可视化编辑">可视化编码！前端无缝接入代码可视化编辑</a>
540
549
  </div>
541
550
  <div class="sub-title followers">
542
551
 
@@ -547,15 +556,15 @@
547
556
  <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"/>
548
557
  </g>
549
558
  </svg>
550
- <span>15</span>
559
+ <span>23</span>
551
560
  </span>
552
561
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
554
- <span>chokcoco</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/moyuyc" title="Programming Language">
563
+ <span>moyuyc</span>
555
564
  </a>
556
565
  </div>
557
566
  <div class="details">
558
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
567
+ 主流的商业化低代码平台，基本就是希望将研发全链路都推向标准化、规范化，来达到提效的效果，但是对于需求本身是变化的，同时会形成对低代码平台的依赖，后续维护均需要依赖平台能力实现；
559
568
  </div>
560
569
  </div>
561
570
  </li>
@@ -564,7 +573,7 @@
564
573
  <div class="info">
565
574
  <div class="rank">
566
575
  <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
576
+ <a href="https://segmentfault.com/a/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
568
577
  </div>
569
578
  <div class="sub-title followers">
570
579
 
@@ -575,15 +584,15 @@
575
584
  <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"/>
576
585
  </g>
577
586
  </svg>
578
- <span>16</span>
587
+ <span>20</span>
579
588
  </span>
580
589
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
582
- <span>chokcoco</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
591
+ <span>wscats</span>
583
592
  </a>
584
593
  </div>
585
594
  <div class="details">
586
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
595
+ 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
587
596
  </div>
588
597
  </div>
589
598
  </li>
@@ -592,7 +601,7 @@
592
601
  <div class="info">
593
602
  <div class="rank">
594
603
  <span title="Ranking 18">18</span>
595
- <a href="https://segmentfault.com/a/1190000041210915" target="_blank" title="可视化编码！前端无缝接入代码可视化编辑">可视化编码！前端无缝接入代码可视化编辑</a>
604
+ <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
596
605
  </div>
597
606
  <div class="sub-title followers">
598
607
 
@@ -603,15 +612,15 @@
603
612
  <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"/>
604
613
  </g>
605
614
  </svg>
606
- <span>22</span>
615
+ <span>12</span>
607
616
  </span>
608
617
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/moyuyc" title="Programming Language">
610
- <span>moyuyc</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
619
+ <span>SegmentFault思否</span>
611
620
  </a>
612
621
  </div>
613
622
  <div class="details">
614
- 主流的商业化低代码平台，基本就是希望将研发全链路都推向标准化、规范化，来达到提效的效果，但是对于需求本身是变化的，同时会形成对低代码平台的依赖，后续维护均需要依赖平台能力实现；
623
+ 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
615
624
  </div>
616
625
  </div>
617
626
  </li>
@@ -648,7 +657,7 @@
648
657
  <div class="info">
649
658
  <div class="rank">
650
659
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
660
+ <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
652
661
  </div>
653
662
  <div class="sub-title followers">
654
663
 
@@ -659,15 +668,15 @@
659
668
  <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"/>
660
669
  </g>
661
670
  </svg>
662
- <span>18</span>
671
+ <span>11</span>
663
672
  </span>
664
673
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
666
- <span>叫我詹躲躲</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
675
+ <span>bigsai</span>
667
676
  </a>
668
677
  </div>
669
678
  <div class="details">
670
- 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
679
+ 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
671
680
  </div>
672
681
  </div>
673
682
  </li>
@@ -676,7 +685,7 @@
676
685
  <div class="info">
677
686
  <div class="rank">
678
687
  <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
688
+ <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
680
689
  </div>
681
690
  <div class="sub-title followers">
682
691
 
@@ -687,15 +696,15 @@
687
696
  <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"/>
688
697
  </g>
689
698
  </svg>
690
- <span>17</span>
699
+ <span>18</span>
691
700
  </span>
692
701
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
694
- <span>程序员海军</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
703
+ <span>叫我詹躲躲</span>
695
704
  </a>
696
705
  </div>
697
706
  <div class="details">
698
- 规则/流程引擎想必大家并不陌生，耳熟能详的就有Drools，Esper，Activiti，Flowable等，很多大厂也热衷于研究自己的规则引擎，都是用于解决灵活场景下的复杂规则与流程问题，想要做到改改配置就可以生成/生效...
707
+ 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
699
708
  </div>
700
709
  </div>
701
710
  </li>
@@ -704,7 +713,7 @@
704
713
  <div class="info">
705
714
  <div class="rank">
706
715
  <span title="Ranking 22">22</span>
707
- <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
716
+ <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
708
717
  </div>
709
718
  <div class="sub-title followers">
710
719
 
@@ -715,15 +724,15 @@
715
724
  <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"/>
716
725
  </g>
717
726
  </svg>
718
- <span>11</span>
727
+ <span>17</span>
719
728
  </span>
720
729
  &nbsp;
721
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
722
- <span>SegmentFault思否</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
731
+ <span>程序员海军</span>
723
732
  </a>
724
733
  </div>
725
734
  <div class="details">
726
- 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
735
+ 规则/流程引擎想必大家并不陌生，耳熟能详的就有Drools，Esper，Activiti，Flowable等，很多大厂也热衷于研究自己的规则引擎，都是用于解决灵活场景下的复杂规则与流程问题，想要做到改改配置就可以生成/生效...
727
736
  </div>
728
737
  </div>
729
738
  </li>
@@ -788,7 +797,7 @@
788
797
  <div class="info">
789
798
  <div class="rank">
790
799
  <span title="Ranking 25">25</span>
791
- <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
800
+ <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
792
801
  </div>
793
802
  <div class="sub-title followers">
794
803
 
@@ -799,15 +808,15 @@
799
808
  <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"/>
800
809
  </g>
801
810
  </svg>
802
- <span>10</span>
811
+ <span>12</span>
803
812
  </span>
804
813
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
806
- <span>bigsai</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
815
+ <span>xiangzhihong</span>
807
816
  </a>
808
817
  </div>
809
818
  <div class="details">
810
- 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
819
+ 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
811
820
  </div>
812
821
  </div>
813
822
  </li>
@@ -816,7 +825,7 @@
816
825
  <div class="info">
817
826
  <div class="rank">
818
827
  <span title="Ranking 26">26</span>
819
- <a href="https://segmentfault.com/a/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
828
+ <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
820
829
  </div>
821
830
  <div class="sub-title followers">
822
831
 
@@ -827,15 +836,15 @@
827
836
  <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"/>
828
837
  </g>
829
838
  </svg>
830
- <span>9</span>
839
+ <span>11</span>
831
840
  </span>
832
841
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
834
- <span>思否编辑部</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
843
+ <span>dragonir</span>
835
844
  </a>
836
845
  </div>
837
846
  <div class="details">
838
- 2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
847
+ 虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...
839
848
  </div>
840
849
  </div>
841
850
  </li>
@@ -844,7 +853,7 @@
844
853
  <div class="info">
845
854
  <div class="rank">
846
855
  <span title="Ranking 27">27</span>
847
- <a href="https://segmentfault.com/a/1190000041132181" target="_blank" title="我画了13张图，用最通俗易懂的话讲HTTPS，拿下！">我画了13张图，用最通俗易懂的话讲HTTPS，拿下！</a>
856
+ <a href="https://segmentfault.com/a/1190000041270720" target="_blank" title="权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物">权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物</a>
848
857
  </div>
849
858
  <div class="sub-title followers">
850
859
 
@@ -855,15 +864,15 @@
855
864
  <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"/>
856
865
  </g>
857
866
  </svg>
858
- <span>17</span>
867
+ <span>7</span>
859
868
  </span>
860
869
  &nbsp;
861
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
862
- <span>Sunshine_Lin</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
871
+ <span>SegmentFault思否</span>
863
872
  </a>
864
873
  </div>
865
874
  <div class="details">
866
- 前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。相信大家平时肯定经常跟 HTTPS 打交道，比如 请求接口、访问网站 等等。。那我们也会经常思考： HTTPS 是啥？...
875
+ 在本土，“开源”作为国家战略被首次写入国家“五年规划”，新锐开源商业公司如雨后春笋一般诞生并获得资本青睐，中国首个明确GPL 3.0协议法律效力的判决案例尘埃落定。
867
876
  </div>
868
877
  </div>
869
878
  </li>
@@ -872,7 +881,7 @@
872
881
  <div class="info">
873
882
  <div class="rank">
874
883
  <span title="Ranking 28">28</span>
875
- <a href="https://segmentfault.com/a/1190000041130996" target="_blank" title="这是什么选秀节目？数百万人看后想学「机器学习」">这是什么选秀节目？数百万人看后想学「机器学习」</a>
884
+ <a href="https://segmentfault.com/a/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</a>
876
885
  </div>
877
886
  <div class="sub-title followers">
878
887
 
@@ -883,15 +892,15 @@
883
892
  <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"/>
884
893
  </g>
885
894
  </svg>
886
- <span>9</span>
895
+ <span>13</span>
887
896
  </span>
888
897
  &nbsp;
889
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
890
- <span>思否编辑部</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
899
+ <span>冴羽</span>
891
900
  </a>
892
901
  </div>
893
902
  <div class="details">
894
- “秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...
903
+ 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
895
904
  </div>
896
905
  </div>
897
906
  </li>
@@ -900,7 +909,7 @@
900
909
  <div class="info">
901
910
  <div class="rank">
902
911
  <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</a>
912
+ <a href="https://segmentfault.com/a/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</a>
904
913
  </div>
905
914
  <div class="sub-title followers">
906
915
 
@@ -911,15 +920,15 @@
911
920
  <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"/>
912
921
  </g>
913
922
  </svg>
914
- <span>8</span>
923
+ <span>9</span>
915
924
  </span>
916
925
  &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/billionbottle" title="Programming Language">
918
- <span>百瓶技术</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
927
+ <span>SegmentFault思否</span>
919
928
  </a>
920
929
  </div>
921
930
  <div class="details">
922
- 在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
931
+ 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
923
932
  </div>
924
933
  </div>
925
934
  </li>
@@ -928,7 +937,7 @@
928
937
  <div class="info">
929
938
  <div class="rank">
930
939
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</a>
940
+ <a href="https://segmentfault.com/a/1190000041240388" target="_blank" title="神奇的滤镜！巧妙实现内凹的平滑圆角">神奇的滤镜！巧妙实现内凹的平滑圆角</a>
932
941
  </div>
933
942
  <div class="sub-title followers">
934
943
 
@@ -939,15 +948,15 @@
939
948
  <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"/>
940
949
  </g>
941
950
  </svg>
942
- <span>16</span>
951
+ <span>15</span>
943
952
  </span>
944
953
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
946
- <span>Peter谭老师</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
955
+ <span>chokcoco</span>
947
956
  </a>
948
957
  </div>
949
958
  <div class="details">
950
- 每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。
959
+ 背景某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局：在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的：一旦涉及到圆角或者波浪效果，难度就会提升很多。实现这种连续平滑的曲线其...
951
960
  </div>
952
961
  </div>
953
962
  </li>
@@ -968,7 +977,7 @@
968
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
978
  </a>
970
979
  </div>
971
- <div class="time">Last cache created on 2022/1/13 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/1/14 by Github API v3.</div>
972
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
982
  </div>
974
983
  </body>