@wcj/github-rank 22.1.1 → 22.1.5

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 +33847 -33840
  2. package/dist/sifou-daily.json +161 -98
  3. package/dist/sifou-monthly.json +81 -81
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +114 -114
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +24 -24
  8. package/dist/trending-daily.json +178 -167
  9. package/dist/trending-monthly.json +158 -158
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +2772 -2772
  12. package/dist/users.json +3614 -3615
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33847 -33840
  16. package/web/data/sifou-daily.json +161 -98
  17. package/web/data/sifou-monthly.json +81 -81
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +114 -114
  20. package/web/data/toutiao-7.json +116 -116
  21. package/web/data/toutiao-90.json +24 -24
  22. package/web/data/trending-daily.json +178 -167
  23. package/web/data/trending-monthly.json +158 -158
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +2772 -2772
  26. package/web/data/users.json +3614 -3615
  27. package/web/index.html +1954 -1954
  28. package/web/repos.html +4373 -4373
  29. package/web/sifou-daily.html +278 -82
  30. package/web/sifou-monthly.html +88 -88
  31. package/web/sifou-weekly.html +151 -151
  32. package/web/toutiao-30.html +108 -108
  33. package/web/toutiao-7.html +85 -85
  34. package/web/toutiao-90.html +23 -23
  35. package/web/trending-monthly.html +138 -142
  36. package/web/trending-weekly.html +146 -150
  37. package/web/trending.html +181 -143
  38. package/web/users.china.html +1371 -1371
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/1 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2022/1/5 by Github API v3.</div>
98
98
  <div class="tabs">
99
99
  <a class="" href="index.html">Users</a>
100
100
  <a class="" href="repos.html">Repos</a>
@@ -127,7 +127,7 @@
127
127
  <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
128
  </g>
129
129
  </svg>
130
- <span>38</span>
130
+ <span>41</span>
131
131
  </span>
132
132
  &nbsp;
133
133
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -183,7 +183,7 @@
183
183
  <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
184
  </g>
185
185
  </svg>
186
- <span>25</span>
186
+ <span>27</span>
187
187
  </span>
188
188
  &nbsp;
189
189
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -200,7 +200,7 @@
200
200
  <div class="info">
201
201
  <div class="rank">
202
202
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000041056865" target="_blank" title="React、Vue我全都要！React Hook 实现 Vue 的11个基本功能">React、Vue我全都要！React Hook 实现 Vue 的11个基本功能</a>
203
+ <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
204
204
  </div>
205
205
  <div class="sub-title followers">
206
206
 
@@ -211,15 +211,15 @@
211
211
  <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
212
  </g>
213
213
  </svg>
214
- <span>31</span>
214
+ <span>30</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
218
- <span>Sunshine_Lin</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
218
+ <span>前端胖头鱼</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。
222
+ 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
223
223
  </div>
224
224
  </div>
225
225
  </li>
@@ -228,7 +228,7 @@
228
228
  <div class="info">
229
229
  <div class="rank">
230
230
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
231
+ <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -239,15 +239,15 @@
239
239
  <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
240
  </g>
241
241
  </svg>
242
- <span>27</span>
242
+ <span>29</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
246
- <span>前端胖头鱼</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
246
+ <span>铁皮饭盒</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
250
+ 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -256,7 +256,7 @@
256
256
  <div class="info">
257
257
  <div class="rank">
258
258
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
259
+ <a href="https://segmentfault.com/a/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
260
260
  </div>
261
261
  <div class="sub-title followers">
262
262
 
@@ -267,15 +267,15 @@
267
267
  <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
268
  </g>
269
269
  </svg>
270
- <span>29</span>
270
+ <span>31</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
274
- <span>铁皮饭盒</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
274
+ <span>杨成功</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
278
+ 一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
279
279
  </div>
280
280
  </div>
281
281
  </li>
@@ -284,7 +284,7 @@
284
284
  <div class="info">
285
285
  <div class="rank">
286
286
  <span title="Ranking 7">7</span>
287
- <a href="https://segmentfault.com/a/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
287
+ <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
288
288
  </div>
289
289
  <div class="sub-title followers">
290
290
 
@@ -295,15 +295,15 @@
295
295
  <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"/>
296
296
  </g>
297
297
  </svg>
298
- <span>31</span>
298
+ <span>19</span>
299
299
  </span>
300
300
  &nbsp;
301
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
302
- <span>杨成功</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
302
+ <span>前端森林</span>
303
303
  </a>
304
304
  </div>
305
305
  <div class="details">
306
- 一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
306
+ 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
307
307
  </div>
308
308
  </div>
309
309
  </li>
@@ -312,7 +312,7 @@
312
312
  <div class="info">
313
313
  <div class="rank">
314
314
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000041044028" target="_blank" title="使用 CSS 轻松实现高频出现的各类奇形怪状按钮">使用 CSS 轻松实现高频出现的各类奇形怪状按钮</a>
315
+ <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -323,15 +323,15 @@
323
323
  <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
324
  </g>
325
325
  </svg>
326
- <span>25</span>
326
+ <span>24</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
330
- <span>chokcoco</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
330
+ <span>日拱一兵</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...
334
+ 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
335
335
  </div>
336
336
  </div>
337
337
  </li>
@@ -340,7 +340,7 @@
340
340
  <div class="info">
341
341
  <div class="rank">
342
342
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
343
+ <a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
344
344
  </div>
345
345
  <div class="sub-title followers">
346
346
 
@@ -351,15 +351,15 @@
351
351
  <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
352
  </g>
353
353
  </svg>
354
- <span>19</span>
354
+ <span>22</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
358
- <span>kerin</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
358
+ <span>民工哥</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
362
+ 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -368,7 +368,7 @@
368
368
  <div class="info">
369
369
  <div class="rank">
370
370
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</a>
371
+ <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
372
372
  </div>
373
373
  <div class="sub-title followers">
374
374
 
@@ -379,15 +379,15 @@
379
379
  <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
380
  </g>
381
381
  </svg>
382
- <span>20</span>
382
+ <span>19</span>
383
383
  </span>
384
384
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
386
- <span>jrainlau</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
386
+ <span>kerin</span>
387
387
  </a>
388
388
  </div>
389
389
  <div class="details">
390
- 说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...
390
+ 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
391
391
  </div>
392
392
  </div>
393
393
  </li>
@@ -396,7 +396,7 @@
396
396
  <div class="info">
397
397
  <div class="rank">
398
398
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
399
+ <a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</a>
400
400
  </div>
401
401
  <div class="sub-title followers">
402
402
 
@@ -407,15 +407,15 @@
407
407
  <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
408
  </g>
409
409
  </svg>
410
- <span>19</span>
410
+ <span>21</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
414
- <span>卡颂</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
414
+ <span>jrainlau</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
418
+ 说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...
419
419
  </div>
420
420
  </div>
421
421
  </li>
@@ -424,7 +424,7 @@
424
424
  <div class="info">
425
425
  <div class="rank">
426
426
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
427
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
428
428
  </div>
429
429
  <div class="sub-title followers">
430
430
 
@@ -435,15 +435,15 @@
435
435
  <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
436
  </g>
437
437
  </svg>
438
- <span>21</span>
438
+ <span>18</span>
439
439
  </span>
440
440
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
442
- <span>民工哥</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
442
+ <span>边城</span>
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
446
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
447
447
  </div>
448
448
  </div>
449
449
  </li>
@@ -452,7 +452,7 @@
452
452
  <div class="info">
453
453
  <div class="rank">
454
454
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
455
+ <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -463,15 +463,15 @@
463
463
  <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
464
  </g>
465
465
  </svg>
466
- <span>17</span>
466
+ <span>19</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
470
- <span>边城</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
470
+ <span>卡颂</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
474
+ 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
475
475
  </div>
476
476
  </div>
477
477
  </li>
@@ -480,7 +480,7 @@
480
480
  <div class="info">
481
481
  <div class="rank">
482
482
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
483
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -491,7 +491,7 @@
491
491
  <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
492
  </g>
493
493
  </svg>
494
- <span>14</span>
494
+ <span>13</span>
495
495
  </span>
496
496
  &nbsp;
497
497
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -499,7 +499,7 @@
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
502
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
503
503
  </div>
504
504
  </div>
505
505
  </li>
@@ -508,7 +508,7 @@
508
508
  <div class="info">
509
509
  <div class="rank">
510
510
  <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
511
+ <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
512
512
  </div>
513
513
  <div class="sub-title followers">
514
514
 
@@ -519,15 +519,15 @@
519
519
  <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
520
  </g>
521
521
  </svg>
522
- <span>12</span>
522
+ <span>15</span>
523
523
  </span>
524
524
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
526
- <span>思否编辑部</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
526
+ <span>chokcoco</span>
527
527
  </a>
528
528
  </div>
529
529
  <div class="details">
530
- 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
530
+ 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
531
531
  </div>
532
532
  </div>
533
533
  </li>
@@ -547,7 +547,7 @@
547
547
  <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
548
  </g>
549
549
  </svg>
550
- <span>19</span>
550
+ <span>20</span>
551
551
  </span>
552
552
  &nbsp;
553
553
  <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
@@ -564,7 +564,7 @@
564
564
  <div class="info">
565
565
  <div class="rank">
566
566
  <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
567
+ <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
568
568
  </div>
569
569
  <div class="sub-title followers">
570
570
 
@@ -575,15 +575,15 @@
575
575
  <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
576
  </g>
577
577
  </svg>
578
- <span>14</span>
578
+ <span>12</span>
579
579
  </span>
580
580
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
582
- <span>前端森林</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
582
+ <span>思否编辑部</span>
583
583
  </a>
584
584
  </div>
585
585
  <div class="details">
586
- 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
586
+ 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
587
587
  </div>
588
588
  </div>
589
589
  </li>
@@ -620,7 +620,7 @@
620
620
  <div class="info">
621
621
  <div class="rank">
622
622
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
623
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
624
624
  </div>
625
625
  <div class="sub-title followers">
626
626
 
@@ -631,15 +631,15 @@
631
631
  <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
632
  </g>
633
633
  </svg>
634
- <span>12</span>
634
+ <span>11</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
638
- <span>chokcoco</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
638
+ <span>MudOnTire</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
642
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
643
643
  </div>
644
644
  </div>
645
645
  </li>
@@ -648,7 +648,7 @@
648
648
  <div class="info">
649
649
  <div class="rank">
650
650
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</a>
651
+ <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
652
652
  </div>
653
653
  <div class="sub-title followers">
654
654
 
@@ -662,12 +662,12 @@
662
662
  <span>10</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
666
- <span>卡颂</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
666
+ <span>bigsai</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...
670
+ 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
671
671
  </div>
672
672
  </div>
673
673
  </li>
@@ -676,7 +676,7 @@
676
676
  <div class="info">
677
677
  <div class="rank">
678
678
  <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000041043603" target="_blank" title="一个 Babelfish ，看懂云数据库的发展方向">一个 Babelfish ，看懂云数据库的发展方向</a>
679
+ <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
680
680
  </div>
681
681
  <div class="sub-title followers">
682
682
 
@@ -687,15 +687,15 @@
687
687
  <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
688
  </g>
689
689
  </svg>
690
- <span>12</span>
690
+ <span>13</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
694
- <span>思否编辑部</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
694
+ <span>码哥字节</span>
695
695
  </a>
696
696
  </div>
697
697
  <div class="details">
698
- 作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...
698
+ Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
699
699
  </div>
700
700
  </div>
701
701
  </li>
@@ -771,7 +771,7 @@
771
771
  <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
772
  </g>
773
773
  </svg>
774
- <span>15</span>
774
+ <span>16</span>
775
775
  </span>
776
776
  &nbsp;
777
777
  <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
@@ -928,7 +928,7 @@
928
928
  <div class="info">
929
929
  <div class="rank">
930
930
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
931
+ <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -939,15 +939,15 @@
939
939
  <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
940
  </g>
941
941
  </svg>
942
- <span>12</span>
942
+ <span>10</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
946
- <span>日拱一兵</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
946
+ <span>xiangzhihong</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
950
+ 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
951
951
  </div>
952
952
  </div>
953
953
  </li>
@@ -968,7 +968,7 @@
968
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
969
  </a>
970
970
  </div>
971
- <div class="time">Last cache created on 2022/1/1 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2022/1/5 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>