@wcj/github-rank 22.8.3 → 22.8.4
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 +21301 -21296
- package/dist/sifou-daily.json +62 -26
- package/dist/sifou-monthly.json +60 -60
- package/dist/sifou-weekly.json +122 -122
- package/dist/toutiao-30.json +34 -34
- package/dist/toutiao-7.json +89 -89
- package/dist/toutiao-90.json +2 -2
- package/dist/trending-daily.json +171 -171
- package/dist/trending-monthly.json +141 -141
- package/dist/trending-weekly.json +147 -147
- package/dist/users.china.json +1169 -1169
- package/dist/users.json +2575 -2576
- package/package.json +1 -1
- package/web/data/repos.json +21301 -21296
- package/web/data/sifou-daily.json +62 -26
- package/web/data/sifou-monthly.json +60 -60
- package/web/data/sifou-weekly.json +122 -122
- package/web/data/toutiao-30.json +34 -34
- package/web/data/toutiao-7.json +89 -89
- package/web/data/toutiao-90.json +2 -2
- package/web/data/trending-daily.json +171 -171
- package/web/data/trending-monthly.json +141 -141
- package/web/data/trending-weekly.json +147 -147
- package/web/data/users.china.json +1169 -1169
- package/web/data/users.json +2575 -2576
- package/web/index.html +1324 -1324
- package/web/repos.html +2714 -2714
- package/web/sifou-daily.html +135 -23
- package/web/sifou-monthly.html +99 -99
- package/web/sifou-weekly.html +133 -133
- package/web/toutiao-30.html +66 -66
- package/web/toutiao-7.html +84 -84
- package/web/toutiao-90.html +4 -4
- package/web/trending-monthly.html +126 -126
- package/web/trending-weekly.html +131 -127
- package/web/trending.html +152 -144
- package/web/users.china.html +593 -593
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/4 by
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
|
|
@@ -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/1190000042094549" 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>20</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/xboxyan" title="Programming Language">
|
|
247
|
+
<span>XboxYan</span>
|
|
248
248
|
</a>
|
|
249
249
|
</div>
|
|
250
250
|
<div class="details">
|
|
251
|
-
|
|
251
|
+
欢迎关注微信公众号: 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果,通常在一些活动开场中比较常见,分析一下整个动画过程,不难发现,有以下几类动画数字的变化缩小和放大透...
|
|
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/1190000042184211" target="_blank" title="超酷炫的转场动画?CSS 轻松拿下!">超酷炫的转场动画?CSS 轻松拿下!</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>18</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/chokcoco" title="Programming Language">
|
|
275
|
+
<span>chokcoco</span>
|
|
276
276
|
</a>
|
|
277
277
|
</div>
|
|
278
278
|
<div class="details">
|
|
279
|
-
|
|
279
|
+
在 WeGame 的 PC 端官网首页,有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受。转场动画 1:转场动画 2:是不是挺有意思的,整个动画的衔接是基于滚轮的滚...
|
|
280
280
|
</div>
|
|
281
281
|
</div>
|
|
282
282
|
</li>
|
|
@@ -285,7 +285,7 @@
|
|
|
285
285
|
<div class="info">
|
|
286
286
|
<div class="rank">
|
|
287
287
|
<span title="Ranking 6">6</span>
|
|
288
|
-
<a href="https://segmentfault.com/a/
|
|
288
|
+
<a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧!基于单张图片的任意颜色转换">高阶切图技巧!基于单张图片的任意颜色转换</a>
|
|
289
289
|
</div>
|
|
290
290
|
<div class="sub-title followers">
|
|
291
291
|
|
|
@@ -296,15 +296,15 @@
|
|
|
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>13</span>
|
|
300
300
|
</span>
|
|
301
301
|
|
|
302
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
303
|
-
<span>
|
|
302
|
+
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
303
|
+
<span>chokcoco</span>
|
|
304
304
|
</a>
|
|
305
305
|
</div>
|
|
306
306
|
<div class="details">
|
|
307
|
-
|
|
307
|
+
今天,要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它,我们可以通过一张 图片,得到关于它的各种变换,甚至乎,得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的,某...
|
|
308
308
|
</div>
|
|
309
309
|
</div>
|
|
310
310
|
</li>
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
<div class="info">
|
|
314
314
|
<div class="rank">
|
|
315
315
|
<span title="Ranking 7">7</span>
|
|
316
|
-
<a href="https://segmentfault.com/a/
|
|
316
|
+
<a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
|
|
317
317
|
</div>
|
|
318
318
|
<div class="sub-title followers">
|
|
319
319
|
|
|
@@ -324,15 +324,15 @@
|
|
|
324
324
|
<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"/>
|
|
325
325
|
</g>
|
|
326
326
|
</svg>
|
|
327
|
-
<span>
|
|
327
|
+
<span>17</span>
|
|
328
328
|
</span>
|
|
329
329
|
|
|
330
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
331
|
-
<span>
|
|
330
|
+
<a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
|
|
331
|
+
<span>XboxYan</span>
|
|
332
332
|
</a>
|
|
333
333
|
</div>
|
|
334
334
|
<div class="details">
|
|
335
|
-
|
|
335
|
+
欢迎关注微信公众号:前端侦探介绍一个和深色模式相关的CSS属性:color-scheme一、什么是 color-scheme?color-scheme顾名思义,即为“配色方案”,在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
|
|
336
336
|
</div>
|
|
337
337
|
</div>
|
|
338
338
|
</li>
|
|
@@ -341,7 +341,7 @@
|
|
|
341
341
|
<div class="info">
|
|
342
342
|
<div class="rank">
|
|
343
343
|
<span title="Ranking 8">8</span>
|
|
344
|
-
<a href="https://segmentfault.com/a/
|
|
344
|
+
<a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
|
|
345
345
|
</div>
|
|
346
346
|
<div class="sub-title followers">
|
|
347
347
|
|
|
@@ -352,15 +352,15 @@
|
|
|
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>12</span>
|
|
356
356
|
</span>
|
|
357
357
|
|
|
358
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
359
|
-
<span
|
|
358
|
+
<a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
|
|
359
|
+
<span>chokcoco</span>
|
|
360
360
|
</a>
|
|
361
361
|
</div>
|
|
362
362
|
<div class="details">
|
|
363
|
-
|
|
363
|
+
在平时,我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先,假设我们实现一个 10x10 的格子:此时,我们可以利用一些随机效果,优化这个图案。譬如,我们给它随机添加不同的颜色:...
|
|
364
364
|
</div>
|
|
365
365
|
</div>
|
|
366
366
|
</li>
|
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
<div class="info">
|
|
370
370
|
<div class="rank">
|
|
371
371
|
<span title="Ranking 9">9</span>
|
|
372
|
-
<a href="https://segmentfault.com/a/
|
|
372
|
+
<a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
|
|
373
373
|
</div>
|
|
374
374
|
<div class="sub-title followers">
|
|
375
375
|
|
|
@@ -380,15 +380,15 @@
|
|
|
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>14</span>
|
|
384
384
|
</span>
|
|
385
385
|
|
|
386
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
387
|
-
<span
|
|
386
|
+
<a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
|
|
387
|
+
<span>南城大前端</span>
|
|
388
388
|
</a>
|
|
389
389
|
</div>
|
|
390
390
|
<div class="details">
|
|
391
|
-
|
|
391
|
+
日常开发过程中,会遇到不少按钮鼠标悬停的效果,实现这类悬停效果的方式有很多,借助伪元素,CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果,当我们遇到一个问题时,你的脑海中的方案不止...
|
|
392
392
|
</div>
|
|
393
393
|
</div>
|
|
394
394
|
</li>
|
|
@@ -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/1190000042251637" target="_blank" title="提升web输入体验!JS 如何自动配对标点符号?">提升web输入体验!JS 如何自动配对标点符号?</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>11</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/xboxyan" title="Programming Language">
|
|
415
|
+
<span>XboxYan</span>
|
|
416
416
|
</a>
|
|
417
417
|
</div>
|
|
418
418
|
<div class="details">
|
|
419
|
-
|
|
419
|
+
欢迎关注微信公众号前端侦探温馨提示:在阅读本文之前,可以先回顾这篇文章:Web 中的“选区”和“光标”,有很多你可能不太知道的原生 API,以下内容是对该内容的实践运用在写作编辑中,有很多需要成对出现的标点符...
|
|
420
420
|
</div>
|
|
421
421
|
</div>
|
|
422
422
|
</li>
|
|
@@ -436,7 +436,7 @@
|
|
|
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>12</span>
|
|
440
440
|
</span>
|
|
441
441
|
|
|
442
442
|
<a target="_blank" href="https://segmentfault.com/u/fenbox" title="Programming Language">
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
<div class="info">
|
|
454
454
|
<div class="rank">
|
|
455
455
|
<span title="Ranking 12">12</span>
|
|
456
|
-
<a href="https://segmentfault.com/a/
|
|
456
|
+
<a href="https://segmentfault.com/a/1190000042217446" target="_blank" title="今҈天҈真҈是҈热҈化҈了҈!">今҈天҈真҈是҈热҈化҈了҈!</a>
|
|
457
457
|
</div>
|
|
458
458
|
<div class="sub-title followers">
|
|
459
459
|
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
<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"/>
|
|
465
465
|
</g>
|
|
466
466
|
</svg>
|
|
467
|
-
<span>
|
|
467
|
+
<span>13</span>
|
|
468
468
|
</span>
|
|
469
469
|
|
|
470
470
|
<a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
</a>
|
|
473
473
|
</div>
|
|
474
474
|
<div class="details">
|
|
475
|
-
|
|
475
|
+
欢迎关注我的公众号:前端侦探今天真是太热了,不信你看标题今҈天҈真҈是҈热҈化҈了҈!也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么,这是如何实现的呢?CSS 可以实现类似的效果吗?一起看看吧...
|
|
476
476
|
</div>
|
|
477
477
|
</div>
|
|
478
478
|
</li>
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
<div class="info">
|
|
482
482
|
<div class="rank">
|
|
483
483
|
<span title="Ranking 13">13</span>
|
|
484
|
-
<a href="https://segmentfault.com/a/
|
|
484
|
+
<a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
|
|
485
485
|
</div>
|
|
486
486
|
<div class="sub-title followers">
|
|
487
487
|
|
|
@@ -492,15 +492,15 @@
|
|
|
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>9</span>
|
|
496
496
|
</span>
|
|
497
497
|
|
|
498
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
499
|
-
<span>
|
|
498
|
+
<a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
|
|
499
|
+
<span>IT小马</span>
|
|
500
500
|
</a>
|
|
501
501
|
</div>
|
|
502
502
|
<div class="details">
|
|
503
|
-
|
|
503
|
+
替换原则(the Liskov Substitution Principle LSP) :子类应当可以替换父类并出现在父类能够出现的任何地方。
|
|
504
504
|
</div>
|
|
505
505
|
</div>
|
|
506
506
|
</li>
|
|
@@ -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/1190000042194285" 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>10</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/pingan8787" title="Programming Language">
|
|
527
|
+
<span>pingan8787</span>
|
|
528
528
|
</a>
|
|
529
529
|
</div>
|
|
530
530
|
<div class="details">
|
|
531
|
-
|
|
531
|
+
本文会主要分享自己对低代码平台的理解,从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计,包括控件模型、组件模型、画布模型等等。希望看完本文,你能知道:
|
|
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/1190000042093955" target="_blank" title="webpack 拆包:关于 splitChunks 的几个重点属性解析">webpack 拆包:关于 splitChunks 的几个重点属性解析</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>7</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/deepfunc" title="Programming Language">
|
|
555
|
+
<span>deepfunc</span>
|
|
556
556
|
</a>
|
|
557
557
|
</div>
|
|
558
558
|
<div class="details">
|
|
559
|
-
|
|
559
|
+
先来举个简单的栗子,wepack 设置中有 3 个入口文件:a.js、b.js 和 c.js,每个入口文件都同步 import 了 m1.js,不设置 splitChunks,配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容,打包输出是这...
|
|
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/1190000042195199" target="_blank" title="一步步带你搞懂虚拟 DOM 的工作原理">一步步带你搞懂虚拟 DOM 的工作原理</a>
|
|
569
569
|
</div>
|
|
570
570
|
<div class="sub-title followers">
|
|
571
571
|
|
|
@@ -576,7 +576,7 @@
|
|
|
576
576
|
<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"/>
|
|
577
577
|
</g>
|
|
578
578
|
</svg>
|
|
579
|
-
<span>
|
|
579
|
+
<span>14</span>
|
|
580
580
|
</span>
|
|
581
581
|
|
|
582
582
|
<a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
</a>
|
|
585
585
|
</div>
|
|
586
586
|
<div class="details">
|
|
587
|
-
|
|
587
|
+
React 和 Vue 中都有虚拟 DOM 的概念,我们应该如何理解和掌握虚拟 DOM 的精髓呢?我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库,推荐的原因一是代码比较少,核心代码只有几百行;二是 Vue...
|
|
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/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的?">一个简洁、强大、可扩展的前端项目架构是什么样的?</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>11</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/kasong" title="Programming Language">
|
|
611
|
+
<span>卡颂</span>
|
|
612
612
|
</a>
|
|
613
613
|
</div>
|
|
614
614
|
<div class="details">
|
|
615
|
-
React
|
|
615
|
+
大家好,我卡颂。React技术栈的一大优势在于 —— 社区繁荣,你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能,有太多选择,到底选哪个?本文要介绍一个12.7k的开源项...
|
|
616
616
|
</div>
|
|
617
617
|
</div>
|
|
618
618
|
</li>
|
|
@@ -621,7 +621,7 @@
|
|
|
621
621
|
<div class="info">
|
|
622
622
|
<div class="rank">
|
|
623
623
|
<span title="Ranking 18">18</span>
|
|
624
|
-
<a href="https://segmentfault.com/a/
|
|
624
|
+
<a href="https://segmentfault.com/a/1190000042092852" target="_blank" title="面试官:主说 Git Rebase 和 Git Merge 差异">面试官:主说 Git Rebase 和 Git Merge 差异</a>
|
|
625
625
|
</div>
|
|
626
626
|
<div class="sub-title followers">
|
|
627
627
|
|
|
@@ -632,15 +632,15 @@
|
|
|
632
632
|
<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"/>
|
|
633
633
|
</g>
|
|
634
634
|
</svg>
|
|
635
|
-
<span>
|
|
635
|
+
<span>10</span>
|
|
636
636
|
</span>
|
|
637
637
|
|
|
638
|
-
<a target="_blank" href="https://segmentfault.com/u/
|
|
639
|
-
<span
|
|
638
|
+
<a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
|
|
639
|
+
<span>前端小智</span>
|
|
640
640
|
</a>
|
|
641
641
|
</div>
|
|
642
642
|
<div class="details">
|
|
643
|
-
|
|
643
|
+
有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
|
|
644
644
|
</div>
|
|
645
645
|
</div>
|
|
646
646
|
</li>
|
|
@@ -716,7 +716,7 @@
|
|
|
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
722
|
<a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
|
|
@@ -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/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</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>13</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/jackysummer" title="Programming Language">
|
|
807
|
+
<span>JackySummer</span>
|
|
808
808
|
</a>
|
|
809
809
|
</div>
|
|
810
810
|
<div class="details">
|
|
811
|
-
|
|
811
|
+
前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...
|
|
812
812
|
</div>
|
|
813
813
|
</div>
|
|
814
814
|
</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/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理(上)">Nginx 实战核心知识点整理(上)</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>8</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/rhythm_2019" title="Programming Language">
|
|
863
|
+
<span>Rhythm_2019</span>
|
|
864
864
|
</a>
|
|
865
865
|
</div>
|
|
866
866
|
<div class="details">
|
|
867
|
-
|
|
867
|
+
Nginx 作为一款高性能的代理软件,在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频,老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
|
|
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
|
|
|
@@ -887,12 +887,12 @@
|
|
|
887
887
|
<span>8</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/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</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>5</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/nulidexiaocongmang" title="Programming Language">
|
|
919
|
+
<span>MangoGoing</span>
|
|
920
920
|
</a>
|
|
921
921
|
</div>
|
|
922
922
|
<div class="details">
|
|
923
|
-
|
|
923
|
+
常用命令启动: {代码...} 立即停止: {代码...} 优雅停止: {代码...} 重启 {代码...} 查看配置文件是否正常,无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下,一个 upstrea...
|
|
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/1190000042190466" target="_blank" title="合理使用线程池以及线程变量">合理使用线程池以及线程变量</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>6</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/alibabataoxijishu" title="Programming Language">
|
|
947
|
+
<span>大淘宝技术</span>
|
|
948
948
|
</a>
|
|
949
949
|
</div>
|
|
950
950
|
<div class="details">
|
|
951
|
-
|
|
951
|
+
随着计算技术的不断发展,3纳米制程芯片已进入试产阶段,摩尔定律在现有工艺下逐渐面临巨大的物理瓶颈,通过多核处理器技术来提升服务器的性能成为提升算力的主要方向。
|
|
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/1190000042196411" target="_blank" title="从原生 JavaScript 到 React">从原生 JavaScript 到 React</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>7</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/yujiaao" title="Programming Language">
|
|
975
|
+
<span>Yujiaao</span>
|
|
976
976
|
</a>
|
|
977
977
|
</div>
|
|
978
978
|
<div class="details">
|
|
979
|
-
|
|
979
|
+
React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API,即 DOM,所以新手可能想知道 React 带来了什么以及它与 D...
|
|
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/4 by Github API v3.</div>
|
|
1001
1001
|
Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
|
|
1002
1002
|
</div>
|
|
1003
1003
|
</body>
|