@wcj/github-rank 22.8.14 → 22.8.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/repos.json +32130 -32128
- package/dist/sifou-daily.json +117 -18
- package/dist/sifou-monthly.json +96 -96
- package/dist/sifou-weekly.json +170 -170
- package/dist/toutiao-30.json +80 -80
- package/dist/toutiao-7.json +114 -114
- package/dist/toutiao-90.json +46 -46
- package/dist/trending-daily.json +164 -175
- package/dist/trending-monthly.json +151 -151
- package/dist/trending-weekly.json +165 -165
- package/dist/users.china.json +2344 -2345
- package/dist/users.json +3559 -3560
- package/package.json +1 -1
- package/web/data/repos.json +32130 -32128
- package/web/data/sifou-daily.json +117 -18
- package/web/data/sifou-monthly.json +96 -96
- package/web/data/sifou-weekly.json +170 -170
- package/web/data/toutiao-30.json +80 -80
- package/web/data/toutiao-7.json +114 -114
- package/web/data/toutiao-90.json +46 -46
- package/web/data/trending-daily.json +164 -175
- package/web/data/trending-monthly.json +151 -151
- package/web/data/trending-weekly.json +165 -165
- package/web/data/users.china.json +2344 -2345
- package/web/data/users.json +3559 -3560
- package/web/index.html +1734 -1734
- package/web/repos.html +3798 -3798
- package/web/sifou-daily.html +324 -16
- package/web/sifou-monthly.html +96 -96
- package/web/sifou-weekly.html +147 -147
- package/web/toutiao-30.html +105 -105
- package/web/toutiao-7.html +90 -90
- package/web/toutiao-90.html +69 -69
- package/web/trending-monthly.html +127 -135
- package/web/trending-weekly.html +144 -144
- package/web/trending.html +144 -178
- package/web/users.china.html +1264 -1264
package/web/sifou-monthly.html
CHANGED
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
|
|
117
117
|
|
|
118
118
|
</h1>
|
|
119
|
-
<div class="time">Last cache created on 2022/8/
|
|
119
|
+
<div class="time">Last cache created on 2022/8/17 by
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
<div class="info">
|
|
202
202
|
<div class="rank">
|
|
203
203
|
<span title="Ranking 3">3</span>
|
|
204
|
-
<a href="https://segmentfault.com/a/
|
|
204
|
+
<a href="https://segmentfault.com/a/1190000042283578" target="_blank" title="使用 CSS 构建强大且酷炫的粒子动画">使用 CSS 构建强大且酷炫的粒子动画</a>
|
|
205
205
|
</div>
|
|
206
206
|
<div class="sub-title followers">
|
|
207
207
|
|
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
</a>
|
|
221
221
|
</div>
|
|
222
222
|
<div class="details">
|
|
223
|
-
|
|
223
|
+
当然,不使用 HTML + CSS 的主要原因在于,粒子动画通常需要较多的粒子,而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素,这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。
|
|
224
224
|
</div>
|
|
225
225
|
</div>
|
|
226
226
|
</li>
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
<div class="info">
|
|
230
230
|
<div class="rank">
|
|
231
231
|
<span title="Ranking 4">4</span>
|
|
232
|
-
<a href="https://segmentfault.com/a/
|
|
232
|
+
<a href="https://segmentfault.com/a/1190000042184211" target="_blank" title="超酷炫的转场动画?CSS 轻松拿下!">超酷炫的转场动画?CSS 轻松拿下!</a>
|
|
233
233
|
</div>
|
|
234
234
|
<div class="sub-title followers">
|
|
235
235
|
|
|
@@ -240,15 +240,15 @@
|
|
|
240
240
|
<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"/>
|
|
241
241
|
</g>
|
|
242
242
|
</svg>
|
|
243
|
-
<span>
|
|
243
|
+
<span>23</span>
|
|
244
244
|
</span>
|
|
245
245
|
|
|
246
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
247
|
-
<span>
|
|
246
|
+
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
247
|
+
<span>chokcoco</span>
|
|
248
248
|
</a>
|
|
249
249
|
</div>
|
|
250
250
|
<div class="details">
|
|
251
|
-
|
|
251
|
+
在 WeGame 的 PC 端官网首页,有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受。转场动画 1:转场动画 2:是不是挺有意思的,整个动画的衔接是基于滚轮的滚...
|
|
252
252
|
</div>
|
|
253
253
|
</div>
|
|
254
254
|
</li>
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
<div class="info">
|
|
258
258
|
<div class="rank">
|
|
259
259
|
<span title="Ranking 5">5</span>
|
|
260
|
-
<a href="https://segmentfault.com/a/
|
|
260
|
+
<a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
|
|
261
261
|
</div>
|
|
262
262
|
<div class="sub-title followers">
|
|
263
263
|
|
|
@@ -268,15 +268,15 @@
|
|
|
268
268
|
<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"/>
|
|
269
269
|
</g>
|
|
270
270
|
</svg>
|
|
271
|
-
<span>
|
|
271
|
+
<span>19</span>
|
|
272
272
|
</span>
|
|
273
273
|
|
|
274
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
275
|
-
<span>
|
|
274
|
+
<a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
|
|
275
|
+
<span>XboxYan</span>
|
|
276
276
|
</a>
|
|
277
277
|
</div>
|
|
278
278
|
<div class="details">
|
|
279
|
-
|
|
279
|
+
欢迎关注微信公众号:前端侦探介绍一个和深色模式相关的CSS属性:color-scheme一、什么是 color-scheme?color-scheme顾名思义,即为“配色方案”,在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
|
|
280
280
|
</div>
|
|
281
281
|
</div>
|
|
282
282
|
</li>
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
<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"/>
|
|
297
297
|
</g>
|
|
298
298
|
</svg>
|
|
299
|
-
<span>
|
|
299
|
+
<span>22</span>
|
|
300
300
|
</span>
|
|
301
301
|
|
|
302
302
|
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
<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"/>
|
|
353
353
|
</g>
|
|
354
354
|
</svg>
|
|
355
|
-
<span>
|
|
355
|
+
<span>19</span>
|
|
356
356
|
</span>
|
|
357
357
|
|
|
358
358
|
<a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
<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"/>
|
|
381
381
|
</g>
|
|
382
382
|
</svg>
|
|
383
|
-
<span>
|
|
383
|
+
<span>19</span>
|
|
384
384
|
</span>
|
|
385
385
|
|
|
386
386
|
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
<div class="info">
|
|
398
398
|
<div class="rank">
|
|
399
399
|
<span title="Ranking 10">10</span>
|
|
400
|
-
<a href="https://segmentfault.com/a/
|
|
400
|
+
<a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析(四)">可视化拖拽组件库一些技术要点原理分析(四)</a>
|
|
401
401
|
</div>
|
|
402
402
|
<div class="sub-title followers">
|
|
403
403
|
|
|
@@ -408,15 +408,15 @@
|
|
|
408
408
|
<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"/>
|
|
409
409
|
</g>
|
|
410
410
|
</svg>
|
|
411
|
-
<span>
|
|
411
|
+
<span>14</span>
|
|
412
412
|
</span>
|
|
413
413
|
|
|
414
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
415
|
-
<span
|
|
414
|
+
<a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
|
|
415
|
+
<span>谭光志</span>
|
|
416
416
|
</a>
|
|
417
417
|
</div>
|
|
418
418
|
<div class="details">
|
|
419
|
-
|
|
419
|
+
本文是可视化拖拽系列的第四篇,比起之前的三篇文章,这篇功能点要稍微少一点,总共有五点:SVG 组件动态属性面板数据来源(接口请求)组件联动组件按需加载如果你对我之前的系列文章不是很了解,建议先把这三篇...
|
|
420
420
|
</div>
|
|
421
421
|
</div>
|
|
422
422
|
</li>
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
<div class="info">
|
|
426
426
|
<div class="rank">
|
|
427
427
|
<span title="Ranking 11">11</span>
|
|
428
|
-
<a href="https://segmentfault.com/a/
|
|
428
|
+
<a href="https://segmentfault.com/a/1190000042217446" target="_blank" title="今҈天҈真҈是҈热҈化҈了҈!">今҈天҈真҈是҈热҈化҈了҈!</a>
|
|
429
429
|
</div>
|
|
430
430
|
<div class="sub-title followers">
|
|
431
431
|
|
|
@@ -436,15 +436,15 @@
|
|
|
436
436
|
<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"/>
|
|
437
437
|
</g>
|
|
438
438
|
</svg>
|
|
439
|
-
<span>
|
|
439
|
+
<span>16</span>
|
|
440
440
|
</span>
|
|
441
441
|
|
|
442
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
443
|
-
<span
|
|
442
|
+
<a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
|
|
443
|
+
<span>XboxYan</span>
|
|
444
444
|
</a>
|
|
445
445
|
</div>
|
|
446
446
|
<div class="details">
|
|
447
|
-
|
|
447
|
+
欢迎关注我的公众号:前端侦探今天真是太热了,不信你看标题今҈天҈真҈是҈热҈化҈了҈!也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么,这是如何实现的呢?CSS 可以实现类似的效果吗?一起看看吧...
|
|
448
448
|
</div>
|
|
449
449
|
</div>
|
|
450
450
|
</li>
|
|
@@ -492,7 +492,7 @@
|
|
|
492
492
|
<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"/>
|
|
493
493
|
</g>
|
|
494
494
|
</svg>
|
|
495
|
-
<span>
|
|
495
|
+
<span>17</span>
|
|
496
496
|
</span>
|
|
497
497
|
|
|
498
498
|
<a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
|
|
@@ -509,7 +509,7 @@
|
|
|
509
509
|
<div class="info">
|
|
510
510
|
<div class="rank">
|
|
511
511
|
<span title="Ranking 14">14</span>
|
|
512
|
-
<a href="https://segmentfault.com/a/
|
|
512
|
+
<a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的?">一个简洁、强大、可扩展的前端项目架构是什么样的?</a>
|
|
513
513
|
</div>
|
|
514
514
|
<div class="sub-title followers">
|
|
515
515
|
|
|
@@ -520,15 +520,15 @@
|
|
|
520
520
|
<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"/>
|
|
521
521
|
</g>
|
|
522
522
|
</svg>
|
|
523
|
-
<span>
|
|
523
|
+
<span>14</span>
|
|
524
524
|
</span>
|
|
525
525
|
|
|
526
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
527
|
-
<span
|
|
526
|
+
<a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
|
|
527
|
+
<span>卡颂</span>
|
|
528
528
|
</a>
|
|
529
529
|
</div>
|
|
530
530
|
<div class="details">
|
|
531
|
-
|
|
531
|
+
大家好,我卡颂。React技术栈的一大优势在于 —— 社区繁荣,你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能,有太多选择,到底选哪个?本文要介绍一个12.7k的开源项...
|
|
532
532
|
</div>
|
|
533
533
|
</div>
|
|
534
534
|
</li>
|
|
@@ -537,7 +537,7 @@
|
|
|
537
537
|
<div class="info">
|
|
538
538
|
<div class="rank">
|
|
539
539
|
<span title="Ranking 15">15</span>
|
|
540
|
-
<a href="https://segmentfault.com/a/
|
|
540
|
+
<a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起,ONES 团队版50人以下免费">即日起,ONES 团队版50人以下免费</a>
|
|
541
541
|
</div>
|
|
542
542
|
<div class="sub-title followers">
|
|
543
543
|
|
|
@@ -548,15 +548,15 @@
|
|
|
548
548
|
<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"/>
|
|
549
549
|
</g>
|
|
550
550
|
</svg>
|
|
551
|
-
<span>
|
|
551
|
+
<span>10</span>
|
|
552
552
|
</span>
|
|
553
553
|
|
|
554
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
555
|
-
<span
|
|
554
|
+
<a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
|
|
555
|
+
<span>万事ONES</span>
|
|
556
556
|
</a>
|
|
557
557
|
</div>
|
|
558
558
|
<div class="details">
|
|
559
|
-
|
|
559
|
+
ONES 从2015年创立伊始至今,一直坚持服务付费客户。作为一款专业的商业软件,ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上,他们对 ONES 提出了非常严...
|
|
560
560
|
</div>
|
|
561
561
|
</div>
|
|
562
562
|
</li>
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
<div class="info">
|
|
566
566
|
<div class="rank">
|
|
567
567
|
<span title="Ranking 16">16</span>
|
|
568
|
-
<a href="https://segmentfault.com/a/
|
|
568
|
+
<a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle,进行基于 webpack 的 JS 转译">Wuzzle,进行基于 webpack 的 JS 转译</a>
|
|
569
569
|
</div>
|
|
570
570
|
<div class="sub-title followers">
|
|
571
571
|
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
</a>
|
|
585
585
|
</div>
|
|
586
586
|
<div class="details">
|
|
587
|
-
|
|
587
|
+
转译器(transpiler)是指能够进行文件到文件一对一转换的编译器(compiler)。在 JS 世界中,常见的开箱即可用的转译器有 typescript cli、babel cli 等,但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
|
|
588
588
|
</div>
|
|
589
589
|
</div>
|
|
590
590
|
</li>
|
|
@@ -593,7 +593,7 @@
|
|
|
593
593
|
<div class="info">
|
|
594
594
|
<div class="rank">
|
|
595
595
|
<span title="Ranking 17">17</span>
|
|
596
|
-
<a href="https://segmentfault.com/a/
|
|
596
|
+
<a href="https://segmentfault.com/a/1190000042183733" target="_blank" title="【分享】从Mybatis源码中,学习到的10种设计模式">【分享】从Mybatis源码中,学习到的10种设计模式</a>
|
|
597
597
|
</div>
|
|
598
598
|
<div class="sub-title followers">
|
|
599
599
|
|
|
@@ -604,15 +604,15 @@
|
|
|
604
604
|
<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"/>
|
|
605
605
|
</g>
|
|
606
606
|
</svg>
|
|
607
|
-
<span>
|
|
607
|
+
<span>12</span>
|
|
608
608
|
</span>
|
|
609
609
|
|
|
610
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
611
|
-
<span
|
|
610
|
+
<a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
|
|
611
|
+
<span>小傅哥</span>
|
|
612
612
|
</a>
|
|
613
613
|
</div>
|
|
614
614
|
<div class="details">
|
|
615
|
-
|
|
615
|
+
你说的没错,但你天天写CRUD,你觉得 烦不? 慌不? 是不是既担心自己没有得到技术成长,也害怕将来没法用这些都是CRUD的项目去参加;述职、晋升、答辩,甚至可能要被迫面试时,自己手里一点干货也没有的情况。
|
|
616
616
|
</div>
|
|
617
617
|
</div>
|
|
618
618
|
</li>
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
<div class="info">
|
|
650
650
|
<div class="rank">
|
|
651
651
|
<span title="Ranking 19">19</span>
|
|
652
|
-
<a href="https://segmentfault.com/a/
|
|
652
|
+
<a href="https://segmentfault.com/a/1190000042244854" target="_blank" title="Wuzzle,不 eject 也能定制 create-react-app 创建的 React 应用">Wuzzle,不 eject 也能定制 create-react-app 创建的 React 应用</a>
|
|
653
653
|
</div>
|
|
654
654
|
<div class="sub-title followers">
|
|
655
655
|
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
</a>
|
|
669
669
|
</div>
|
|
670
670
|
<div class="details">
|
|
671
|
-
|
|
671
|
+
作为 React 官方维护的命令行工具,create-react-app(简称 CRA)能够极其轻松地创建配置完备的 React 应用,帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制,只能 e...
|
|
672
672
|
</div>
|
|
673
673
|
</div>
|
|
674
674
|
</li>
|
|
@@ -677,7 +677,7 @@
|
|
|
677
677
|
<div class="info">
|
|
678
678
|
<div class="rank">
|
|
679
679
|
<span title="Ranking 20">20</span>
|
|
680
|
-
<a href="https://segmentfault.com/a/
|
|
680
|
+
<a href="https://segmentfault.com/a/1190000042182354" target="_blank" title="如何提出一个高质量的问题?">如何提出一个高质量的问题?</a>
|
|
681
681
|
</div>
|
|
682
682
|
<div class="sub-title followers">
|
|
683
683
|
|
|
@@ -691,12 +691,12 @@
|
|
|
691
691
|
<span>11</span>
|
|
692
692
|
</span>
|
|
693
693
|
|
|
694
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
695
|
-
<span
|
|
694
|
+
<a target="_blank" href="https://segmentfault.com/u/weiyi_5b04fb4aa815a" title="Programming Language">
|
|
695
|
+
<span>唯一丶</span>
|
|
696
696
|
</a>
|
|
697
697
|
</div>
|
|
698
698
|
<div class="details">
|
|
699
|
-
|
|
699
|
+
看到标题的一瞬间,你或许在想 “什么样的问题算是好问题?”,在思否,每天或多或少都有十几个(休息日除外)新的问题被提出来,而这里面充斥着不少的 “质量” 问题。
|
|
700
700
|
</div>
|
|
701
701
|
</div>
|
|
702
702
|
</li>
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
<div class="info">
|
|
706
706
|
<div class="rank">
|
|
707
707
|
<span title="Ranking 21">21</span>
|
|
708
|
-
<a href="https://segmentfault.com/a/
|
|
708
|
+
<a href="https://segmentfault.com/a/1190000042194426" target="_blank" title="搭建前端监控,采集用户行为的 N 种姿势">搭建前端监控,采集用户行为的 N 种姿势</a>
|
|
709
709
|
</div>
|
|
710
710
|
<div class="sub-title followers">
|
|
711
711
|
|
|
@@ -716,15 +716,15 @@
|
|
|
716
716
|
<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"/>
|
|
717
717
|
</g>
|
|
718
718
|
</svg>
|
|
719
|
-
<span>
|
|
719
|
+
<span>11</span>
|
|
720
720
|
</span>
|
|
721
721
|
|
|
722
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
723
|
-
<span
|
|
722
|
+
<a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
|
|
723
|
+
<span>杨成功</span>
|
|
724
724
|
</a>
|
|
725
725
|
</div>
|
|
726
726
|
<div class="details">
|
|
727
|
-
|
|
727
|
+
上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况,发现问题及时修复。在很多场景下,除了异常监控有用,收集用户的行为数据同样有意义。
|
|
728
728
|
</div>
|
|
729
729
|
</div>
|
|
730
730
|
</li>
|
|
@@ -744,7 +744,7 @@
|
|
|
744
744
|
<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"/>
|
|
745
745
|
</g>
|
|
746
746
|
</svg>
|
|
747
|
-
<span>
|
|
747
|
+
<span>15</span>
|
|
748
748
|
</span>
|
|
749
749
|
|
|
750
750
|
<a target="_blank" href="https://segmentfault.com/u/jackysummer" title="Programming Language">
|
|
@@ -761,7 +761,7 @@
|
|
|
761
761
|
<div class="info">
|
|
762
762
|
<div class="rank">
|
|
763
763
|
<span title="Ranking 23">23</span>
|
|
764
|
-
<a href="https://segmentfault.com/a/
|
|
764
|
+
<a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结"对象"的原理于局限性">详聊immer.js高效复制与冻结"对象"的原理于局限性</a>
|
|
765
765
|
</div>
|
|
766
766
|
<div class="sub-title followers">
|
|
767
767
|
|
|
@@ -775,12 +775,12 @@
|
|
|
775
775
|
<span>9</span>
|
|
776
776
|
</span>
|
|
777
777
|
|
|
778
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
779
|
-
<span>
|
|
778
|
+
<a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
|
|
779
|
+
<span>lulu_up</span>
|
|
780
780
|
</a>
|
|
781
781
|
</div>
|
|
782
782
|
<div class="details">
|
|
783
|
-
|
|
783
|
+
immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
|
|
784
784
|
</div>
|
|
785
785
|
</div>
|
|
786
786
|
</li>
|
|
@@ -789,7 +789,7 @@
|
|
|
789
789
|
<div class="info">
|
|
790
790
|
<div class="rank">
|
|
791
791
|
<span title="Ranking 24">24</span>
|
|
792
|
-
<a href="https://segmentfault.com/a/
|
|
792
|
+
<a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
|
|
793
793
|
</div>
|
|
794
794
|
<div class="sub-title followers">
|
|
795
795
|
|
|
@@ -800,15 +800,15 @@
|
|
|
800
800
|
<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"/>
|
|
801
801
|
</g>
|
|
802
802
|
</svg>
|
|
803
|
-
<span>
|
|
803
|
+
<span>10</span>
|
|
804
804
|
</span>
|
|
805
805
|
|
|
806
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
807
|
-
<span>
|
|
806
|
+
<a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
|
|
807
|
+
<span>xiangzhihong</span>
|
|
808
808
|
</a>
|
|
809
809
|
</div>
|
|
810
810
|
<div class="details">
|
|
811
|
-
|
|
811
|
+
在 React 16 之前,VirtualDOM 的更新采用的是Stack架构实现的,也就是循环递归方式。不过,这种对比方式有明显的缺陷,就是一旦任务开始进行就无法中断,如果遇到应用中组件数量比较庞大,那么VirtualDOM 的层级...
|
|
812
812
|
</div>
|
|
813
813
|
</div>
|
|
814
814
|
</li>
|
|
@@ -817,7 +817,7 @@
|
|
|
817
817
|
<div class="info">
|
|
818
818
|
<div class="rank">
|
|
819
819
|
<span title="Ranking 25">25</span>
|
|
820
|
-
<a href="https://segmentfault.com/a/
|
|
820
|
+
<a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
|
|
821
821
|
</div>
|
|
822
822
|
<div class="sub-title followers">
|
|
823
823
|
|
|
@@ -828,15 +828,15 @@
|
|
|
828
828
|
<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"/>
|
|
829
829
|
</g>
|
|
830
830
|
</svg>
|
|
831
|
-
<span>
|
|
831
|
+
<span>7</span>
|
|
832
832
|
</span>
|
|
833
833
|
|
|
834
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
835
|
-
<span
|
|
834
|
+
<a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
|
|
835
|
+
<span>谭光志</span>
|
|
836
836
|
</a>
|
|
837
837
|
</div>
|
|
838
838
|
<div class="details">
|
|
839
|
-
|
|
839
|
+
由于一直在使用 markdown 编辑器写技术文章,所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好,有些做得马马虎虎。出于好奇,我就打算自己亲自实现一下这个功能。
|
|
840
840
|
</div>
|
|
841
841
|
</div>
|
|
842
842
|
</li>
|
|
@@ -845,7 +845,7 @@
|
|
|
845
845
|
<div class="info">
|
|
846
846
|
<div class="rank">
|
|
847
847
|
<span title="Ranking 26">26</span>
|
|
848
|
-
<a href="https://segmentfault.com/a/
|
|
848
|
+
<a href="https://segmentfault.com/a/1190000042216817" target="_blank" title="使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐">使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐</a>
|
|
849
849
|
</div>
|
|
850
850
|
<div class="sub-title followers">
|
|
851
851
|
|
|
@@ -856,15 +856,15 @@
|
|
|
856
856
|
<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"/>
|
|
857
857
|
</g>
|
|
858
858
|
</svg>
|
|
859
|
-
<span>
|
|
859
|
+
<span>6</span>
|
|
860
860
|
</span>
|
|
861
861
|
|
|
862
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
863
|
-
<span
|
|
862
|
+
<a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
|
|
863
|
+
<span>dragonir</span>
|
|
864
864
|
</a>
|
|
865
865
|
</div>
|
|
866
866
|
<div class="details">
|
|
867
|
-
|
|
867
|
+
近期工作有涉及到数字大屏的需求,于是利用业余时间,结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈,本文涉及到的主...
|
|
868
868
|
</div>
|
|
869
869
|
</div>
|
|
870
870
|
</li>
|
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
<div class="info">
|
|
874
874
|
<div class="rank">
|
|
875
875
|
<span title="Ranking 27">27</span>
|
|
876
|
-
<a href="https://segmentfault.com/a/
|
|
876
|
+
<a href="https://segmentfault.com/a/1190000042204295" target="_blank" title="通向架子工的前端开发利器推荐">通向架子工的前端开发利器推荐</a>
|
|
877
877
|
</div>
|
|
878
878
|
<div class="sub-title followers">
|
|
879
879
|
|
|
@@ -884,15 +884,15 @@
|
|
|
884
884
|
<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"/>
|
|
885
885
|
</g>
|
|
886
886
|
</svg>
|
|
887
|
-
<span>
|
|
887
|
+
<span>9</span>
|
|
888
888
|
</span>
|
|
889
889
|
|
|
890
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
891
|
-
<span
|
|
890
|
+
<a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
|
|
891
|
+
<span>shanyue</span>
|
|
892
892
|
</a>
|
|
893
893
|
</div>
|
|
894
894
|
<div class="details">
|
|
895
|
-
|
|
895
|
+
01:thunderclient: VSCode 中的 postmanVSCode 的一个插件,在 VSCode 中管理请求资源,如同 postman 一样。它支持与 postman 兼容的格式,可导出为 postman Collection。02:Apifox, 团队 API 管理利器Apifox,...
|
|
896
896
|
</div>
|
|
897
897
|
</div>
|
|
898
898
|
</li>
|
|
@@ -901,7 +901,7 @@
|
|
|
901
901
|
<div class="info">
|
|
902
902
|
<div class="rank">
|
|
903
903
|
<span title="Ranking 28">28</span>
|
|
904
|
-
<a href="https://segmentfault.com/a/
|
|
904
|
+
<a href="https://segmentfault.com/a/1190000042192378" target="_blank" title="我有 7种 实现web实时消息推送的方案,7种!">我有 7种 实现web实时消息推送的方案,7种!</a>
|
|
905
905
|
</div>
|
|
906
906
|
<div class="sub-title followers">
|
|
907
907
|
|
|
@@ -912,15 +912,15 @@
|
|
|
912
912
|
<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"/>
|
|
913
913
|
</g>
|
|
914
914
|
</svg>
|
|
915
|
-
<span>
|
|
915
|
+
<span>14</span>
|
|
916
916
|
</span>
|
|
917
917
|
|
|
918
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
919
|
-
<span
|
|
918
|
+
<a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
|
|
919
|
+
<span>程序员小富</span>
|
|
920
920
|
</a>
|
|
921
921
|
</div>
|
|
922
922
|
<div class="details">
|
|
923
|
-
|
|
923
|
+
技术交流,公众号:程序员小富大家好,我是小富~我有一个朋友~做了一个小破站,现在要实现一个站内信web消息推送的功能,对,就是下图这个小红点,一个很常用的功能。不过他还没想好用什么方式做,这里我帮他整...
|
|
924
924
|
</div>
|
|
925
925
|
</div>
|
|
926
926
|
</li>
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
<div class="info">
|
|
930
930
|
<div class="rank">
|
|
931
931
|
<span title="Ranking 29">29</span>
|
|
932
|
-
<a href="https://segmentfault.com/a/
|
|
932
|
+
<a href="https://segmentfault.com/a/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨,试试这个!">你的 Tap bar 不够花里胡哨,试试这个!</a>
|
|
933
933
|
</div>
|
|
934
934
|
<div class="sub-title followers">
|
|
935
935
|
|
|
@@ -940,15 +940,15 @@
|
|
|
940
940
|
<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"/>
|
|
941
941
|
</g>
|
|
942
942
|
</svg>
|
|
943
|
-
<span>
|
|
943
|
+
<span>8</span>
|
|
944
944
|
</span>
|
|
945
945
|
|
|
946
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
947
|
-
<span
|
|
946
|
+
<a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
|
|
947
|
+
<span>前端小智</span>
|
|
948
948
|
</a>
|
|
949
949
|
</div>
|
|
950
950
|
<div class="details">
|
|
951
|
-
|
|
951
|
+
有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
|
|
952
952
|
</div>
|
|
953
953
|
</div>
|
|
954
954
|
</li>
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
<div class="info">
|
|
958
958
|
<div class="rank">
|
|
959
959
|
<span title="Ranking 30">30</span>
|
|
960
|
-
<a href="https://segmentfault.com/a/
|
|
960
|
+
<a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
|
|
961
961
|
</div>
|
|
962
962
|
<div class="sub-title followers">
|
|
963
963
|
|
|
@@ -968,15 +968,15 @@
|
|
|
968
968
|
<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"/>
|
|
969
969
|
</g>
|
|
970
970
|
</svg>
|
|
971
|
-
<span>
|
|
971
|
+
<span>5</span>
|
|
972
972
|
</span>
|
|
973
973
|
|
|
974
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
975
|
-
<span
|
|
974
|
+
<a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
|
|
975
|
+
<span>葡萄城技术团队</span>
|
|
976
976
|
</a>
|
|
977
977
|
</div>
|
|
978
978
|
<div class="details">
|
|
979
|
-
|
|
979
|
+
如果要从头开始使用 React 构建一个完整的 Web 应用程序,需要哪些步骤?这当然不像把大象装进冰箱那么简单,只需要分成三步:打开冰箱,拿起大象,塞进冰箱就好。
|
|
980
980
|
</div>
|
|
981
981
|
</div>
|
|
982
982
|
</li>
|
|
@@ -997,7 +997,7 @@
|
|
|
997
997
|
<img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
|
|
998
998
|
</a>
|
|
999
999
|
</div>
|
|
1000
|
-
<div class="time">Last cache created on 2022/8/
|
|
1000
|
+
<div class="time">Last cache created on 2022/8/17 by Github API v3.</div>
|
|
1001
1001
|
Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
|
|
1002
1002
|
</div>
|
|
1003
1003
|
</body>
|