@wcj/github-rank 22.8.16 → 22.8.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +36253 -36248
  2. package/dist/sifou-daily.json +39 -57
  3. package/dist/sifou-monthly.json +82 -82
  4. package/dist/sifou-weekly.json +161 -161
  5. package/dist/toutiao-30.json +87 -87
  6. package/dist/toutiao-7.json +134 -134
  7. package/dist/toutiao-90.json +69 -69
  8. package/dist/trending-daily.json +168 -168
  9. package/dist/trending-monthly.json +149 -149
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +2872 -2872
  12. package/dist/users.json +3776 -3775
  13. package/package.json +1 -1
  14. package/web/data/repos.json +36253 -36248
  15. package/web/data/sifou-daily.json +39 -57
  16. package/web/data/sifou-monthly.json +82 -82
  17. package/web/data/sifou-weekly.json +161 -161
  18. package/web/data/toutiao-30.json +87 -87
  19. package/web/data/toutiao-7.json +134 -134
  20. package/web/data/toutiao-90.json +69 -69
  21. package/web/data/trending-daily.json +168 -168
  22. package/web/data/trending-monthly.json +149 -149
  23. package/web/data/trending-weekly.json +169 -169
  24. package/web/data/users.china.json +2872 -2872
  25. package/web/data/users.json +3776 -3775
  26. package/web/index.html +2000 -2000
  27. package/web/repos.html +4099 -4099
  28. package/web/sifou-daily.html +34 -90
  29. package/web/sifou-monthly.html +100 -100
  30. package/web/sifou-weekly.html +134 -134
  31. package/web/toutiao-30.html +98 -98
  32. package/web/toutiao-7.html +92 -92
  33. package/web/toutiao-90.html +78 -78
  34. package/web/trending-monthly.html +132 -136
  35. package/web/trending-weekly.html +149 -145
  36. package/web/trending.html +137 -153
  37. package/web/users.china.html +1360 -1360
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/16 by
119
+ <div class="time">Last cache created on 2022/8/19 by
120
120
 
121
121
 
122
122
 
@@ -184,7 +184,7 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>23</span>
187
+ <span>24</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000042184211" target="_blank" title="超酷炫的转场动画?CSS 轻松拿下!">超酷炫的转场动画?CSS 轻松拿下!</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
- WeGame PC 端官网首页,有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受。转场动画 1:转场动画 2:是不是挺有意思的,整个动画的衔接是基于滚轮的滚...
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/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
232
+ <a href="https://segmentfault.com/a/1190000042267425" 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>19</span>
243
+ <span>22</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
247
- <span>XboxYan</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
- 欢迎关注微信公众号:前端侦探介绍一个和深色模式相关的CSS属性:color-scheme一、什么是 color-scheme?color-scheme顾名思义,即为“配色方案”,在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
251
+ 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问,如何构建如 ElementUI 文档的一种顶栏背景特效,看看效果:仔细看,在页面的的滚动过程中,...
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/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
260
+ <a href="https://segmentfault.com/a/1190000042203704" target="_blank" title="社区维基:将你的问答捐赠给社区">社区维基:将你的问答捐赠给社区</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>22</span>
271
+ <span>13</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
275
- <span>chokcoco</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/fenbox" title="Programming Language">
275
+ <span>fenbox</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问,如何构建如 ElementUI 文档的一种顶栏背景特效,看看效果:仔细看,在页面的的滚动过程中,...
279
+ 小王初学编程的时候,在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下,小王的问题一个个得到了解决,编程技术进步神速。
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/1190000042283578" target="_blank" title="使用 CSS 构建强大且酷炫的粒子动画">使用 CSS 构建强大且酷炫的粒子动画</a>
288
+ <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么?这几点属性重点防御!">防御式CSS是什么?这几点属性重点防御!</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>18</span>
299
+ <span>19</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
303
- <span>chokcoco</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
+ <span>前端小智</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 当然,不使用 HTML + CSS 的主要原因在于,粒子动画通常需要较多的粒子,而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素,这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。
307
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042203704" target="_blank" title="社区维基:将你的问答捐赠给社区">社区维基:将你的问答捐赠给社区</a>
316
+ <a href="https://segmentfault.com/a/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</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>13</span>
327
+ <span>19</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/fenbox" title="Programming Language">
331
- <span>fenbox</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
+ <span>chokcoco</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 小王初学编程的时候,在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下,小王的问题一个个得到了解决,编程技术进步神速。
335
+ 我们的系统(一个 ToB 的 Web 单页应用)前端单页应用经过多年的迭代,目前已经累积有大几十万行的业务代码,30+ 路由模块,整体的代码量和复杂度还是比较高的。
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/1190000042272755" target="_blank" title="防御式CSS是什么?这几点属性重点防御!">防御式CSS是什么?这几点属性重点防御!</a>
344
+ <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析(四)">可视化拖拽组件库一些技术要点原理分析(四)</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>18</span>
355
+ <span>14</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
359
- <span>前端小智</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
359
+ <span>谭光志</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
363
+ 本文是可视化拖拽系列的第四篇,比起之前的三篇文章,这篇功能点要稍微少一点,总共有五点:SVG 组件动态属性面板数据来源(接口请求)组件联动组件按需加载如果你对我之前的系列文章不是很了解,建议先把这三篇...
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/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
372
+ <a href="https://segmentfault.com/a/1190000042217446" target="_blank" title="今҈天҈真҈是҈热҈化҈了҈!">今҈天҈真҈是҈热҈化҈了҈!</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>18</span>
383
+ <span>16</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
387
- <span>chokcoco</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
387
+ <span>XboxYan</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 我们的系统(一个 ToB 的 Web 单页应用)前端单页应用经过多年的迭代,目前已经累积有大几十万行的业务代码,30+ 路由模块,整体的代码量和复杂度还是比较高的。
391
+ 欢迎关注我的公众号:前端侦探今天真是太热了,不信你看标题今҈天҈真҈是҈热҈化҈了҈!也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么,这是如何实现的呢?CSS 可以实现类似的效果吗?一起看看吧...
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/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析(四)">可视化拖拽组件库一些技术要点原理分析(四)</a>
400
+ <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起,ONES 团队版50人以下免费">即日起,ONES 团队版50人以下免费</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>13</span>
411
+ <span>11</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
415
- <span>谭光志</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
415
+ <span>万事ONES</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 本文是可视化拖拽系列的第四篇,比起之前的三篇文章,这篇功能点要稍微少一点,总共有五点:SVG 组件动态属性面板数据来源(接口请求)组件联动组件按需加载如果你对我之前的系列文章不是很了解,建议先把这三篇...
419
+ ONES 从2015年创立伊始至今,一直坚持服务付费客户。作为一款专业的商业软件,ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上,他们对 ONES 提出了非常严...
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/1190000042217446" target="_blank" title="今҈天҈真҈是҈热҈化҈了҈!">今҈天҈真҈是҈热҈化҈了҈!</a>
428
+ <a href="https://segmentfault.com/a/1190000042194285" 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>16</span>
439
+ <span>12</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
- <span>XboxYan</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
443
+ <span>pingan8787</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 欢迎关注我的公众号:前端侦探今天真是太热了,不信你看标题今҈天҈真҈是҈热҈化҈了҈!也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么,这是如何实现的呢?CSS 可以实现类似的效果吗?一起看看吧...
447
+ 本文会主要分享自己对低代码平台的理解,从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计,包括控件模型、组件模型、画布模型等等。希望看完本文,你能知道:
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -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/1190000042194285" target="_blank" title="试着换个角度理解低代码平台设计的本质">试着换个角度理解低代码平台设计的本质</a>
456
+ <a href="https://segmentfault.com/a/1190000042195199" target="_blank" title="一步步带你搞懂虚拟 DOM 的工作原理">一步步带你搞懂虚拟 DOM 的工作原理</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
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>12</span>
467
+ <span>17</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
471
- <span>pingan8787</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
471
+ <span>deepfunc</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 本文会主要分享自己对低代码平台的理解,从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计,包括控件模型、组件模型、画布模型等等。希望看完本文,你能知道:
475
+ React 和 Vue 中都有虚拟 DOM 的概念,我们应该如何理解和掌握虚拟 DOM 的精髓呢?我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库,推荐的原因一是代码比较少,核心代码只有几百行;二是 Vue...
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/1190000042195199" target="_blank" title="一步步带你搞懂虚拟 DOM 的工作原理">一步步带你搞懂虚拟 DOM 的工作原理</a>
484
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</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>17</span>
495
+ <span>13</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
499
- <span>deepfunc</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
499
+ <span>chokcoco</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- React 和 Vue 中都有虚拟 DOM 的概念,我们应该如何理解和掌握虚拟 DOM 的精髓呢?我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库,推荐的原因一是代码比较少,核心代码只有几百行;二是 Vue...
503
+ 本文将探讨一下,在多行文本情形下的一些有意思的文字动效。多行文本,相对于单行文本,场景会复杂一些,但是在实际业务中,多行文本也是非常之多的,但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -520,7 +520,7 @@
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>13</span>
523
+ <span>14</span>
524
524
  </span>
525
525
  &nbsp;
526
526
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -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/1190000042183733" target="_blank" title="【分享】从Mybatis源码中,学习到的10种设计模式">【分享】从Mybatis源码中,学习到的10种设计模式</a>
568
+ <a href="https://segmentfault.com/a/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
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>12</span>
579
+ <span>9</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
583
- <span>小傅哥</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
583
+ <span>dragonir</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 你说的没错,但你天天写CRUD,你觉得 烦不? 慌不? 是不是既担心自己没有得到技术成长,也害怕将来没法用这些都是CRUD的项目去参加;述职、晋升、答辩,甚至可能要被迫面试时,自己手里一点干货也没有的情况。
587
+ 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游,一定注意到过它的启动动画、皮肤立绘卡片等场景,经常采用静态底图加局部液态流动效果的简单动画,这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
588
588
  </div>
589
589
  </div>
590
590
  </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/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
624
+ <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</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>9</span>
635
+ <span>11</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
639
- <span>dragonir</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
639
+ <span>xiangzhihong</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游,一定注意到过它的启动动画、皮肤立绘卡片等场景,经常采用静态底图加局部液态流动效果的简单动画,这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
643
+ React 16 之前,VirtualDOM 的更新采用的是Stack架构实现的,也就是循环递归方式。不过,这种对比方式有明显的缺陷,就是一旦任务开始进行就无法中断,如果遇到应用中组件数量比较庞大,那么VirtualDOM 的层级...
644
644
  </div>
645
645
  </div>
646
646
  </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/1190000042182354" target="_blank" title="如何提出一个高质量的问题?">如何提出一个高质量的问题?</a>
652
+ <a href="https://segmentfault.com/a/1190000042194426" target="_blank" title="搭建前端监控,采集用户行为的 N 种姿势">搭建前端监控,采集用户行为的 N 种姿势</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>11</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/weiyi_5b04fb4aa815a" title="Programming Language">
667
- <span>唯一丶</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
667
+ <span>杨成功</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 看到标题的一瞬间,你或许在想 “什么样的问题算是好问题?”,在思否,每天或多或少都有十几个(休息日除外)新的问题被提出来,而这里面充斥着不少的 “质量” 问题。
671
+ 上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况,发现问题及时修复。在很多场景下,除了异常监控有用,收集用户的行为数据同样有意义。
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/1190000042194426" target="_blank" title="搭建前端监控,采集用户行为的 N 种姿势">搭建前端监控,采集用户行为的 N 种姿势</a>
680
+ <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>11</span>
691
+ <span>9</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
695
- <span>杨成功</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
695
+ <span>lulu_up</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况,发现问题及时修复。在很多场景下,除了异常监控有用,收集用户的行为数据同样有意义。
699
+ immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
736
+ <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样?">Windows滚动条如何美化成 macOS 那样?</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
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>9</span>
747
+ <span>15</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
751
- <span>lulu_up</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
751
+ <span>XboxYan</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
755
+ 欢迎关注我的公众号:前端侦探众所周知,Windows和macOS的滚动条在默认情况是不一致的,最显著的区别就是 macOS滚动条是不占据屏幕尺寸的,如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观,能不...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -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/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
764
+ <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>10</span>
775
+ <span>8</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
779
- <span>xiangzhihong</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
779
+ <span>谭光志</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- React 16 之前,VirtualDOM 的更新采用的是Stack架构实现的,也就是循环递归方式。不过,这种对比方式有明显的缺陷,就是一旦任务开始进行就无法中断,如果遇到应用中组件数量比较庞大,那么VirtualDOM 的层级...
783
+ 由于一直在使用 markdown 编辑器写技术文章,所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好,有些做得马马虎虎。出于好奇,我就打算自己亲自实现一下这个功能。
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/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
792
+ <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</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>7</span>
803
+ <span>11</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
807
- <span>谭光志</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
807
+ <span>之家技术</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 由于一直在使用 markdown 编辑器写技术文章,所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好,有些做得马马虎虎。出于好奇,我就打算自己亲自实现一下这个功能。
811
+ 知识图谱的概念,最早由 Google 在2012 年提出, 旨在实现更智能的搜索引擎,并在2013年之后开始在学术界和工业级普及。目前,随着人工智能技术的高速发展,知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
812
812
  </div>
813
813
  </div>
814
814
  </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/1190000042319176" target="_blank" title="即日起,ONES 团队版50人以下免费">即日起,ONES 团队版50人以下免费</a>
932
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</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>8</span>
943
+ <span>5</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
947
- <span>万事ONES</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
947
+ <span>葡萄城技术团队</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- ONES 从2015年创立伊始至今,一直坚持服务付费客户。作为一款专业的商业软件,ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上,他们对 ONES 提出了非常严...
951
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序,需要哪些步骤?这当然不像把大象装进冰箱那么简单,只需要分成三步:打开冰箱,拿起大象,塞进冰箱就好。
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/1190000042183220" target="_blank" title="Shopee在React Native 架构方面的探索">Shopee在React Native 架构方面的探索</a>
960
+ <a href="https://segmentfault.com/a/1190000042229850" target="_blank" title="低代码是开发的未来吗?浅谈低代码平台">低代码是开发的未来吗?浅谈低代码平台</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>6</span>
971
+ <span>11</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
975
- <span>xiangzhihong</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
975
+ <span>云叔_又拍云</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- React Native(下文简称 RN)是混合应用领域流行的跨端开发框架。RN 非常适合灵活多变的电商领域业务,由于 RN 是基于客户端渲染的技术,所以相较于 H5 页面,它在用户体验方面有一定优势。
979
+ 低代码的热潮在几年前就火过,从阿里钉钉跨平台协作方式,再到飞书上的审批流程,以及目前我们接触到的表单审批、投票的模板,这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展,低代码平台...
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/16 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/19 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>