@wcj/github-rank 22.1.13 → 22.1.17

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 +34440 -34433
  2. package/dist/sifou-daily.json +40 -130
  3. package/dist/sifou-monthly.json +137 -137
  4. package/dist/sifou-weekly.json +163 -163
  5. package/dist/toutiao-30.json +85 -85
  6. package/dist/toutiao-7.json +120 -120
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +167 -167
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +3077 -3078
  12. package/dist/users.json +4118 -4118
  13. package/package.json +1 -1
  14. package/web/36kr.html +11 -2
  15. package/web/data/repos.json +34440 -34433
  16. package/web/data/sifou-daily.json +40 -130
  17. package/web/data/sifou-monthly.json +137 -137
  18. package/web/data/sifou-weekly.json +163 -163
  19. package/web/data/toutiao-30.json +85 -85
  20. package/web/data/toutiao-7.json +120 -120
  21. package/web/data/toutiao-90.json +32 -32
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +167 -167
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +3077 -3078
  26. package/web/data/users.json +4118 -4118
  27. package/web/index.html +2019 -2010
  28. package/web/repos.html +4277 -4268
  29. package/web/sifou-daily.html +43 -314
  30. package/web/sifou-monthly.html +143 -134
  31. package/web/sifou-weekly.html +149 -140
  32. package/web/toutiao-30.html +103 -94
  33. package/web/toutiao-7.html +94 -85
  34. package/web/toutiao-90.html +86 -77
  35. package/web/trending-monthly.html +156 -143
  36. package/web/trending-weekly.html +153 -152
  37. package/web/trending.html +155 -154
  38. package/web/users.china.html +1655 -1646
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/17 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>37</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>37</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>30</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>34</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>
@@ -351,7 +360,7 @@
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>14</span>
355
364
  </span>
356
365
  &nbsp;
357
366
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -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/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</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>25</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/pingan8787" title="Programming Language">
395
+ <span>pingan8787</span>
387
396
  </a>
388
397
  </div>
389
398
  <div class="details">
390
- 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
399
+ 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
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/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
428
437
  </div>
429
438
  <div class="sub-title followers">
430
439
 
@@ -435,15 +444,15 @@
435
444
  <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"/>
436
445
  </g>
437
446
  </svg>
438
- <span>21</span>
447
+ <span>23</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/wscats" title="Programming Language">
451
+ <span>wscats</span>
443
452
  </a>
444
453
  </div>
445
454
  <div class="details">
446
- 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
455
+ 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
447
456
  </div>
448
457
  </div>
449
458
  </li>
@@ -452,7 +461,7 @@
452
461
  <div class="info">
453
462
  <div class="rank">
454
463
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
464
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
456
465
  </div>
457
466
  <div class="sub-title followers">
458
467
 
@@ -463,15 +472,15 @@
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>17</span>
467
476
  </span>
468
477
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
470
- <span>pingan8787</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
479
+ <span>chokcoco</span>
471
480
  </a>
472
481
  </div>
473
482
  <div class="details">
474
- 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
483
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
475
484
  </div>
476
485
  </div>
477
486
  </li>
@@ -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/1190000041210915" target="_blank" title="可视化编码！前端无缝接入代码可视化编辑">可视化编码！前端无缝接入代码可视化编辑</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>23</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/moyuyc" title="Programming Language">
507
+ <span>moyuyc</span>
499
508
  </a>
500
509
  </div>
501
510
  <div class="details">
502
- 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
511
+ 主流的商业化低代码平台，基本就是希望将研发全链路都推向标准化、规范化，来达到提效的效果，但是对于需求本身是变化的，同时会形成对低代码平台的依赖，后续维护均需要依赖平台能力实现；
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/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</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>12</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/segmentfault" title="Programming Language">
535
+ <span>SegmentFault思否</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
+ 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
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/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</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>11</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/bigsai" title="Programming Language">
563
+ <span>bigsai</span>
555
564
  </a>
556
565
  </div>
557
566
  <div class="details">
558
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
567
+ 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
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/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</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>19</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/huixiaodeyanjingzhenmei" title="Programming Language">
591
+ <span>叫我詹躲躲</span>
583
592
  </a>
584
593
  </div>
585
594
  <div class="details">
586
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
595
+ 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
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/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</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/writers" title="Programming Language">
619
+ <span>思否编辑部</span>
611
620
  </a>
612
621
  </div>
613
622
  <div class="details">
614
- 主流的商业化低代码平台，基本就是希望将研发全链路都推向标准化、规范化，来达到提效的效果，但是对于需求本身是变化的，同时会形成对低代码平台的依赖，后续维护均需要依赖平台能力实现；
623
+ 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
615
624
  </div>
616
625
  </div>
617
626
  </li>
@@ -620,7 +629,7 @@
620
629
  <div class="info">
621
630
  <div class="rank">
622
631
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
632
+ <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
624
633
  </div>
625
634
  <div class="sub-title followers">
626
635
 
@@ -631,15 +640,15 @@
631
640
  <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"/>
632
641
  </g>
633
642
  </svg>
634
- <span>12</span>
643
+ <span>16</span>
635
644
  </span>
636
645
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
638
- <span>思否编辑部</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
647
+ <span>码哥字节</span>
639
648
  </a>
640
649
  </div>
641
650
  <div class="details">
642
- 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
651
+ Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
643
652
  </div>
644
653
  </div>
645
654
  </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/1190000041275359" target="_blank" title="深入浅出 CSS 动画">深入浅出 CSS 动画</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>19</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/chokcoco" title="Programming Language">
675
+ <span>chokcoco</span>
667
676
  </a>
668
677
  </div>
669
678
  <div class="details">
670
- 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
679
+ 本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...
671
680
  </div>
672
681
  </div>
673
682
  </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/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</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>15</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/chokcoco" title="Programming Language">
731
+ <span>chokcoco</span>
723
732
  </a>
724
733
  </div>
725
734
  <div class="details">
726
- 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
735
+ 最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...
727
736
  </div>
728
737
  </div>
729
738
  </li>
@@ -732,7 +741,7 @@
732
741
  <div class="info">
733
742
  <div class="rank">
734
743
  <span title="Ranking 23">23</span>
735
- <a href="https://segmentfault.com/a/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</a>
744
+ <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
736
745
  </div>
737
746
  <div class="sub-title followers">
738
747
 
@@ -743,15 +752,15 @@
743
752
  <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"/>
744
753
  </g>
745
754
  </svg>
746
- <span>14</span>
755
+ <span>11</span>
747
756
  </span>
748
757
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
750
- <span>chokcoco</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
759
+ <span>dragonir</span>
751
760
  </a>
752
761
  </div>
753
762
  <div class="details">
754
- 最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...
763
+ 虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...
755
764
  </div>
756
765
  </div>
757
766
  </li>
@@ -760,7 +769,7 @@
760
769
  <div class="info">
761
770
  <div class="rank">
762
771
  <span title="Ranking 24">24</span>
763
- <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
772
+ <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
764
773
  </div>
765
774
  <div class="sub-title followers">
766
775
 
@@ -771,15 +780,15 @@
771
780
  <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"/>
772
781
  </g>
773
782
  </svg>
774
- <span>14</span>
783
+ <span>12</span>
775
784
  </span>
776
785
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
778
- <span>码哥字节</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
787
+ <span>xiangzhihong</span>
779
788
  </a>
780
789
  </div>
781
790
  <div class="details">
782
- Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
791
+ 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
783
792
  </div>
784
793
  </div>
785
794
  </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/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</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>18</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/jerrytanjinjie" title="Programming Language">
815
+ <span>Peter谭老师</span>
807
816
  </a>
808
817
  </div>
809
818
  <div class="details">
810
- 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
819
+ 每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。
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/1190000041240388" target="_blank" title="神奇的滤镜！巧妙实现内凹的平滑圆角">神奇的滤镜！巧妙实现内凹的平滑圆角</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>16</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/chokcoco" title="Programming Language">
843
+ <span>chokcoco</span>
835
844
  </a>
836
845
  </div>
837
846
  <div class="details">
838
- 2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
847
+ 背景某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局：在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的：一旦涉及到圆角或者波浪效果，难度就会提升很多。实现这种连续平滑的曲线其...
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/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</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>10</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/segmentfault" title="Programming Language">
899
+ <span>SegmentFault思否</span>
891
900
  </a>
892
901
  </div>
893
902
  <div class="details">
894
- “秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...
903
+ 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
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/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</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>13</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/yayu" title="Programming Language">
927
+ <span>冴羽</span>
919
928
  </a>
920
929
  </div>
921
930
  <div class="details">
922
- 在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
931
+ 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
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/1190000041229679" target="_blank" title="谁再说不熟悉 Linux 命令，就把这个给他扔过去！">谁再说不熟悉 Linux 命令，就把这个给他扔过去！</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>19</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/jishuroad" title="Programming Language">
955
+ <span>民工哥</span>
947
956
  </a>
948
957
  </div>
949
958
  <div class="details">
950
- 每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。
959
+ 虽然平时大部分工作都是和Java相关的开发, 但是每天都会接触Linux系统, 尤其是使用了Mac之后, 每天都是工作在黑色背景的命令行环境中. 自己记忆力不好, 很多有用的Linux命令不能很好的记忆, 现在逐渐总结一下, 以...
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/17 by Github API v3.</div>
972
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
982
  </div>
974
983
  </body>