@wcj/github-rank 22.1.6 → 22.1.7

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 +22752 -22752
  2. package/dist/sifou-daily.json +87 -60
  3. package/dist/sifou-monthly.json +73 -73
  4. package/dist/sifou-weekly.json +95 -95
  5. package/dist/toutiao-30.json +45 -45
  6. package/dist/toutiao-7.json +97 -97
  7. package/dist/toutiao-90.json +22 -22
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +146 -146
  10. package/dist/trending-weekly.json +166 -166
  11. package/dist/users.china.json +1456 -1456
  12. package/dist/users.json +1959 -1959
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +22752 -22752
  16. package/web/data/sifou-daily.json +87 -60
  17. package/web/data/sifou-monthly.json +73 -73
  18. package/web/data/sifou-weekly.json +95 -95
  19. package/web/data/toutiao-30.json +45 -45
  20. package/web/data/toutiao-7.json +97 -97
  21. package/web/data/toutiao-90.json +22 -22
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +146 -146
  24. package/web/data/trending-weekly.json +166 -166
  25. package/web/data/users.china.json +1456 -1456
  26. package/web/data/users.json +1959 -1959
  27. package/web/index.html +1075 -1075
  28. package/web/repos.html +2846 -2846
  29. package/web/sifou-daily.html +134 -50
  30. package/web/sifou-monthly.html +111 -111
  31. package/web/sifou-weekly.html +131 -131
  32. package/web/toutiao-30.html +63 -63
  33. package/web/toutiao-7.html +73 -73
  34. package/web/toutiao-90.html +54 -54
  35. package/web/trending-monthly.html +138 -138
  36. package/web/trending-weekly.html +152 -148
  37. package/web/trending.html +154 -146
  38. package/web/users.china.html +798 -798
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/6 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2022/1/7 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>43</span>
130
+ <span>44</span>
131
131
  </span>
132
132
  &nbsp;
133
133
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -155,7 +155,7 @@
155
155
  <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
156
  </g>
157
157
  </svg>
158
- <span>42</span>
158
+ <span>43</span>
159
159
  </span>
160
160
  &nbsp;
161
161
  <a target="_blank" href="https://segmentfault.com/u/linxz" 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>29</span>
186
+ <span>30</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/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
203
+ <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</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/116263" title="Programming Language">
218
- <span>前端胖头鱼</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
218
+ <span>日拱一兵</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
222
+ 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
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/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
231
+ <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</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>28</span>
242
+ <span>31</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
246
- <span>日拱一兵</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
246
+ <span>前端胖头鱼</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
250
+ 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -312,6 +312,34 @@
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/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
316
+ </div>
317
+ <div class="sub-title followers">
318
+
319
+ <span title="Stargazers Count">
320
+ <svg width="12" height="12" viewBox="0 0 16 16">
321
+ <g fill="none" fill-rule="evenodd">
322
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
325
+ </svg>
326
+ <span>24</span>
327
+ </span>
328
+ &nbsp;
329
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
330
+ <span>民工哥</span>
331
+ </a>
332
+ </div>
333
+ <div class="details">
334
+ 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
335
+ </div>
336
+ </div>
337
+ </li>
338
+
339
+ <li>
340
+ <div class="info">
341
+ <div class="rank">
342
+ <span title="Ranking 9">9</span>
315
343
  <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
316
344
  </div>
317
345
  <div class="sub-title followers">
@@ -339,8 +367,8 @@
339
367
  <li>
340
368
  <div class="info">
341
369
  <div class="rank">
342
- <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
370
+ <span title="Ranking 10">10</span>
371
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
344
372
  </div>
345
373
  <div class="sub-title followers">
346
374
 
@@ -351,15 +379,15 @@
351
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"/>
352
380
  </g>
353
381
  </svg>
354
- <span>23</span>
382
+ <span>19</span>
355
383
  </span>
356
384
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
358
- <span>民工哥</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
386
+ <span>边城</span>
359
387
  </a>
360
388
  </div>
361
389
  <div class="details">
362
- 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
390
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
363
391
  </div>
364
392
  </div>
365
393
  </li>
@@ -367,7 +395,7 @@
367
395
  <li>
368
396
  <div class="info">
369
397
  <div class="rank">
370
- <span title="Ranking 10">10</span>
398
+ <span title="Ranking 11">11</span>
371
399
  <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
372
400
  </div>
373
401
  <div class="sub-title followers">
@@ -395,7 +423,7 @@
395
423
  <li>
396
424
  <div class="info">
397
425
  <div class="rank">
398
- <span title="Ranking 11">11</span>
426
+ <span title="Ranking 12">12</span>
399
427
  <a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</a>
400
428
  </div>
401
429
  <div class="sub-title followers">
@@ -407,7 +435,7 @@
407
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"/>
408
436
  </g>
409
437
  </svg>
410
- <span>21</span>
438
+ <span>22</span>
411
439
  </span>
412
440
  &nbsp;
413
441
  <a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
@@ -423,8 +451,8 @@
423
451
  <li>
424
452
  <div class="info">
425
453
  <div class="rank">
426
- <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
454
+ <span title="Ranking 13">13</span>
455
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
428
456
  </div>
429
457
  <div class="sub-title followers">
430
458
 
@@ -438,12 +466,12 @@
438
466
  <span>18</span>
439
467
  </span>
440
468
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
442
- <span>边城</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
470
+ <span>MudOnTire</span>
443
471
  </a>
444
472
  </div>
445
473
  <div class="details">
446
- 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
474
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
447
475
  </div>
448
476
  </div>
449
477
  </li>
@@ -451,7 +479,7 @@
451
479
  <li>
452
480
  <div class="info">
453
481
  <div class="rank">
454
- <span title="Ranking 13">13</span>
482
+ <span title="Ranking 14">14</span>
455
483
  <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
456
484
  </div>
457
485
  <div class="sub-title followers">
@@ -463,7 +491,7 @@
463
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"/>
464
492
  </g>
465
493
  </svg>
466
- <span>19</span>
494
+ <span>20</span>
467
495
  </span>
468
496
  &nbsp;
469
497
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -479,8 +507,8 @@
479
507
  <li>
480
508
  <div class="info">
481
509
  <div class="rank">
482
- <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
510
+ <span title="Ranking 15">15</span>
511
+ <a href="https://segmentfault.com/a/1190000041217732" target="_blank" title="一份简单够用的 Nginx Location 配置讲解">一份简单够用的 Nginx Location 配置讲解</a>
484
512
  </div>
485
513
  <div class="sub-title followers">
486
514
 
@@ -494,12 +522,12 @@
494
522
  <span>15</span>
495
523
  </span>
496
524
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
498
- <span>MudOnTire</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
526
+ <span>冴羽</span>
499
527
  </a>
500
528
  </div>
501
529
  <div class="details">
502
- CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
530
+ 前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子： {代码...} 大致的意思是，当你访问 www.yayujs.com 的 80 端口...
503
531
  </div>
504
532
  </div>
505
533
  </li>
@@ -507,8 +535,8 @@
507
535
  <li>
508
536
  <div class="info">
509
537
  <div class="rank">
510
- <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
538
+ <span title="Ranking 16">16</span>
539
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
512
540
  </div>
513
541
  <div class="sub-title followers">
514
542
 
@@ -519,7 +547,7 @@
519
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"/>
520
548
  </g>
521
549
  </svg>
522
- <span>15</span>
550
+ <span>14</span>
523
551
  </span>
524
552
  &nbsp;
525
553
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -527,7 +555,7 @@
527
555
  </a>
528
556
  </div>
529
557
  <div class="details">
530
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
558
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
531
559
  </div>
532
560
  </div>
533
561
  </li>
@@ -535,8 +563,8 @@
535
563
  <li>
536
564
  <div class="info">
537
565
  <div class="rank">
538
- <span title="Ranking 16">16</span>
539
- <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
566
+ <span title="Ranking 17">17</span>
567
+ <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
540
568
  </div>
541
569
  <div class="sub-title followers">
542
570
 
@@ -547,15 +575,15 @@
547
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"/>
548
576
  </g>
549
577
  </svg>
550
- <span>13</span>
578
+ <span>21</span>
551
579
  </span>
552
580
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
554
- <span>chokcoco</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
582
+ <span>pingan8787</span>
555
583
  </a>
556
584
  </div>
557
585
  <div class="details">
558
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
586
+ 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
559
587
  </div>
560
588
  </div>
561
589
  </li>
@@ -563,8 +591,8 @@
563
591
  <li>
564
592
  <div class="info">
565
593
  <div class="rank">
566
- <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
594
+ <span title="Ranking 18">18</span>
595
+ <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
568
596
  </div>
569
597
  <div class="sub-title followers">
570
598
 
@@ -575,15 +603,15 @@
575
603
  <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
604
  </g>
577
605
  </svg>
578
- <span>20</span>
606
+ <span>16</span>
579
607
  </span>
580
608
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
582
- <span>pingan8787</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
610
+ <span>chokcoco</span>
583
611
  </a>
584
612
  </div>
585
613
  <div class="details">
586
- 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
614
+ 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
587
615
  </div>
588
616
  </div>
589
617
  </li>
@@ -591,7 +619,7 @@
591
619
  <li>
592
620
  <div class="info">
593
621
  <div class="rank">
594
- <span title="Ranking 18">18</span>
622
+ <span title="Ranking 19">19</span>
595
623
  <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
596
624
  </div>
597
625
  <div class="sub-title followers">
@@ -619,8 +647,8 @@
619
647
  <li>
620
648
  <div class="info">
621
649
  <div class="rank">
622
- <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000041098622" target="_blank" title="从 Amazon Graviton3 发布，看 2022 云计算的核心方向">从 Amazon Graviton3 发布，看 2022 云计算的核心方向</a>
650
+ <span title="Ranking 20">20</span>
651
+ <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
624
652
  </div>
625
653
  <div class="sub-title followers">
626
654
 
@@ -631,15 +659,15 @@
631
659
  <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
660
  </g>
633
661
  </svg>
634
- <span>11</span>
662
+ <span>18</span>
635
663
  </span>
636
664
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
638
- <span>思否编辑部</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
666
+ <span>程序员cxuan</span>
639
667
  </a>
640
668
  </div>
641
669
  <div class="details">
642
- 可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...
670
+ 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
643
671
  </div>
644
672
  </div>
645
673
  </li>
@@ -647,8 +675,8 @@
647
675
  <li>
648
676
  <div class="info">
649
677
  <div class="rank">
650
- <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
678
+ <span title="Ranking 21">21</span>
679
+ <a href="https://segmentfault.com/a/1190000041098622" target="_blank" title="从 Amazon Graviton3 发布，看 2022 云计算的核心方向">从 Amazon Graviton3 发布，看 2022 云计算的核心方向</a>
652
680
  </div>
653
681
  <div class="sub-title followers">
654
682
 
@@ -659,15 +687,15 @@
659
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"/>
660
688
  </g>
661
689
  </svg>
662
- <span>14</span>
690
+ <span>11</span>
663
691
  </span>
664
692
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
666
- <span>码哥字节</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
694
+ <span>思否编辑部</span>
667
695
  </a>
668
696
  </div>
669
697
  <div class="details">
670
- Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
698
+ 可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...
671
699
  </div>
672
700
  </div>
673
701
  </li>
@@ -675,8 +703,8 @@
675
703
  <li>
676
704
  <div class="info">
677
705
  <div class="rank">
678
- <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
706
+ <span title="Ranking 22">22</span>
707
+ <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
680
708
  </div>
681
709
  <div class="sub-title followers">
682
710
 
@@ -687,15 +715,15 @@
687
715
  <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
716
  </g>
689
717
  </svg>
690
- <span>10</span>
718
+ <span>14</span>
691
719
  </span>
692
720
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
694
- <span>bigsai</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
722
+ <span>码哥字节</span>
695
723
  </a>
696
724
  </div>
697
725
  <div class="details">
698
- 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
726
+ Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
699
727
  </div>
700
728
  </div>
701
729
  </li>
@@ -703,8 +731,8 @@
703
731
  <li>
704
732
  <div class="info">
705
733
  <div class="rank">
706
- <span title="Ranking 22">22</span>
707
- <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
734
+ <span title="Ranking 23">23</span>
735
+ <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
708
736
  </div>
709
737
  <div class="sub-title followers">
710
738
 
@@ -715,15 +743,15 @@
715
743
  <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
744
  </g>
717
745
  </svg>
718
- <span>17</span>
746
+ <span>10</span>
719
747
  </span>
720
748
  &nbsp;
721
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
722
- <span>程序员cxuan</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
750
+ <span>bigsai</span>
723
751
  </a>
724
752
  </div>
725
753
  <div class="details">
726
- 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
754
+ 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
727
755
  </div>
728
756
  </div>
729
757
  </li>
@@ -731,7 +759,7 @@
731
759
  <li>
732
760
  <div class="info">
733
761
  <div class="rank">
734
- <span title="Ranking 23">23</span>
762
+ <span title="Ranking 24">24</span>
735
763
  <a href="https://segmentfault.com/a/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
736
764
  </div>
737
765
  <div class="sub-title followers">
@@ -759,7 +787,7 @@
759
787
  <li>
760
788
  <div class="info">
761
789
  <div class="rank">
762
- <span title="Ranking 24">24</span>
790
+ <span title="Ranking 25">25</span>
763
791
  <a href="https://segmentfault.com/a/1190000041086821" target="_blank" title="2021 re:Invent ，我们到底该关注哪些发布？">2021 re:Invent ，我们到底该关注哪些发布？</a>
764
792
  </div>
765
793
  <div class="sub-title followers">
@@ -787,7 +815,7 @@
787
815
  <li>
788
816
  <div class="info">
789
817
  <div class="rank">
790
- <span title="Ranking 25">25</span>
818
+ <span title="Ranking 26">26</span>
791
819
  <a href="https://segmentfault.com/a/1190000041088153" target="_blank" title="10个HTML文件上传技巧">10个HTML文件上传技巧</a>
792
820
  </div>
793
821
  <div class="sub-title followers">
@@ -815,7 +843,7 @@
815
843
  <li>
816
844
  <div class="info">
817
845
  <div class="rank">
818
- <span title="Ranking 26">26</span>
846
+ <span title="Ranking 27">27</span>
819
847
  <a href="https://segmentfault.com/a/1190000041130996" target="_blank" title="这是什么选秀节目？数百万人看后想学「机器学习」">这是什么选秀节目？数百万人看后想学「机器学习」</a>
820
848
  </div>
821
849
  <div class="sub-title followers">
@@ -843,7 +871,7 @@
843
871
  <li>
844
872
  <div class="info">
845
873
  <div class="rank">
846
- <span title="Ranking 27">27</span>
874
+ <span title="Ranking 28">28</span>
847
875
  <a href="https://segmentfault.com/a/1190000041101930" target="_blank" title="Java集合高频面试题">Java集合高频面试题</a>
848
876
  </div>
849
877
  <div class="sub-title followers">
@@ -871,7 +899,7 @@
871
899
  <li>
872
900
  <div class="info">
873
901
  <div class="rank">
874
- <span title="Ranking 28">28</span>
902
+ <span title="Ranking 29">29</span>
875
903
  <a href="https://segmentfault.com/a/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</a>
876
904
  </div>
877
905
  <div class="sub-title followers">
@@ -896,34 +924,6 @@
896
924
  </div>
897
925
  </li>
898
926
 
899
- <li>
900
- <div class="info">
901
- <div class="rank">
902
- <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000041217732" target="_blank" title="一份简单够用的 Nginx Location 配置讲解">一份简单够用的 Nginx Location 配置讲解</a>
904
- </div>
905
- <div class="sub-title followers">
906
-
907
- <span title="Stargazers Count">
908
- <svg width="12" height="12" viewBox="0 0 16 16">
909
- <g fill="none" fill-rule="evenodd">
910
- <path d="M0 0h16v16H0z"/>
911
- <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
- </g>
913
- </svg>
914
- <span>11</span>
915
- </span>
916
- &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
918
- <span>冴羽</span>
919
- </a>
920
- </div>
921
- <div class="details">
922
- 前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子： {代码...} 大致的意思是，当你访问 www.yayujs.com 的 80 端口...
923
- </div>
924
- </div>
925
- </li>
926
-
927
927
  <li>
928
928
  <div class="info">
929
929
  <div class="rank">
@@ -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/6 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2022/1/7 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>