@wcj/github-rank 21.11.2 → 21.11.6

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 +40511 -40482
  2. package/dist/sifou-daily.json +89 -53
  3. package/dist/sifou-monthly.json +113 -113
  4. package/dist/sifou-weekly.json +167 -176
  5. package/dist/toutiao-30.json +81 -81
  6. package/dist/toutiao-7.json +149 -149
  7. package/dist/toutiao-90.json +66 -66
  8. package/dist/trending-daily.json +192 -192
  9. package/dist/trending-monthly.json +189 -189
  10. package/dist/trending-weekly.json +191 -191
  11. package/dist/users.china.json +3236 -3236
  12. package/dist/users.json +3872 -3872
  13. package/package.json +1 -1
  14. package/web/36kr.html +5 -3
  15. package/web/data/repos.json +40511 -40482
  16. package/web/data/sifou-daily.json +89 -53
  17. package/web/data/sifou-monthly.json +113 -113
  18. package/web/data/sifou-weekly.json +167 -176
  19. package/web/data/toutiao-30.json +81 -81
  20. package/web/data/toutiao-7.json +149 -149
  21. package/web/data/toutiao-90.json +66 -66
  22. package/web/data/trending-daily.json +192 -192
  23. package/web/data/trending-monthly.json +189 -189
  24. package/web/data/trending-weekly.json +191 -191
  25. package/web/data/users.china.json +3236 -3236
  26. package/web/data/users.json +3872 -3872
  27. package/web/index.html +1976 -1976
  28. package/web/repos.html +4413 -4391
  29. package/web/sifou-daily.html +160 -46
  30. package/web/sifou-monthly.html +124 -122
  31. package/web/sifou-weekly.html +144 -170
  32. package/web/toutiao-30.html +106 -104
  33. package/web/toutiao-7.html +104 -102
  34. package/web/toutiao-90.html +88 -86
  35. package/web/trending-monthly.html +174 -168
  36. package/web/trending-weekly.html +175 -169
  37. package/web/trending.html +166 -176
  38. package/web/users.china.html +1611 -1611
package/web/sifou-monthly.html CHANGED
@@ -87,12 +87,14 @@
87
87
 
88
88
 
89
89
 
90
- <a target="_blank" href="https://segmentfault.com/hottest"></a>
90
+ <a target="_blank" href="https://segmentfault.com/hottest">
91
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" fill="currentColor" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg>
92
+ </a>
91
93
 
92
94
 
93
95
 
94
96
  </h1>
95
- <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/11/6 by Github API v3.</div>
96
98
  <div class="tabs">
97
99
  <a class="" href="index.html">Users</a>
98
100
  <a class="" href="repos.html">Repos</a>
@@ -125,7 +127,7 @@
125
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"/>
126
128
  </g>
127
129
  </svg>
128
- <span>57</span>
130
+ <span>59</span>
129
131
  </span>
130
132
  &nbsp;
131
133
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -153,7 +155,7 @@
153
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"/>
154
156
  </g>
155
157
  </svg>
156
- <span>46</span>
158
+ <span>48</span>
157
159
  </span>
158
160
  &nbsp;
159
161
  <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
@@ -181,7 +183,7 @@
181
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"/>
182
184
  </g>
183
185
  </svg>
184
- <span>36</span>
186
+ <span>37</span>
185
187
  </span>
186
188
  &nbsp;
187
189
  <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
@@ -209,7 +211,7 @@
209
211
  <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"/>
210
212
  </g>
211
213
  </svg>
212
- <span>29</span>
214
+ <span>33</span>
213
215
  </span>
214
216
  &nbsp;
215
217
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -226,7 +228,7 @@
226
228
  <div class="info">
227
229
  <div class="rank">
228
230
  <span title="Ranking 5">5</span>
229
- <a href="https://segmentfault.com/a/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
231
+ <a href="https://segmentfault.com/a/1190000040813435" target="_blank" title="50天用react.js重写50个web项目，我学到了什么？">50天用react.js重写50个web项目，我学到了什么？</a>
230
232
  </div>
231
233
  <div class="sub-title followers">
232
234
 
@@ -237,15 +239,15 @@
237
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"/>
238
240
  </g>
239
241
  </svg>
240
- <span>23</span>
242
+ <span>35</span>
241
243
  </span>
242
244
  &nbsp;
243
- <a target="_blank" href="https://segmentfault.com/u/kyrieliu" title="Programming Language">
244
- <span>劉凯里</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
246
+ <span>夕水</span>
245
247
  </a>
246
248
  </div>
247
249
  <div class="details">
248
- 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
250
+ 1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...
249
251
  </div>
250
252
  </div>
251
253
  </li>
@@ -254,7 +256,7 @@
254
256
  <div class="info">
255
257
  <div class="rank">
256
258
  <span title="Ranking 6">6</span>
257
- <a href="https://segmentfault.com/a/1190000040813435" target="_blank" title="50天用react.js重写50个web项目，我学到了什么？">50天用react.js重写50个web项目，我学到了什么？</a>
259
+ <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
258
260
  </div>
259
261
  <div class="sub-title followers">
260
262
 
@@ -268,12 +270,12 @@
268
270
  <span>29</span>
269
271
  </span>
270
272
  &nbsp;
271
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
272
- <span>夕水</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
274
+ <span>独钓寒江雪</span>
273
275
  </a>
274
276
  </div>
275
277
  <div class="details">
276
- 1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...
278
+ 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
277
279
  </div>
278
280
  </div>
279
281
  </li>
@@ -282,7 +284,7 @@
282
284
  <div class="info">
283
285
  <div class="rank">
284
286
  <span title="Ranking 7">7</span>
285
- <a href="https://segmentfault.com/a/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</a>
287
+ <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
286
288
  </div>
287
289
  <div class="sub-title followers">
288
290
 
@@ -293,15 +295,15 @@
293
295
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
294
296
  </g>
295
297
  </svg>
296
- <span>27</span>
298
+ <span>28</span>
297
299
  </span>
298
300
  &nbsp;
299
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
300
- <span>lulu_up</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
302
+ <span>wuwhs</span>
301
303
  </a>
302
304
  </div>
303
305
  <div class="details">
304
- 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
306
+ 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
305
307
  </div>
306
308
  </div>
307
309
  </li>
@@ -310,7 +312,7 @@
310
312
  <div class="info">
311
313
  <div class="rank">
312
314
  <span title="Ranking 8">8</span>
313
- <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
315
+ <a href="https://segmentfault.com/a/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
314
316
  </div>
315
317
  <div class="sub-title followers">
316
318
 
@@ -321,15 +323,15 @@
321
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"/>
322
324
  </g>
323
325
  </svg>
324
- <span>26</span>
326
+ <span>24</span>
325
327
  </span>
326
328
  &nbsp;
327
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
328
- <span>chokcoco</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/kyrieliu" title="Programming Language">
330
+ <span>劉凯里</span>
329
331
  </a>
330
332
  </div>
331
333
  <div class="details">
332
- 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
334
+ 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
333
335
  </div>
334
336
  </div>
335
337
  </li>
@@ -338,7 +340,7 @@
338
340
  <div class="info">
339
341
  <div class="rank">
340
342
  <span title="Ranking 9">9</span>
341
- <a href="https://segmentfault.com/a/1190000040824694" target="_blank" title="使用 CSS Scroll Snap 优化滚动，提升用户体验！">使用 CSS Scroll Snap 优化滚动，提升用户体验！</a>
343
+ <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
342
344
  </div>
343
345
  <div class="sub-title followers">
344
346
 
@@ -349,15 +351,15 @@
349
351
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
350
352
  </g>
351
353
  </svg>
352
- <span>25</span>
354
+ <span>27</span>
353
355
  </span>
354
356
  &nbsp;
355
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
356
- <span>前端小智</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
358
+ <span>chokcoco</span>
357
359
  </a>
358
360
  </div>
359
361
  <div class="details">
360
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
362
+ 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
361
363
  </div>
362
364
  </div>
363
365
  </li>
@@ -394,7 +396,7 @@
394
396
  <div class="info">
395
397
  <div class="rank">
396
398
  <span title="Ranking 11">11</span>
397
- <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
399
+ <a href="https://segmentfault.com/a/1190000040824694" target="_blank" title="使用 CSS Scroll Snap 优化滚动，提升用户体验！">使用 CSS Scroll Snap 优化滚动，提升用户体验！</a>
398
400
  </div>
399
401
  <div class="sub-title followers">
400
402
 
@@ -405,15 +407,15 @@
405
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"/>
406
408
  </g>
407
409
  </svg>
408
- <span>26</span>
410
+ <span>27</span>
409
411
  </span>
410
412
  &nbsp;
411
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
412
- <span>xiangzhihong</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
414
+ <span>前端小智</span>
413
415
  </a>
414
416
  </div>
415
417
  <div class="details">
416
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
418
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
417
419
  </div>
418
420
  </div>
419
421
  </li>
@@ -422,7 +424,7 @@
422
424
  <div class="info">
423
425
  <div class="rank">
424
426
  <span title="Ranking 12">12</span>
425
- <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
427
+ <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
426
428
  </div>
427
429
  <div class="sub-title followers">
428
430
 
@@ -433,15 +435,15 @@
433
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"/>
434
436
  </g>
435
437
  </svg>
436
- <span>19</span>
438
+ <span>26</span>
437
439
  </span>
438
440
  &nbsp;
439
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
440
- <span>前端小智</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
442
+ <span>xiangzhihong</span>
441
443
  </a>
442
444
  </div>
443
445
  <div class="details">
444
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
446
+ 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
445
447
  </div>
446
448
  </div>
447
449
  </li>
@@ -450,7 +452,7 @@
450
452
  <div class="info">
451
453
  <div class="rank">
452
454
  <span title="Ranking 13">13</span>
453
- <a href="https://segmentfault.com/a/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
455
+ <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
454
456
  </div>
455
457
  <div class="sub-title followers">
456
458
 
@@ -461,15 +463,15 @@
461
463
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
462
464
  </g>
463
465
  </svg>
464
- <span>22</span>
466
+ <span>19</span>
465
467
  </span>
466
468
  &nbsp;
467
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
468
- <span>独钓寒江雪</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
470
+ <span>前端小智</span>
469
471
  </a>
470
472
  </div>
471
473
  <div class="details">
472
- 严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...
474
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
473
475
  </div>
474
476
  </div>
475
477
  </li>
@@ -478,7 +480,7 @@
478
480
  <div class="info">
479
481
  <div class="rank">
480
482
  <span title="Ranking 14">14</span>
481
- <a href="https://segmentfault.com/a/1190000040823877" target="_blank" title="MySQL灵魂拷问：36题带你面试通关">MySQL灵魂拷问：36题带你面试通关</a>
483
+ <a href="https://segmentfault.com/a/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
482
484
  </div>
483
485
  <div class="sub-title followers">
484
486
 
@@ -489,15 +491,15 @@
489
491
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
490
492
  </g>
491
493
  </svg>
492
- <span>19</span>
494
+ <span>22</span>
493
495
  </span>
494
496
  &nbsp;
495
- <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
496
- <span>程序员大彬</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
498
+ <span>独钓寒江雪</span>
497
499
  </a>
498
500
  </div>
499
501
  <div class="details">
500
- 大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...
502
+ 严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...
501
503
  </div>
502
504
  </div>
503
505
  </li>
@@ -506,7 +508,7 @@
506
508
  <div class="info">
507
509
  <div class="rank">
508
510
  <span title="Ranking 15">15</span>
509
- <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
511
+ <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
510
512
  </div>
511
513
  <div class="sub-title followers">
512
514
 
@@ -517,15 +519,15 @@
517
519
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
518
520
  </g>
519
521
  </svg>
520
- <span>22</span>
522
+ <span>21</span>
521
523
  </span>
522
524
  &nbsp;
523
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
524
- <span>独钓寒江雪</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
526
+ <span>杨成功</span>
525
527
  </a>
526
528
  </div>
527
529
  <div class="details">
528
- 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
530
+ 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
529
531
  </div>
530
532
  </div>
531
533
  </li>
@@ -534,7 +536,7 @@
534
536
  <div class="info">
535
537
  <div class="rank">
536
538
  <span title="Ranking 16">16</span>
537
- <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
539
+ <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
538
540
  </div>
539
541
  <div class="sub-title followers">
540
542
 
@@ -548,12 +550,12 @@
548
550
  <span>22</span>
549
551
  </span>
550
552
  &nbsp;
551
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
552
- <span>独钓寒江雪</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
554
+ <span>XboxYan</span>
553
555
  </a>
554
556
  </div>
555
557
  <div class="details">
556
- Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
558
+ 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
557
559
  </div>
558
560
  </div>
559
561
  </li>
@@ -562,7 +564,7 @@
562
564
  <div class="info">
563
565
  <div class="rank">
564
566
  <span title="Ranking 17">17</span>
565
- <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
567
+ <a href="https://segmentfault.com/a/1190000040823877" target="_blank" title="MySQL灵魂拷问：36题带你面试通关">MySQL灵魂拷问：36题带你面试通关</a>
566
568
  </div>
567
569
  <div class="sub-title followers">
568
570
 
@@ -573,15 +575,15 @@
573
575
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
574
576
  </g>
575
577
  </svg>
576
- <span>16</span>
578
+ <span>20</span>
577
579
  </span>
578
580
  &nbsp;
579
- <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
580
- <span>树酱</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
582
+ <span>程序员大彬</span>
581
583
  </a>
582
584
  </div>
583
585
  <div class="details">
584
- 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
586
+ 大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...
585
587
  </div>
586
588
  </div>
587
589
  </li>
@@ -590,7 +592,7 @@
590
592
  <div class="info">
591
593
  <div class="rank">
592
594
  <span title="Ranking 18">18</span>
593
- <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
595
+ <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
594
596
  </div>
595
597
  <div class="sub-title followers">
596
598
 
@@ -601,15 +603,15 @@
601
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"/>
602
604
  </g>
603
605
  </svg>
604
- <span>16</span>
606
+ <span>25</span>
605
607
  </span>
606
608
  &nbsp;
607
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
608
- <span>前端小智</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
610
+ <span>若川</span>
609
611
  </a>
610
612
  </div>
611
613
  <div class="details">
612
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
614
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...
613
615
  </div>
614
616
  </div>
615
617
  </li>
@@ -618,7 +620,7 @@
618
620
  <div class="info">
619
621
  <div class="rank">
620
622
  <span title="Ranking 19">19</span>
621
- <a href="https://segmentfault.com/a/1190000040770169" target="_blank" title="计算机网络经典20问！">计算机网络经典20问！</a>
623
+ <a href="https://segmentfault.com/a/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
622
624
  </div>
623
625
  <div class="sub-title followers">
624
626
 
@@ -629,15 +631,15 @@
629
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"/>
630
632
  </g>
631
633
  </svg>
632
- <span>13</span>
634
+ <span>27</span>
633
635
  </span>
634
636
  &nbsp;
635
- <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
636
- <span>程序员大彬</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
638
+ <span>Sunshine_Lin</span>
637
639
  </a>
638
640
  </div>
639
641
  <div class="details">
640
- 本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...
642
+ 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
641
643
  </div>
642
644
  </div>
643
645
  </li>
@@ -646,7 +648,7 @@
646
648
  <div class="info">
647
649
  <div class="rank">
648
650
  <span title="Ranking 20">20</span>
649
- <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
651
+ <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
650
652
  </div>
651
653
  <div class="sub-title followers">
652
654
 
@@ -657,15 +659,15 @@
657
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"/>
658
660
  </g>
659
661
  </svg>
660
- <span>20</span>
662
+ <span>22</span>
661
663
  </span>
662
664
  &nbsp;
663
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
664
- <span>dragonir</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
666
+ <span>独钓寒江雪</span>
665
667
  </a>
666
668
  </div>
667
669
  <div class="details">
668
- 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
670
+ Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
669
671
  </div>
670
672
  </div>
671
673
  </li>
@@ -674,7 +676,7 @@
674
676
  <div class="info">
675
677
  <div class="rank">
676
678
  <span title="Ranking 21">21</span>
677
- <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
679
+ <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
678
680
  </div>
679
681
  <div class="sub-title followers">
680
682
 
@@ -685,15 +687,15 @@
685
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"/>
686
688
  </g>
687
689
  </svg>
688
- <span>17</span>
690
+ <span>18</span>
689
691
  </span>
690
692
  &nbsp;
691
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
692
- <span>小蘑菇</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
694
+ <span>前端小智</span>
693
695
  </a>
694
696
  </div>
695
697
  <div class="details">
696
- 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
698
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
697
699
  </div>
698
700
  </div>
699
701
  </li>
@@ -702,7 +704,7 @@
702
704
  <div class="info">
703
705
  <div class="rank">
704
706
  <span title="Ranking 22">22</span>
705
- <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
707
+ <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
706
708
  </div>
707
709
  <div class="sub-title followers">
708
710
 
@@ -713,15 +715,15 @@
713
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"/>
714
716
  </g>
715
717
  </svg>
716
- <span>17</span>
718
+ <span>16</span>
717
719
  </span>
718
720
  &nbsp;
719
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
720
- <span>XboxYan</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
722
+ <span>树酱</span>
721
723
  </a>
722
724
  </div>
723
725
  <div class="details">
724
- 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
726
+ 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
725
727
  </div>
726
728
  </div>
727
729
  </li>
@@ -730,7 +732,7 @@
730
732
  <div class="info">
731
733
  <div class="rank">
732
734
  <span title="Ranking 23">23</span>
733
- <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
735
+ <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
734
736
  </div>
735
737
  <div class="sub-title followers">
736
738
 
@@ -741,15 +743,15 @@
741
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"/>
742
744
  </g>
743
745
  </svg>
744
- <span>14</span>
746
+ <span>21</span>
745
747
  </span>
746
748
  &nbsp;
747
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
748
- <span>前端小智</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
750
+ <span>dragonir</span>
749
751
  </a>
750
752
  </div>
751
753
  <div class="details">
752
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
754
+ 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
753
755
  </div>
754
756
  </div>
755
757
  </li>
@@ -758,7 +760,7 @@
758
760
  <div class="info">
759
761
  <div class="rank">
760
762
  <span title="Ranking 24">24</span>
761
- <a href="https://segmentfault.com/a/1190000040814521" target="_blank" title="今天推荐，今年排名前 15 的 Vue 后台管理模板">今天推荐，今年排名前 15 的 Vue 后台管理模板</a>
763
+ <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
762
764
  </div>
763
765
  <div class="sub-title followers">
764
766
 
@@ -769,15 +771,15 @@
769
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"/>
770
772
  </g>
771
773
  </svg>
772
- <span>14</span>
774
+ <span>17</span>
773
775
  </span>
774
776
  &nbsp;
775
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
776
- <span>前端小智</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
778
+ <span>小蘑菇</span>
777
779
  </a>
778
780
  </div>
779
781
  <div class="details">
780
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
782
+ 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
781
783
  </div>
782
784
  </div>
783
785
  </li>
@@ -797,7 +799,7 @@
797
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"/>
798
800
  </g>
799
801
  </svg>
800
- <span>15</span>
802
+ <span>16</span>
801
803
  </span>
802
804
  &nbsp;
803
805
  <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
@@ -814,7 +816,7 @@
814
816
  <div class="info">
815
817
  <div class="rank">
816
818
  <span title="Ranking 26">26</span>
817
- <a href="https://segmentfault.com/a/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
819
+ <a href="https://segmentfault.com/a/1190000040814521" target="_blank" title="今天推荐，今年排名前 15 的 Vue 后台管理模板">今天推荐，今年排名前 15 的 Vue 后台管理模板</a>
818
820
  </div>
819
821
  <div class="sub-title followers">
820
822
 
@@ -825,15 +827,15 @@
825
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"/>
826
828
  </g>
827
829
  </svg>
828
- <span>13</span>
830
+ <span>15</span>
829
831
  </span>
830
832
  &nbsp;
831
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
832
- <span>wscats</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
834
+ <span>前端小智</span>
833
835
  </a>
834
836
  </div>
835
837
  <div class="details">
836
- 本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，
838
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
837
839
  </div>
838
840
  </div>
839
841
  </li>
@@ -842,7 +844,7 @@
842
844
  <div class="info">
843
845
  <div class="rank">
844
846
  <span title="Ranking 27">27</span>
845
- <a href="https://segmentfault.com/a/1190000040837145" target="_blank" title="利用 CSS Overview 面板重构优化你的网站">利用 CSS Overview 面板重构优化你的网站</a>
847
+ <a href="https://segmentfault.com/a/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</a>
846
848
  </div>
847
849
  <div class="sub-title followers">
848
850
 
@@ -853,15 +855,15 @@
853
855
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
854
856
  </g>
855
857
  </svg>
856
- <span>13</span>
858
+ <span>14</span>
857
859
  </span>
858
860
  &nbsp;
859
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
860
- <span>chokcoco</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
862
+ <span>CrazyCodes</span>
861
863
  </a>
862
864
  </div>
863
865
  <div class="details">
864
- 本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：
866
+ 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
865
867
  </div>
866
868
  </div>
867
869
  </li>
@@ -870,7 +872,7 @@
870
872
  <div class="info">
871
873
  <div class="rank">
872
874
  <span title="Ranking 28">28</span>
873
- <a href="https://segmentfault.com/a/1190000040759534" target="_blank" title="摊牌了，作为开发者，我经常用这14个 Github 偷偷学习">摊牌了，作为开发者，我经常用这14个 Github 偷偷学习</a>
875
+ <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
874
876
  </div>
875
877
  <div class="sub-title followers">
876
878
 
@@ -881,7 +883,7 @@
881
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"/>
882
884
  </g>
883
885
  </svg>
884
- <span>14</span>
886
+ <span>15</span>
885
887
  </span>
886
888
  &nbsp;
887
889
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -898,7 +900,7 @@
898
900
  <div class="info">
899
901
  <div class="rank">
900
902
  <span title="Ranking 29">29</span>
901
- <a href="https://segmentfault.com/a/1190000040780312" target="_blank" title="前端代码评审通常注意些什么">前端代码评审通常注意些什么</a>
903
+ <a href="https://segmentfault.com/a/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
902
904
  </div>
903
905
  <div class="sub-title followers">
904
906
 
@@ -909,15 +911,15 @@
909
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"/>
910
912
  </g>
911
913
  </svg>
912
- <span>9</span>
914
+ <span>13</span>
913
915
  </span>
914
916
  &nbsp;
915
- <a target="_blank" href="https://segmentfault.com/u/_vin_5d884143cd4cb" title="Programming Language">
916
- <span>_Vin</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
918
+ <span>wscats</span>
917
919
  </a>
918
920
  </div>
919
921
  <div class="details">
920
- 代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...
922
+ 本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，
921
923
  </div>
922
924
  </div>
923
925
  </li>
@@ -926,7 +928,7 @@
926
928
  <div class="info">
927
929
  <div class="rank">
928
930
  <span title="Ranking 30">30</span>
929
- <a href="https://segmentfault.com/a/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</a>
931
+ <a href="https://segmentfault.com/a/1190000040837145" target="_blank" title="利用 CSS Overview 面板重构优化你的网站">利用 CSS Overview 面板重构优化你的网站</a>
930
932
  </div>
931
933
  <div class="sub-title followers">
932
934
 
@@ -940,12 +942,12 @@
940
942
  <span>13</span>
941
943
  </span>
942
944
  &nbsp;
943
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
944
- <span>CrazyCodes</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
946
+ <span>chokcoco</span>
945
947
  </a>
946
948
  </div>
947
949
  <div class="details">
948
- 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
950
+ 本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：
949
951
  </div>
950
952
  </div>
951
953
  </li>
@@ -966,7 +968,7 @@
966
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
967
969
  </a>
968
970
  </div>
969
- <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/11/6 by Github API v3.</div>
970
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
971
973
  </div>
972
974
  </body>