@wcj/github-rank 21.12.29 → 21.12.30
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.
- package/dist/repos.json +21190 -21197
- package/dist/sifou-daily.json +74 -65
- package/dist/sifou-monthly.json +50 -50
- package/dist/sifou-weekly.json +107 -107
- package/dist/toutiao-30.json +62 -62
- package/dist/toutiao-7.json +68 -68
- package/dist/toutiao-90.json +13 -13
- package/dist/trending-daily.json +102 -212
- package/dist/trending-monthly.json +142 -142
- package/dist/trending-weekly.json +152 -152
- package/dist/users.china.json +1357 -1357
- package/dist/users.json +1725 -1725
- package/package.json +1 -1
- package/web/36kr.html +2 -2
- package/web/data/repos.json +21190 -21197
- package/web/data/sifou-daily.json +74 -65
- package/web/data/sifou-monthly.json +50 -50
- package/web/data/sifou-weekly.json +107 -107
- package/web/data/toutiao-30.json +62 -62
- package/web/data/toutiao-7.json +68 -68
- package/web/data/toutiao-90.json +13 -13
- package/web/data/trending-daily.json +102 -212
- package/web/data/trending-monthly.json +142 -142
- package/web/data/trending-weekly.json +152 -152
- package/web/data/users.china.json +1357 -1357
- package/web/data/users.json +1725 -1725
- package/web/index.html +994 -994
- package/web/repos.html +2786 -2786
- package/web/sifou-daily.html +83 -55
- package/web/sifou-monthly.html +86 -86
- package/web/sifou-weekly.html +127 -127
- package/web/toutiao-30.html +59 -59
- package/web/toutiao-7.html +74 -74
- package/web/toutiao-90.html +15 -15
- package/web/trending-monthly.html +127 -127
- package/web/trending-weekly.html +131 -135
- package/web/trending.html +85 -453
- package/web/users.china.html +650 -650
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 2021/12/
|
|
97
|
+
<div class="time">Last cache created on 2021/12/30 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>
|
|
130
|
+
<span>36</span>
|
|
131
131
|
</span>
|
|
132
132
|
|
|
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>
|
|
158
|
+
<span>39</span>
|
|
159
159
|
</span>
|
|
160
160
|
|
|
161
161
|
<a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
|
|
@@ -295,7 +295,7 @@
|
|
|
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>
|
|
298
|
+
<span>25</span>
|
|
299
299
|
</span>
|
|
300
300
|
|
|
301
301
|
<a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
|
|
@@ -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/
|
|
315
|
+
<a href="https://segmentfault.com/a/1190000041044028" target="_blank" title="使用 CSS 轻松实现高频出现的各类奇形怪状按钮">使用 CSS 轻松实现高频出现的各类奇形怪状按钮</a>
|
|
316
316
|
</div>
|
|
317
317
|
<div class="sub-title followers">
|
|
318
318
|
|
|
@@ -326,12 +326,12 @@
|
|
|
326
326
|
<span>25</span>
|
|
327
327
|
</span>
|
|
328
328
|
|
|
329
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
330
|
-
<span>
|
|
329
|
+
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
330
|
+
<span>chokcoco</span>
|
|
331
331
|
</a>
|
|
332
332
|
</div>
|
|
333
333
|
<div class="details">
|
|
334
|
-
|
|
334
|
+
背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...
|
|
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/
|
|
343
|
+
<a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</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>
|
|
354
|
+
<span>26</span>
|
|
355
355
|
</span>
|
|
356
356
|
|
|
357
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
358
|
-
<span
|
|
357
|
+
<a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
|
|
358
|
+
<span>铁皮饭盒</span>
|
|
359
359
|
</a>
|
|
360
360
|
</div>
|
|
361
361
|
<div class="details">
|
|
362
|
-
|
|
362
|
+
你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
|
|
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/
|
|
371
|
+
<a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</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>
|
|
382
|
+
<span>20</span>
|
|
383
383
|
</span>
|
|
384
384
|
|
|
385
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
386
|
-
<span
|
|
385
|
+
<a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
|
|
386
|
+
<span>jrainlau</span>
|
|
387
387
|
</a>
|
|
388
388
|
</div>
|
|
389
389
|
<div class="details">
|
|
390
|
-
|
|
390
|
+
说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...
|
|
391
391
|
</div>
|
|
392
392
|
</div>
|
|
393
393
|
</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/
|
|
455
|
+
<a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</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>
|
|
466
|
+
<span>21</span>
|
|
467
467
|
</span>
|
|
468
468
|
|
|
469
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
470
|
-
<span
|
|
469
|
+
<a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
|
|
470
|
+
<span>民工哥</span>
|
|
471
471
|
</a>
|
|
472
472
|
</div>
|
|
473
473
|
<div class="details">
|
|
474
|
-
|
|
474
|
+
数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
|
|
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/
|
|
483
|
+
<a href="https://segmentfault.com/a/1190000041037062" target="_blank" title="「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！">「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！</a>
|
|
484
484
|
</div>
|
|
485
485
|
<div class="sub-title followers">
|
|
486
486
|
|
|
@@ -491,15 +491,15 @@
|
|
|
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>
|
|
494
|
+
<span>23</span>
|
|
495
495
|
</span>
|
|
496
496
|
|
|
497
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
498
|
-
<span
|
|
497
|
+
<a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
|
|
498
|
+
<span>Sunshine_Lin</span>
|
|
499
499
|
</a>
|
|
500
500
|
</div>
|
|
501
501
|
<div class="details">
|
|
502
|
-
|
|
502
|
+
就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...
|
|
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/
|
|
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>
|
|
522
|
+
<span>14</span>
|
|
523
523
|
</span>
|
|
524
524
|
|
|
525
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
526
|
-
<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
|
-
|
|
530
|
+
背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
|
|
531
531
|
</div>
|
|
532
532
|
</div>
|
|
533
533
|
</li>
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
<div class="info">
|
|
537
537
|
<div class="rank">
|
|
538
538
|
<span title="Ranking 16">16</span>
|
|
539
|
-
<a href="https://segmentfault.com/a/
|
|
539
|
+
<a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
|
|
540
540
|
</div>
|
|
541
541
|
<div class="sub-title followers">
|
|
542
542
|
|
|
@@ -547,15 +547,15 @@
|
|
|
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>
|
|
550
|
+
<span>12</span>
|
|
551
551
|
</span>
|
|
552
552
|
|
|
553
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
554
|
-
<span
|
|
553
|
+
<a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
|
|
554
|
+
<span>思否编辑部</span>
|
|
555
555
|
</a>
|
|
556
556
|
</div>
|
|
557
557
|
<div class="details">
|
|
558
|
-
|
|
558
|
+
前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
|
|
559
559
|
</div>
|
|
560
560
|
</div>
|
|
561
561
|
</li>
|
|
@@ -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/
|
|
567
|
+
<a href="https://segmentfault.com/a/1190000041098622" target="_blank" title="从 Amazon Graviton3 发布，看 2022 云计算的核心方向">从 Amazon Graviton3 发布，看 2022 云计算的核心方向</a>
|
|
568
568
|
</div>
|
|
569
569
|
<div class="sub-title followers">
|
|
570
570
|
|
|
@@ -575,7 +575,7 @@
|
|
|
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>
|
|
578
|
+
<span>11</span>
|
|
579
579
|
</span>
|
|
580
580
|
|
|
581
581
|
<a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
|
|
@@ -583,7 +583,7 @@
|
|
|
583
583
|
</a>
|
|
584
584
|
</div>
|
|
585
585
|
<div class="details">
|
|
586
|
-
|
|
586
|
+
可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...
|
|
587
587
|
</div>
|
|
588
588
|
</div>
|
|
589
589
|
</li>
|
|
@@ -592,7 +592,7 @@
|
|
|
592
592
|
<div class="info">
|
|
593
593
|
<div class="rank">
|
|
594
594
|
<span title="Ranking 18">18</span>
|
|
595
|
-
<a href="https://segmentfault.com/a/
|
|
595
|
+
<a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
|
|
596
596
|
</div>
|
|
597
597
|
<div class="sub-title followers">
|
|
598
598
|
|
|
@@ -603,15 +603,15 @@
|
|
|
603
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"/>
|
|
604
604
|
</g>
|
|
605
605
|
</svg>
|
|
606
|
-
<span>
|
|
606
|
+
<span>17</span>
|
|
607
607
|
</span>
|
|
608
608
|
|
|
609
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
610
|
-
<span
|
|
609
|
+
<a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
|
|
610
|
+
<span>pingan8787</span>
|
|
611
611
|
</a>
|
|
612
612
|
</div>
|
|
613
613
|
<div class="details">
|
|
614
|
-
|
|
614
|
+
组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。Web Components 是一组 Web 原生 API 的总称，允许...
|
|
615
615
|
</div>
|
|
616
616
|
</div>
|
|
617
617
|
</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/
|
|
623
|
+
<a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！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>
|
|
634
|
+
<span>11</span>
|
|
635
635
|
</span>
|
|
636
636
|
|
|
637
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
638
|
-
<span
|
|
637
|
+
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
638
|
+
<span>chokcoco</span>
|
|
639
639
|
</a>
|
|
640
640
|
</div>
|
|
641
641
|
<div class="details">
|
|
642
|
-
|
|
642
|
+
emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
|
|
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/
|
|
651
|
+
<a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</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
|
|
|
665
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
666
|
-
<span
|
|
665
|
+
<a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
|
|
666
|
+
<span>卡颂</span>
|
|
667
667
|
</a>
|
|
668
668
|
</div>
|
|
669
669
|
<div class="details">
|
|
670
|
-
|
|
670
|
+
大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...
|
|
671
671
|
</div>
|
|
672
672
|
</div>
|
|
673
673
|
</li>
|
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
<div class="info">
|
|
789
789
|
<div class="rank">
|
|
790
790
|
<span title="Ranking 25">25</span>
|
|
791
|
-
<a href="https://segmentfault.com/a/
|
|
791
|
+
<a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
|
|
792
792
|
</div>
|
|
793
793
|
<div class="sub-title followers">
|
|
794
794
|
|
|
@@ -799,15 +799,15 @@
|
|
|
799
799
|
<path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
|
|
800
800
|
</g>
|
|
801
801
|
</svg>
|
|
802
|
-
<span>
|
|
802
|
+
<span>10</span>
|
|
803
803
|
</span>
|
|
804
804
|
|
|
805
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
806
|
-
<span
|
|
805
|
+
<a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
|
|
806
|
+
<span>前端森林</span>
|
|
807
807
|
</a>
|
|
808
808
|
</div>
|
|
809
809
|
<div class="details">
|
|
810
|
-
|
|
810
|
+
这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
|
|
811
811
|
</div>
|
|
812
812
|
</div>
|
|
813
813
|
</li>
|
|
@@ -816,7 +816,7 @@
|
|
|
816
816
|
<div class="info">
|
|
817
817
|
<div class="rank">
|
|
818
818
|
<span title="Ranking 26">26</span>
|
|
819
|
-
<a href="https://segmentfault.com/a/
|
|
819
|
+
<a href="https://segmentfault.com/a/1190000041067692" target="_blank" title="你真的认为Google翻译不影响"前端"页面功能吗?">你真的认为Google翻译不影响"前端"页面功能吗?</a>
|
|
820
820
|
</div>
|
|
821
821
|
<div class="sub-title followers">
|
|
822
822
|
|
|
@@ -827,15 +827,15 @@
|
|
|
827
827
|
<path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
|
|
828
828
|
</g>
|
|
829
829
|
</svg>
|
|
830
|
-
<span>
|
|
830
|
+
<span>11</span>
|
|
831
831
|
</span>
|
|
832
832
|
|
|
833
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
834
|
-
<span
|
|
833
|
+
<a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
|
|
834
|
+
<span>lulu_up</span>
|
|
835
835
|
</a>
|
|
836
836
|
</div>
|
|
837
837
|
<div class="details">
|
|
838
|
-
|
|
838
|
+
又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的"计数"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了"谷歌翻译"造成的无法"计数", 这就引起了我的浓厚兴趣, 到底这个看起来"人畜...
|
|
839
839
|
</div>
|
|
840
840
|
</div>
|
|
841
841
|
</li>
|
|
@@ -844,7 +844,7 @@
|
|
|
844
844
|
<div class="info">
|
|
845
845
|
<div class="rank">
|
|
846
846
|
<span title="Ranking 27">27</span>
|
|
847
|
-
<a href="https://segmentfault.com/a/
|
|
847
|
+
<a href="https://segmentfault.com/a/1190000041130996" target="_blank" title="这是什么选秀节目？数百万人看后想学「机器学习」">这是什么选秀节目？数百万人看后想学「机器学习」</a>
|
|
848
848
|
</div>
|
|
849
849
|
<div class="sub-title followers">
|
|
850
850
|
|
|
@@ -855,15 +855,15 @@
|
|
|
855
855
|
<path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
|
|
856
856
|
</g>
|
|
857
857
|
</svg>
|
|
858
|
-
<span>
|
|
858
|
+
<span>9</span>
|
|
859
859
|
</span>
|
|
860
860
|
|
|
861
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
862
|
-
<span
|
|
861
|
+
<a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
|
|
862
|
+
<span>思否编辑部</span>
|
|
863
863
|
</a>
|
|
864
864
|
</div>
|
|
865
865
|
<div class="details">
|
|
866
|
-
|
|
866
|
+
“秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...
|
|
867
867
|
</div>
|
|
868
868
|
</div>
|
|
869
869
|
</li>
|
|
@@ -872,7 +872,7 @@
|
|
|
872
872
|
<div class="info">
|
|
873
873
|
<div class="rank">
|
|
874
874
|
<span title="Ranking 28">28</span>
|
|
875
|
-
<a href="https://segmentfault.com/a/
|
|
875
|
+
<a href="https://segmentfault.com/a/1190000041088153" target="_blank" title="10个HTML文件上传技巧">10个HTML文件上传技巧</a>
|
|
876
876
|
</div>
|
|
877
877
|
<div class="sub-title followers">
|
|
878
878
|
|
|
@@ -883,15 +883,15 @@
|
|
|
883
883
|
<path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
|
|
884
884
|
</g>
|
|
885
885
|
</svg>
|
|
886
|
-
<span>
|
|
886
|
+
<span>16</span>
|
|
887
887
|
</span>
|
|
888
888
|
|
|
889
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
890
|
-
<span
|
|
889
|
+
<a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
|
|
890
|
+
<span>前端小智</span>
|
|
891
891
|
</a>
|
|
892
892
|
</div>
|
|
893
893
|
<div class="details">
|
|
894
|
-
|
|
894
|
+
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
|
|
895
895
|
</div>
|
|
896
896
|
</div>
|
|
897
897
|
</li>
|
|
@@ -900,7 +900,7 @@
|
|
|
900
900
|
<div class="info">
|
|
901
901
|
<div class="rank">
|
|
902
902
|
<span title="Ranking 29">29</span>
|
|
903
|
-
<a href="https://segmentfault.com/a/
|
|
903
|
+
<a href="https://segmentfault.com/a/1190000041101930" target="_blank" title="Java集合高频面试题">Java集合高频面试题</a>
|
|
904
904
|
</div>
|
|
905
905
|
<div class="sub-title followers">
|
|
906
906
|
|
|
@@ -911,15 +911,15 @@
|
|
|
911
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
912
|
</g>
|
|
913
913
|
</svg>
|
|
914
|
-
<span>
|
|
914
|
+
<span>11</span>
|
|
915
915
|
</span>
|
|
916
916
|
|
|
917
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
918
|
-
<span
|
|
917
|
+
<a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
|
|
918
|
+
<span>程序员大彬</span>
|
|
919
919
|
</a>
|
|
920
920
|
</div>
|
|
921
921
|
<div class="details">
|
|
922
|
-
|
|
922
|
+
本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...
|
|
923
923
|
</div>
|
|
924
924
|
</div>
|
|
925
925
|
</li>
|
|
@@ -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/
|
|
931
|
+
<a href="https://segmentfault.com/a/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</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>
|
|
942
|
+
<span>8</span>
|
|
943
943
|
</span>
|
|
944
944
|
|
|
945
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
946
|
-
<span
|
|
945
|
+
<a target="_blank" href="https://segmentfault.com/u/billionbottle" title="Programming Language">
|
|
946
|
+
<span>百瓶技术</span>
|
|
947
947
|
</a>
|
|
948
948
|
</div>
|
|
949
949
|
<div class="details">
|
|
950
|
-
|
|
950
|
+
在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
|
|
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 2021/12/
|
|
971
|
+
<div class="time">Last cache created on 2021/12/30 by Github API v3.</div>
|
|
972
972
|
Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
|
|
973
973
|
</div>
|
|
974
974
|
</body>
|