@wcj/github-rank 22.1.16 → 22.1.20

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 +35868 -35862
  2. package/dist/sifou-daily.json +97 -34
  3. package/dist/sifou-monthly.json +83 -83
  4. package/dist/sifou-weekly.json +172 -172
  5. package/dist/toutiao-30.json +95 -95
  6. package/dist/toutiao-7.json +135 -135
  7. package/dist/toutiao-90.json +70 -70
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +157 -157
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +3070 -3070
  12. package/dist/users.json +4114 -4114
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35868 -35862
  16. package/web/data/sifou-daily.json +97 -34
  17. package/web/data/sifou-monthly.json +83 -83
  18. package/web/data/sifou-weekly.json +172 -172
  19. package/web/data/toutiao-30.json +95 -95
  20. package/web/data/toutiao-7.json +135 -135
  21. package/web/data/toutiao-90.json +70 -70
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +157 -157
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +3070 -3070
  26. package/web/data/users.json +4114 -4114
  27. package/web/index.html +2056 -2056
  28. package/web/repos.html +4292 -4292
  29. package/web/sifou-daily.html +225 -29
  30. package/web/sifou-monthly.html +130 -130
  31. package/web/sifou-weekly.html +144 -144
  32. package/web/toutiao-30.html +93 -93
  33. package/web/toutiao-7.html +83 -83
  34. package/web/toutiao-90.html +99 -99
  35. package/web/trending-monthly.html +140 -136
  36. package/web/trending-weekly.html +142 -142
  37. package/web/trending.html +142 -150
  38. package/web/users.china.html +1439 -1439
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/1/16 by
97
+ <div class="time">Last cache created on 2022/1/20 by
98
98
 
99
99
 
100
100
 
@@ -136,7 +136,7 @@
136
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"/>
137
137
  </g>
138
138
  </svg>
139
- <span>50</span>
139
+ <span>53</span>
140
140
  </span>
141
141
  &nbsp;
142
142
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -153,7 +153,7 @@
153
153
  <div class="info">
154
154
  <div class="rank">
155
155
  <span title="Ranking 2">2</span>
156
- <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
156
+ <a href="https://segmentfault.com/a/1190000041275359" target="_blank" title="深入浅出 CSS 动画">深入浅出 CSS 动画</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>37</span>
167
+ <span>43</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
171
- <span>前端胖头鱼</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
171
+ <span>chokcoco</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
175
+ 本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
184
+ <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -195,12 +195,12 @@
195
195
  <span>37</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
199
- <span>日拱一兵</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
199
+ <span>前端胖头鱼</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
203
+ 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
204
204
  </div>
205
205
  </div>
206
206
  </li>
@@ -209,7 +209,7 @@
209
209
  <div class="info">
210
210
  <div class="rank">
211
211
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
212
+ <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
213
213
  </div>
214
214
  <div class="sub-title followers">
215
215
 
@@ -220,15 +220,15 @@
220
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"/>
221
221
  </g>
222
222
  </svg>
223
- <span>27</span>
223
+ <span>37</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
227
- <span>MudOnTire</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
227
+ <span>日拱一兵</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
231
+ 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -248,7 +248,7 @@
248
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"/>
249
249
  </g>
250
250
  </svg>
251
- <span>30</span>
251
+ <span>32</span>
252
252
  </span>
253
253
  &nbsp;
254
254
  <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
268
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
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"/>
277
277
  </g>
278
278
  </svg>
279
- <span>34</span>
279
+ <span>27</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
283
- <span>铁皮饭盒</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
283
+ <span>MudOnTire</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
287
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
296
+ <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
304
  <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"/>
305
305
  </g>
306
306
  </svg>
307
- <span>21</span>
307
+ <span>34</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
311
- <span>前端森林</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
311
+ <span>铁皮饭盒</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
315
+ 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
324
+ <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -335,12 +335,12 @@
335
335
  <span>21</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
339
- <span>kerin</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
339
+ <span>前端森林</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
343
+ 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -377,7 +377,7 @@
377
377
  <div class="info">
378
378
  <div class="rank">
379
379
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
380
+ <a href="https://segmentfault.com/a/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
381
381
  </div>
382
382
  <div class="sub-title followers">
383
383
 
@@ -388,15 +388,15 @@
388
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"/>
389
389
  </g>
390
390
  </svg>
391
- <span>22</span>
391
+ <span>24</span>
392
392
  </span>
393
393
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
395
- <span>卡颂</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
395
+ <span>wscats</span>
396
396
  </a>
397
397
  </div>
398
398
  <div class="details">
399
- 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
399
+ 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
400
400
  </div>
401
401
  </div>
402
402
  </li>
@@ -405,7 +405,7 @@
405
405
  <div class="info">
406
406
  <div class="rank">
407
407
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
408
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
409
409
  </div>
410
410
  <div class="sub-title followers">
411
411
 
@@ -416,15 +416,15 @@
416
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"/>
417
417
  </g>
418
418
  </svg>
419
- <span>25</span>
419
+ <span>19</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
423
- <span>pingan8787</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
423
+ <span>边城</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
427
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
428
428
  </div>
429
429
  </div>
430
430
  </li>
@@ -433,7 +433,7 @@
433
433
  <div class="info">
434
434
  <div class="rank">
435
435
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
436
+ <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
437
437
  </div>
438
438
  <div class="sub-title followers">
439
439
 
@@ -444,15 +444,15 @@
444
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"/>
445
445
  </g>
446
446
  </svg>
447
- <span>19</span>
447
+ <span>25</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
451
- <span>边城</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
451
+ <span>pingan8787</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
455
+ 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
456
456
  </div>
457
457
  </div>
458
458
  </li>
@@ -461,7 +461,7 @@
461
461
  <div class="info">
462
462
  <div class="rank">
463
463
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
464
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -472,15 +472,15 @@
472
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"/>
473
473
  </g>
474
474
  </svg>
475
- <span>23</span>
475
+ <span>17</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
479
- <span>wscats</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
479
+ <span>chokcoco</span>
480
480
  </a>
481
481
  </div>
482
482
  <div class="details">
483
- 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
483
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
484
484
  </div>
485
485
  </div>
486
486
  </li>
@@ -489,7 +489,7 @@
489
489
  <div class="info">
490
490
  <div class="rank">
491
491
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
492
+ <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
493
493
  </div>
494
494
  <div class="sub-title followers">
495
495
 
@@ -500,15 +500,15 @@
500
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"/>
501
501
  </g>
502
502
  </svg>
503
- <span>17</span>
503
+ <span>14</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
507
- <span>chokcoco</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
507
+ <span>bigsai</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
511
+ 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
512
512
  </div>
513
513
  </div>
514
514
  </li>
@@ -545,7 +545,7 @@
545
545
  <div class="info">
546
546
  <div class="rank">
547
547
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
548
+ <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -556,15 +556,15 @@
556
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"/>
557
557
  </g>
558
558
  </svg>
559
- <span>17</span>
559
+ <span>13</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
563
- <span>chokcoco</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
563
+ <span>SegmentFault思否</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
567
+ 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
568
568
  </div>
569
569
  </div>
570
570
  </li>
@@ -573,7 +573,7 @@
573
573
  <div class="info">
574
574
  <div class="rank">
575
575
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
576
+ <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -584,15 +584,15 @@
584
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"/>
585
585
  </g>
586
586
  </svg>
587
- <span>12</span>
587
+ <span>19</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
591
- <span>SegmentFault思否</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
591
+ <span>叫我詹躲躲</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...
595
+ 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
596
596
  </div>
597
597
  </div>
598
598
  </li>
@@ -601,7 +601,7 @@
601
601
  <div class="info">
602
602
  <div class="rank">
603
603
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
604
+ <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
605
605
  </div>
606
606
  <div class="sub-title followers">
607
607
 
@@ -612,15 +612,15 @@
612
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"/>
613
613
  </g>
614
614
  </svg>
615
- <span>11</span>
615
+ <span>13</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
619
- <span>bigsai</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
619
+ <span>思否编辑部</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
623
+ 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -629,7 +629,7 @@
629
629
  <div class="info">
630
630
  <div class="rank">
631
631
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
632
+ <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -640,15 +640,15 @@
640
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"/>
641
641
  </g>
642
642
  </svg>
643
- <span>19</span>
643
+ <span>16</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
647
- <span>叫我詹躲躲</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
647
+ <span>码哥字节</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
651
+ Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
652
652
  </div>
653
653
  </div>
654
654
  </li>
@@ -657,7 +657,7 @@
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
660
+ <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -668,15 +668,15 @@
668
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"/>
669
669
  </g>
670
670
  </svg>
671
- <span>12</span>
671
+ <span>17</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
675
- <span>思否编辑部</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
675
+ <span>程序员海军</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
679
+ 规则/流程引擎想必大家并不陌生，耳熟能详的就有Drools，Esper，Activiti，Flowable等，很多大厂也热衷于研究自己的规则引擎，都是用于解决灵活场景下的复杂规则与流程问题，想要做到改改配置就可以生成/生效...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
688
+ <a href="https://segmentfault.com/a/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
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"/>
697
697
  </g>
698
698
  </svg>
699
- <span>16</span>
699
+ <span>15</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
703
- <span>码哥字节</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
703
+ <span>chokcoco</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
707
+ 最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
716
+ <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
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"/>
725
725
  </g>
726
726
  </svg>
727
- <span>17</span>
727
+ <span>14</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
731
- <span>程序员海军</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
731
+ <span>dragonir</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 规则/流程引擎想必大家并不陌生，耳熟能详的就有Drools，Esper，Activiti，Flowable等，很多大厂也热衷于研究自己的规则引擎，都是用于解决灵活场景下的复杂规则与流程问题，想要做到改改配置就可以生成/生效...
735
+ 虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -741,7 +741,7 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</a>
744
+ <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -752,15 +752,15 @@
752
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"/>
753
753
  </g>
754
754
  </svg>
755
- <span>15</span>
755
+ <span>12</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
759
- <span>chokcoco</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
759
+ <span>xiangzhihong</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...
763
+ 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
772
+ <a href="https://segmentfault.com/a/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
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"/>
781
781
  </g>
782
782
  </svg>
783
- <span>11</span>
783
+ <span>18</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
787
- <span>dragonir</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
787
+ <span>Peter谭老师</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...
791
+ 每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
800
+ <a href="https://segmentfault.com/a/1190000041240388" target="_blank" title="神奇的滤镜！巧妙实现内凹的平滑圆角">神奇的滤镜！巧妙实现内凹的平滑圆角</a>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
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"/>
809
809
  </g>
810
810
  </svg>
811
- <span>12</span>
811
+ <span>16</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
815
- <span>xiangzhihong</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
815
+ <span>chokcoco</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
819
+ 背景某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局：在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的：一旦涉及到圆角或者波浪效果，难度就会提升很多。实现这种连续平滑的曲线其...
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</a>
828
+ <a href="https://segmentfault.com/a/1190000041270720" target="_blank" title="权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物">权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
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"/>
837
837
  </g>
838
838
  </svg>
839
- <span>18</span>
839
+ <span>7</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
843
- <span>Peter谭老师</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
843
+ <span>SegmentFault思否</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。
847
+ 在本土，“开源”作为国家战略被首次写入国家“五年规划”，新锐开源商业公司如雨后春笋一般诞生并获得资本青睐，中国首个明确GPL 3.0协议法律效力的判决案例尘埃落定。
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -853,7 +853,7 @@
853
853
  <div class="info">
854
854
  <div class="rank">
855
855
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041270720" target="_blank" title="权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物">权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物</a>
856
+ <a href="https://segmentfault.com/a/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</a>
857
857
  </div>
858
858
  <div class="sub-title followers">
859
859
 
@@ -864,7 +864,7 @@
864
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"/>
865
865
  </g>
866
866
  </svg>
867
- <span>7</span>
867
+ <span>10</span>
868
868
  </span>
869
869
  &nbsp;
870
870
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -872,7 +872,7 @@
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 在本土，“开源”作为国家战略被首次写入国家“五年规划”，新锐开源商业公司如雨后春笋一般诞生并获得资本青睐，中国首个明确GPL 3.0协议法律效力的判决案例尘埃落定。
875
+ 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
876
876
  </div>
877
877
  </div>
878
878
  </li>
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</a>
884
+ <a href="https://segmentfault.com/a/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
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"/>
893
893
  </g>
894
894
  </svg>
895
- <span>10</span>
895
+ <span>13</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
899
- <span>SegmentFault思否</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
899
+ <span>冴羽</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
903
+ 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</a>
912
+ <a href="https://segmentfault.com/a/1190000041298011" target="_blank" title="神器 Nginx 的学习手册 ( 建议收藏 )">神器 Nginx 的学习手册 ( 建议收藏 )</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -920,15 +920,15 @@
920
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"/>
921
921
  </g>
922
922
  </svg>
923
- <span>13</span>
923
+ <span>18</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
927
- <span>冴羽</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
927
+ <span>民工哥</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
931
+ 无论是运维、开发、测试，Nginx技术栈的学习总是必不可少的，只是不同的岗位掌握的深度与广度不同而已。所以，民工哥利用周末休息时间，将往期推送的Nginx文章给大家重新整理出来，整理出成体系的Nginx知识体系，...
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041275359" target="_blank" title="深入浅出 CSS 动画">深入浅出 CSS 动画</a>
940
+ <a href="https://segmentfault.com/a/1190000041229679" target="_blank" title="谁再说不熟悉 Linux 命令，就把这个给他扔过去！">谁再说不熟悉 Linux 命令，就把这个给他扔过去！</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
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"/>
949
949
  </g>
950
950
  </svg>
951
- <span>18</span>
951
+ <span>19</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
955
- <span>chokcoco</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
955
+ <span>民工哥</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...
959
+ 虽然平时大部分工作都是和Java相关的开发, 但是每天都会接触Linux系统, 尤其是使用了Mac之后, 每天都是工作在黑色背景的命令行环境中. 自己记忆力不好, 很多有用的Linux命令不能很好的记忆, 现在逐渐总结一下, 以...
960
960
  </div>
961
961
  </div>
962
962
  </li>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/1/16 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/1/20 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>