@wcj/github-rank 21.11.10 → 21.11.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +20381 -20385
  2. package/dist/sifou-daily.json +148 -40
  3. package/dist/sifou-monthly.json +84 -84
  4. package/dist/sifou-weekly.json +131 -122
  5. package/dist/toutiao-30.json +51 -51
  6. package/dist/toutiao-7.json +89 -89
  7. package/dist/toutiao-90.json +44 -44
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +1767 -1768
  12. package/dist/users.json +1911 -1911
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20381 -20385
  16. package/web/data/sifou-daily.json +148 -40
  17. package/web/data/sifou-monthly.json +84 -84
  18. package/web/data/sifou-weekly.json +131 -122
  19. package/web/data/toutiao-30.json +51 -51
  20. package/web/data/toutiao-7.json +89 -89
  21. package/web/data/toutiao-90.json +44 -44
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +163 -163
  25. package/web/data/users.china.json +1767 -1768
  26. package/web/data/users.json +1911 -1911
  27. package/web/index.html +998 -998
  28. package/web/repos.html +2642 -2642
  29. package/web/sifou-daily.html +370 -34
  30. package/web/sifou-monthly.html +113 -113
  31. package/web/sifou-weekly.html +143 -115
  32. package/web/toutiao-30.html +60 -60
  33. package/web/toutiao-7.html +81 -81
  34. package/web/toutiao-90.html +75 -75
  35. package/web/trending-monthly.html +141 -141
  36. package/web/trending-weekly.html +147 -143
  37. package/web/trending.html +140 -152
  38. package/web/users.china.html +961 -961
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2021/11/10 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/11/11 by Github API v3.</div>
98
98
  <div class="tabs">
99
99
  <a class="" href="index.html">Users</a>
100
100
  <a class="" href="repos.html">Repos</a>
@@ -127,7 +127,7 @@
127
127
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
128
128
  </g>
129
129
  </svg>
130
- <span>49</span>
130
+ <span>50</span>
131
131
  </span>
132
132
  &nbsp;
133
133
  <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
@@ -144,7 +144,7 @@
144
144
  <div class="info">
145
145
  <div class="rank">
146
146
  <span title="Ranking 2">2</span>
147
- <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</a>
147
+ <a href="https://segmentfault.com/a/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</a>
148
148
  </div>
149
149
  <div class="sub-title followers">
150
150
 
@@ -155,15 +155,15 @@
155
155
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
156
156
  </g>
157
157
  </svg>
158
- <span>38</span>
158
+ <span>36</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
162
- <span>谭光志</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
162
+ <span>前端胖头鱼</span>
163
163
  </a>
164
164
  </div>
165
165
  <div class="details">
166
- 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
166
+ 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
167
167
  </div>
168
168
  </div>
169
169
  </li>
@@ -172,7 +172,7 @@
172
172
  <div class="info">
173
173
  <div class="rank">
174
174
  <span title="Ranking 3">3</span>
175
- <a href="https://segmentfault.com/a/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</a>
175
+ <a href="https://segmentfault.com/a/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
176
176
  </div>
177
177
  <div class="sub-title followers">
178
178
 
@@ -183,15 +183,15 @@
183
183
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
184
184
  </g>
185
185
  </svg>
186
- <span>35</span>
186
+ <span>43</span>
187
187
  </span>
188
188
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
190
- <span>前端胖头鱼</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
190
+ <span>Sunshine_Lin</span>
191
191
  </a>
192
192
  </div>
193
193
  <div class="details">
194
- 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
194
+ 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
195
195
  </div>
196
196
  </div>
197
197
  </li>
@@ -239,7 +239,7 @@
239
239
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
240
240
  </g>
241
241
  </svg>
242
- <span>35</span>
242
+ <span>36</span>
243
243
  </span>
244
244
  &nbsp;
245
245
  <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
@@ -256,34 +256,6 @@
256
256
  <div class="info">
257
257
  <div class="rank">
258
258
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
260
- </div>
261
- <div class="sub-title followers">
262
-
263
- <span title="Stargazers Count">
264
- <svg width="12" height="12" viewBox="0 0 16 16">
265
- <g fill="none" fill-rule="evenodd">
266
- <path d="M0 0h16v16H0z"/>
267
- <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"/>
268
- </g>
269
- </svg>
270
- <span>37</span>
271
- </span>
272
- &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
274
- <span>Sunshine_Lin</span>
275
- </a>
276
- </div>
277
- <div class="details">
278
- 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
279
- </div>
280
- </div>
281
- </li>
282
-
283
- <li>
284
- <div class="info">
285
- <div class="rank">
286
- <span title="Ranking 7">7</span>
287
259
  <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
288
260
  </div>
289
261
  <div class="sub-title followers">
@@ -295,7 +267,7 @@
295
267
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
296
268
  </g>
297
269
  </svg>
298
- <span>30</span>
270
+ <span>31</span>
299
271
  </span>
300
272
  &nbsp;
301
273
  <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
@@ -311,7 +283,7 @@
311
283
  <li>
312
284
  <div class="info">
313
285
  <div class="rank">
314
- <span title="Ranking 8">8</span>
286
+ <span title="Ranking 7">7</span>
315
287
  <a href="https://segmentfault.com/a/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
316
288
  </div>
317
289
  <div class="sub-title followers">
@@ -339,7 +311,7 @@
339
311
  <li>
340
312
  <div class="info">
341
313
  <div class="rank">
342
- <span title="Ranking 9">9</span>
314
+ <span title="Ranking 8">8</span>
343
315
  <a href="https://segmentfault.com/a/1190000040803264" target="_blank" title="【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我">【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我</a>
344
316
  </div>
345
317
  <div class="sub-title followers">
@@ -351,7 +323,7 @@
351
323
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
352
324
  </g>
353
325
  </svg>
354
- <span>24</span>
326
+ <span>25</span>
355
327
  </span>
356
328
  &nbsp;
357
329
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -367,7 +339,7 @@
367
339
  <li>
368
340
  <div class="info">
369
341
  <div class="rank">
370
- <span title="Ranking 10">10</span>
342
+ <span title="Ranking 9">9</span>
371
343
  <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
372
344
  </div>
373
345
  <div class="sub-title followers">
@@ -395,7 +367,7 @@
395
367
  <li>
396
368
  <div class="info">
397
369
  <div class="rank">
398
- <span title="Ranking 11">11</span>
370
+ <span title="Ranking 10">10</span>
399
371
  <a href="https://segmentfault.com/a/1190000040824694" target="_blank" title="使用 CSS Scroll Snap 优化滚动，提升用户体验！">使用 CSS Scroll Snap 优化滚动，提升用户体验！</a>
400
372
  </div>
401
373
  <div class="sub-title followers">
@@ -423,8 +395,8 @@
423
395
  <li>
424
396
  <div class="info">
425
397
  <div class="rank">
426
- <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
398
+ <span title="Ranking 11">11</span>
399
+ <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
428
400
  </div>
429
401
  <div class="sub-title followers">
430
402
 
@@ -435,15 +407,15 @@
435
407
  <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"/>
436
408
  </g>
437
409
  </svg>
438
- <span>26</span>
410
+ <span>24</span>
439
411
  </span>
440
412
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
442
- <span>xiangzhihong</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
414
+ <span>杨成功</span>
443
415
  </a>
444
416
  </div>
445
417
  <div class="details">
446
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
418
+ 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
447
419
  </div>
448
420
  </div>
449
421
  </li>
@@ -451,8 +423,8 @@
451
423
  <li>
452
424
  <div class="info">
453
425
  <div class="rank">
454
- <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
426
+ <span title="Ranking 12">12</span>
427
+ <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
456
428
  </div>
457
429
  <div class="sub-title followers">
458
430
 
@@ -463,15 +435,15 @@
463
435
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
464
436
  </g>
465
437
  </svg>
466
- <span>22</span>
438
+ <span>26</span>
467
439
  </span>
468
440
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
470
- <span>杨成功</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
442
+ <span>xiangzhihong</span>
471
443
  </a>
472
444
  </div>
473
445
  <div class="details">
474
- 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
446
+ 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
475
447
  </div>
476
448
  </div>
477
449
  </li>
@@ -479,7 +451,7 @@
479
451
  <li>
480
452
  <div class="info">
481
453
  <div class="rank">
482
- <span title="Ranking 14">14</span>
454
+ <span title="Ranking 13">13</span>
483
455
  <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
484
456
  </div>
485
457
  <div class="sub-title followers">
@@ -507,7 +479,7 @@
507
479
  <li>
508
480
  <div class="info">
509
481
  <div class="rank">
510
- <span title="Ranking 15">15</span>
482
+ <span title="Ranking 14">14</span>
511
483
  <a href="https://segmentfault.com/a/1190000040823877" target="_blank" title="MySQL灵魂拷问：36题带你面试通关">MySQL灵魂拷问：36题带你面试通关</a>
512
484
  </div>
513
485
  <div class="sub-title followers">
@@ -535,7 +507,7 @@
535
507
  <li>
536
508
  <div class="info">
537
509
  <div class="rank">
538
- <span title="Ranking 16">16</span>
510
+ <span title="Ranking 15">15</span>
539
511
  <a href="https://segmentfault.com/a/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
540
512
  </div>
541
513
  <div class="sub-title followers">
@@ -563,7 +535,7 @@
563
535
  <li>
564
536
  <div class="info">
565
537
  <div class="rank">
566
- <span title="Ranking 17">17</span>
538
+ <span title="Ranking 16">16</span>
567
539
  <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
568
540
  </div>
569
541
  <div class="sub-title followers">
@@ -591,7 +563,7 @@
591
563
  <li>
592
564
  <div class="info">
593
565
  <div class="rank">
594
- <span title="Ranking 18">18</span>
566
+ <span title="Ranking 17">17</span>
595
567
  <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
596
568
  </div>
597
569
  <div class="sub-title followers">
@@ -616,11 +588,39 @@
616
588
  </div>
617
589
  </li>
618
590
 
591
+ <li>
592
+ <div class="info">
593
+ <div class="rank">
594
+ <span title="Ranking 18">18</span>
595
+ <a href="https://segmentfault.com/a/1190000040930212" target="_blank" title="一些常用的 Git 进阶知识与技巧">一些常用的 Git 进阶知识与技巧</a>
596
+ </div>
597
+ <div class="sub-title followers">
598
+
599
+ <span title="Stargazers Count">
600
+ <svg width="12" height="12" viewBox="0 0 16 16">
601
+ <g fill="none" fill-rule="evenodd">
602
+ <path d="M0 0h16v16H0z"/>
603
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
604
+ </g>
605
+ </svg>
606
+ <span>17</span>
607
+ </span>
608
+ &nbsp;
609
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
610
+ <span>谭光志</span>
611
+ </a>
612
+ </div>
613
+ <div class="details">
614
+ 假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。
615
+ </div>
616
+ </div>
617
+ </li>
618
+
619
619
  <li>
620
620
  <div class="info">
621
621
  <div class="rank">
622
622
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
623
+ <a href="https://segmentfault.com/a/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
624
624
  </div>
625
625
  <div class="sub-title followers">
626
626
 
@@ -631,15 +631,15 @@
631
631
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
632
632
  </g>
633
633
  </svg>
634
- <span>22</span>
634
+ <span>17</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
638
- <span>dragonir</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
638
+ <span>chokcoco</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
642
+ 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
643
643
  </div>
644
644
  </div>
645
645
  </li>
@@ -648,7 +648,7 @@
648
648
  <div class="info">
649
649
  <div class="rank">
650
650
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
651
+ <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
652
652
  </div>
653
653
  <div class="sub-title followers">
654
654
 
@@ -659,15 +659,15 @@
659
659
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
660
660
  </g>
661
661
  </svg>
662
- <span>20</span>
662
+ <span>22</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
666
- <span>前端小智</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
666
+ <span>dragonir</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
670
+ 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
671
671
  </div>
672
672
  </div>
673
673
  </li>
@@ -676,7 +676,7 @@
676
676
  <div class="info">
677
677
  <div class="rank">
678
678
  <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
679
+ <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
680
680
  </div>
681
681
  <div class="sub-title followers">
682
682
 
@@ -687,15 +687,15 @@
687
687
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
688
688
  </g>
689
689
  </svg>
690
- <span>16</span>
690
+ <span>20</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
694
- <span>chokcoco</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
694
+ <span>前端小智</span>
695
695
  </a>
696
696
  </div>
697
697
  <div class="details">
698
- 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
698
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
699
699
  </div>
700
700
  </div>
701
701
  </li>
@@ -715,7 +715,7 @@
715
715
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
716
716
  </g>
717
717
  </svg>
718
- <span>21</span>
718
+ <span>22</span>
719
719
  </span>
720
720
  &nbsp;
721
721
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -732,7 +732,7 @@
732
732
  <div class="info">
733
733
  <div class="rank">
734
734
  <span title="Ranking 23">23</span>
735
- <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
735
+ <a href="https://segmentfault.com/a/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</a>
736
736
  </div>
737
737
  <div class="sub-title followers">
738
738
 
@@ -743,15 +743,15 @@
743
743
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
744
744
  </g>
745
745
  </svg>
746
- <span>16</span>
746
+ <span>21</span>
747
747
  </span>
748
748
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
750
- <span>树酱</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
750
+ <span>前端胖头鱼</span>
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
754
+ vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
755
755
  </div>
756
756
  </div>
757
757
  </li>
@@ -760,7 +760,7 @@
760
760
  <div class="info">
761
761
  <div class="rank">
762
762
  <span title="Ranking 24">24</span>
763
- <a href="https://segmentfault.com/a/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</a>
763
+ <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
764
764
  </div>
765
765
  <div class="sub-title followers">
766
766
 
@@ -771,15 +771,15 @@
771
771
  <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"/>
772
772
  </g>
773
773
  </svg>
774
- <span>20</span>
774
+ <span>16</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
778
- <span>前端胖头鱼</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
778
+ <span>树酱</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
782
+ 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
783
783
  </div>
784
784
  </div>
785
785
  </li>
@@ -788,7 +788,7 @@
788
788
  <div class="info">
789
789
  <div class="rank">
790
790
  <span title="Ranking 25">25</span>
791
- <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
791
+ <a href="https://segmentfault.com/a/1190000040895843" target="_blank" title="把程序做成系统服务">把程序做成系统服务</a>
792
792
  </div>
793
793
  <div class="sub-title followers">
794
794
 
@@ -799,15 +799,15 @@
799
799
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
800
800
  </g>
801
801
  </svg>
802
- <span>18</span>
802
+ <span>11</span>
803
803
  </span>
804
804
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
806
- <span>小蘑菇</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
806
+ <span>边城</span>
807
807
  </a>
808
808
  </div>
809
809
  <div class="details">
810
- 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
810
+ 写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...
811
811
  </div>
812
812
  </div>
813
813
  </li>
@@ -816,7 +816,7 @@
816
816
  <div class="info">
817
817
  <div class="rank">
818
818
  <span title="Ranking 26">26</span>
819
- <a href="https://segmentfault.com/a/1190000040895843" target="_blank" title="把程序做成系统服务">把程序做成系统服务</a>
819
+ <a href="https://segmentfault.com/a/1190000040891379" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
820
820
  </div>
821
821
  <div class="sub-title followers">
822
822
 
@@ -827,15 +827,15 @@
827
827
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
828
828
  </g>
829
829
  </svg>
830
- <span>11</span>
830
+ <span>18</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
834
- <span>边城</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
834
+ <span>前端小智</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...
838
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
839
839
  </div>
840
840
  </div>
841
841
  </li>
@@ -872,7 +872,7 @@
872
872
  <div class="info">
873
873
  <div class="rank">
874
874
  <span title="Ranking 28">28</span>
875
- <a href="https://segmentfault.com/a/1190000040891379" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
875
+ <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
876
876
  </div>
877
877
  <div class="sub-title followers">
878
878
 
@@ -883,15 +883,15 @@
883
883
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
884
884
  </g>
885
885
  </svg>
886
- <span>17</span>
886
+ <span>18</span>
887
887
  </span>
888
888
  &nbsp;
889
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
890
- <span>前端小智</span>
889
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
890
+ <span>小蘑菇</span>
891
891
  </a>
892
892
  </div>
893
893
  <div class="details">
894
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
894
+ 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
895
895
  </div>
896
896
  </div>
897
897
  </li>
@@ -900,7 +900,7 @@
900
900
  <div class="info">
901
901
  <div class="rank">
902
902
  <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
903
+ <a href="https://segmentfault.com/a/1190000040896809" target="_blank" title="Go 日常开发常备第三方库和工具">Go 日常开发常备第三方库和工具</a>
904
904
  </div>
905
905
  <div class="sub-title followers">
906
906
 
@@ -911,15 +911,15 @@
911
911
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
912
912
  </g>
913
913
  </svg>
914
- <span>16</span>
914
+ <span>12</span>
915
915
  </span>
916
916
  &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
918
- <span>若川</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
918
+ <span>crossoverJie</span>
919
919
  </a>
920
920
  </div>
921
921
  <div class="details">
922
- 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
922
+ 不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...
923
923
  </div>
924
924
  </div>
925
925
  </li>
@@ -928,7 +928,7 @@
928
928
  <div class="info">
929
929
  <div class="rank">
930
930
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000040814521" target="_blank" title="今天推荐，今年排名前 15 的 Vue 后台管理模板">今天推荐，今年排名前 15 的 Vue 后台管理模板</a>
931
+ <a href="https://segmentfault.com/a/1190000040929396" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -939,7 +939,7 @@
939
939
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
940
940
  </g>
941
941
  </svg>
942
- <span>15</span>
942
+ <span>17</span>
943
943
  </span>
944
944
  &nbsp;
945
945
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -968,7 +968,7 @@
968
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
969
  </a>
970
970
  </div>
971
- <div class="time">Last cache created on 2021/11/10 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/11/11 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>