@wcj/github-rank 21.11.3 → 21.11.7

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 +37091 -37092
  2. package/dist/sifou-daily.json +29 -101
  3. package/dist/sifou-monthly.json +115 -115
  4. package/dist/sifou-weekly.json +163 -172
  5. package/dist/toutiao-30.json +89 -89
  6. package/dist/toutiao-7.json +145 -145
  7. package/dist/toutiao-90.json +48 -48
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +2989 -2990
  12. package/dist/users.json +3812 -3813
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +37091 -37092
  16. package/web/data/sifou-daily.json +29 -101
  17. package/web/data/sifou-monthly.json +115 -115
  18. package/web/data/sifou-weekly.json +163 -172
  19. package/web/data/toutiao-30.json +89 -89
  20. package/web/data/toutiao-7.json +145 -145
  21. package/web/data/toutiao-90.json +48 -48
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +2989 -2990
  26. package/web/data/users.json +3812 -3813
  27. package/web/index.html +1902 -1902
  28. package/web/repos.html +4277 -4277
  29. package/web/sifou-daily.html +25 -249
  30. package/web/sifou-monthly.html +134 -134
  31. package/web/sifou-weekly.html +139 -167
  32. package/web/toutiao-30.html +103 -103
  33. package/web/toutiao-7.html +101 -101
  34. package/web/toutiao-90.html +49 -49
  35. package/web/trending-monthly.html +143 -139
  36. package/web/trending-weekly.html +148 -144
  37. package/web/trending.html +152 -140
  38. package/web/users.china.html +1600 -1600
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/3 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/11/7 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>
@@ -116,7 +116,7 @@
116
116
  <div class="info">
117
117
  <div class="rank">
118
118
  <span title="Ranking 1">1</span>
119
- <a href="https://segmentfault.com/a/1190000040777100" target="_blank" title="20+ css高频实用片段，提高幸福感的小技能你可以拥有噢">20+ css高频实用片段，提高幸福感的小技能你可以拥有噢</a>
119
+ <a href="https://segmentfault.com/a/1190000040797816" target="_blank" title="近 20 人爆肝数周，写给初中级前端的万字高级进阶指南">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</a>
120
120
  </div>
121
121
  <div class="sub-title followers">
122
122
 
@@ -127,15 +127,15 @@
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>57</span>
130
+ <span>48</span>
131
131
  </span>
132
132
  &nbsp;
133
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
134
- <span>前端胖头鱼</span>
133
+ <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
134
+ <span>y_ck</span>
135
135
  </a>
136
136
  </div>
137
137
  <div class="details">
138
- 修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...
138
+ 当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。
139
139
  </div>
140
140
  </div>
141
141
  </li>
@@ -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/1190000040797816" target="_blank" title="近 20 人爆肝数周，写给初中级前端的万字高级进阶指南">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</a>
147
+ <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</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>46</span>
158
+ <span>37</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
162
- <span>y_ck</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" 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/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</a>
175
+ <a href="https://segmentfault.com/a/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</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>36</span>
186
+ <span>34</span>
187
187
  </span>
188
188
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
190
- <span>谭光志</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
190
+ <span>前端胖头鱼</span>
191
191
  </a>
192
192
  </div>
193
193
  <div class="details">
194
- 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
194
+ 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
195
195
  </div>
196
196
  </div>
197
197
  </li>
@@ -200,7 +200,7 @@
200
200
  <div class="info">
201
201
  <div class="rank">
202
202
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</a>
203
+ <a href="https://segmentfault.com/a/1190000040813435" target="_blank" title="50天用react.js重写50个web项目，我学到了什么？">50天用react.js重写50个web项目，我学到了什么？</a>
204
204
  </div>
205
205
  <div class="sub-title followers">
206
206
 
@@ -211,15 +211,15 @@
211
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"/>
212
212
  </g>
213
213
  </svg>
214
- <span>30</span>
214
+ <span>35</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
218
- <span>前端胖头鱼</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
218
+ <span>夕水</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
222
+ 1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...
223
223
  </div>
224
224
  </div>
225
225
  </li>
@@ -228,7 +228,7 @@
228
228
  <div class="info">
229
229
  <div class="rank">
230
230
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000040813435" target="_blank" title="50天用react.js重写50个web项目，我学到了什么？">50天用react.js重写50个web项目，我学到了什么？</a>
231
+ <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -242,12 +242,12 @@
242
242
  <span>30</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
246
- <span>夕水</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
246
+ <span>wuwhs</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...
250
+ 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -256,7 +256,7 @@
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/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
259
+ <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
260
260
  </div>
261
261
  <div class="sub-title followers">
262
262
 
@@ -267,15 +267,15 @@
267
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
268
  </g>
269
269
  </svg>
270
- <span>23</span>
270
+ <span>29</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/kyrieliu" title="Programming Language">
274
- <span>劉凯里</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
274
+ <span>独钓寒江雪</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
278
+ 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
279
279
  </div>
280
280
  </div>
281
281
  </li>
@@ -284,7 +284,7 @@
284
284
  <div class="info">
285
285
  <div class="rank">
286
286
  <span title="Ranking 7">7</span>
287
- <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
287
+ <a href="https://segmentfault.com/a/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
288
288
  </div>
289
289
  <div class="sub-title followers">
290
290
 
@@ -295,15 +295,15 @@
295
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"/>
296
296
  </g>
297
297
  </svg>
298
- <span>27</span>
298
+ <span>24</span>
299
299
  </span>
300
300
  &nbsp;
301
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
302
- <span>独钓寒江雪</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/kyrieliu" title="Programming Language">
302
+ <span>劉凯里</span>
303
303
  </a>
304
304
  </div>
305
305
  <div class="details">
306
- 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
306
+ 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
307
307
  </div>
308
308
  </div>
309
309
  </li>
@@ -312,7 +312,7 @@
312
312
  <div class="info">
313
313
  <div class="rank">
314
314
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</a>
315
+ <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -326,12 +326,12 @@
326
326
  <span>27</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
330
- <span>lulu_up</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
330
+ <span>chokcoco</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
334
+ 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
335
335
  </div>
336
336
  </div>
337
337
  </li>
@@ -340,7 +340,7 @@
340
340
  <div class="info">
341
341
  <div class="rank">
342
342
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
343
+ <a href="https://segmentfault.com/a/1190000040803264" target="_blank" title="【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我">【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我</a>
344
344
  </div>
345
345
  <div class="sub-title followers">
346
346
 
@@ -351,15 +351,15 @@
351
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"/>
352
352
  </g>
353
353
  </svg>
354
- <span>26</span>
354
+ <span>22</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
358
- <span>chokcoco</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
358
+ <span>前端胖头鱼</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
362
+ 写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -379,7 +379,7 @@
379
379
  <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"/>
380
380
  </g>
381
381
  </svg>
382
- <span>25</span>
382
+ <span>27</span>
383
383
  </span>
384
384
  &nbsp;
385
385
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -396,7 +396,7 @@
396
396
  <div class="info">
397
397
  <div class="rank">
398
398
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000040803264" target="_blank" title="【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我">【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我</a>
399
+ <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
400
400
  </div>
401
401
  <div class="sub-title followers">
402
402
 
@@ -407,15 +407,15 @@
407
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"/>
408
408
  </g>
409
409
  </svg>
410
- <span>22</span>
410
+ <span>26</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
414
- <span>前端胖头鱼</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
414
+ <span>xiangzhihong</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- 写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...
418
+ 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
419
419
  </div>
420
420
  </div>
421
421
  </li>
@@ -424,7 +424,7 @@
424
424
  <div class="info">
425
425
  <div class="rank">
426
426
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
427
+ <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
428
428
  </div>
429
429
  <div class="sub-title followers">
430
430
 
@@ -435,15 +435,15 @@
435
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"/>
436
436
  </g>
437
437
  </svg>
438
- <span>26</span>
438
+ <span>19</span>
439
439
  </span>
440
440
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
442
- <span>xiangzhihong</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
442
+ <span>前端小智</span>
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
446
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
447
447
  </div>
448
448
  </div>
449
449
  </li>
@@ -452,7 +452,7 @@
452
452
  <div class="info">
453
453
  <div class="rank">
454
454
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
455
+ <a href="https://segmentfault.com/a/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -463,15 +463,15 @@
463
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"/>
464
464
  </g>
465
465
  </svg>
466
- <span>19</span>
466
+ <span>22</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
470
- <span>前端小智</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
470
+ <span>独钓寒江雪</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
474
+ 严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...
475
475
  </div>
476
476
  </div>
477
477
  </li>
@@ -480,7 +480,7 @@
480
480
  <div class="info">
481
481
  <div class="rank">
482
482
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
483
+ <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -494,12 +494,12 @@
494
494
  <span>22</span>
495
495
  </span>
496
496
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
498
- <span>独钓寒江雪</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
498
+ <span>杨成功</span>
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...
502
+ 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
503
503
  </div>
504
504
  </div>
505
505
  </li>
@@ -508,7 +508,7 @@
508
508
  <div class="info">
509
509
  <div class="rank">
510
510
  <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000040823877" target="_blank" title="MySQL灵魂拷问：36题带你面试通关">MySQL灵魂拷问：36题带你面试通关</a>
511
+ <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
512
512
  </div>
513
513
  <div class="sub-title followers">
514
514
 
@@ -519,15 +519,15 @@
519
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"/>
520
520
  </g>
521
521
  </svg>
522
- <span>19</span>
522
+ <span>22</span>
523
523
  </span>
524
524
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
526
- <span>程序员大彬</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
526
+ <span>XboxYan</span>
527
527
  </a>
528
528
  </div>
529
529
  <div class="details">
530
- 大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...
530
+ 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
531
531
  </div>
532
532
  </div>
533
533
  </li>
@@ -536,7 +536,7 @@
536
536
  <div class="info">
537
537
  <div class="rank">
538
538
  <span title="Ranking 16">16</span>
539
- <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/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
540
540
  </div>
541
541
  <div class="sub-title followers">
542
542
 
@@ -547,15 +547,15 @@
547
547
  <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"/>
548
548
  </g>
549
549
  </svg>
550
- <span>22</span>
550
+ <span>28</span>
551
551
  </span>
552
552
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
554
- <span>独钓寒江雪</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
554
+ <span>Sunshine_Lin</span>
555
555
  </a>
556
556
  </div>
557
557
  <div class="details">
558
- Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
558
+ 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
559
559
  </div>
560
560
  </div>
561
561
  </li>
@@ -564,7 +564,7 @@
564
564
  <div class="info">
565
565
  <div class="rank">
566
566
  <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
567
+ <a href="https://segmentfault.com/a/1190000040823877" target="_blank" title="MySQL灵魂拷问：36题带你面试通关">MySQL灵魂拷问：36题带你面试通关</a>
568
568
  </div>
569
569
  <div class="sub-title followers">
570
570
 
@@ -575,15 +575,15 @@
575
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"/>
576
576
  </g>
577
577
  </svg>
578
- <span>17</span>
578
+ <span>20</span>
579
579
  </span>
580
580
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
582
- <span>杨成功</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
582
+ <span>程序员大彬</span>
583
583
  </a>
584
584
  </div>
585
585
  <div class="details">
586
- 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
586
+ 大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...
587
587
  </div>
588
588
  </div>
589
589
  </li>
@@ -592,7 +592,7 @@
592
592
  <div class="info">
593
593
  <div class="rank">
594
594
  <span title="Ranking 18">18</span>
595
- <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
595
+ <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
596
596
  </div>
597
597
  <div class="sub-title followers">
598
598
 
@@ -603,15 +603,15 @@
603
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
604
  </g>
605
605
  </svg>
606
- <span>16</span>
606
+ <span>26</span>
607
607
  </span>
608
608
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
610
- <span>树酱</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
610
+ <span>若川</span>
611
611
  </a>
612
612
  </div>
613
613
  <div class="details">
614
- 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
614
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...
615
615
  </div>
616
616
  </div>
617
617
  </li>
@@ -620,7 +620,7 @@
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/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
623
+ <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</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>16</span>
634
+ <span>22</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
638
- <span>前端小智</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
638
+ <span>独钓寒江雪</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
642
+ Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
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/1190000040770169" target="_blank" title="计算机网络经典20问！">计算机网络经典20问！</a>
651
+ <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</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>13</span>
662
+ <span>19</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
666
- <span>程序员大彬</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
666
+ <span>前端小智</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...
670
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
679
+ <a href="https://segmentfault.com/a/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</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>20</span>
690
+ <span>16</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
694
- <span>dragonir</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
694
+ <span>树酱</span>
695
695
  </a>
696
696
  </div>
697
697
  <div class="details">
698
- 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
698
+ 前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具
699
699
  </div>
700
700
  </div>
701
701
  </li>
@@ -704,7 +704,7 @@
704
704
  <div class="info">
705
705
  <div class="rank">
706
706
  <span title="Ranking 22">22</span>
707
- <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
707
+ <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
708
708
  </div>
709
709
  <div class="sub-title followers">
710
710
 
@@ -715,15 +715,15 @@
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>17</span>
718
+ <span>21</span>
719
719
  </span>
720
720
  &nbsp;
721
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
722
- <span>小蘑菇</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
722
+ <span>dragonir</span>
723
723
  </a>
724
724
  </div>
725
725
  <div class="details">
726
- 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
726
+ 本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...
727
727
  </div>
728
728
  </div>
729
729
  </li>
@@ -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/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
735
+ <a href="https://segmentfault.com/a/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</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>18</span>
746
+ <span>17</span>
747
747
  </span>
748
748
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
750
- <span>XboxYan</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
750
+ <span>小蘑菇</span>
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
754
+ 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
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/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
763
+ <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</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>15</span>
774
+ <span>16</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
778
- <span>前端小智</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
778
+ <span>若川</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
782
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
783
783
  </div>
784
784
  </div>
785
785
  </li>
@@ -799,7 +799,7 @@
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>14</span>
802
+ <span>15</span>
803
803
  </span>
804
804
  &nbsp;
805
805
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -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/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
819
+ <a href="https://segmentfault.com/a/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</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>15</span>
830
+ <span>14</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
834
- <span>若川</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
834
+ <span>CrazyCodes</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
838
+ 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
839
839
  </div>
840
840
  </div>
841
841
  </li>
@@ -844,7 +844,7 @@
844
844
  <div class="info">
845
845
  <div class="rank">
846
846
  <span title="Ranking 27">27</span>
847
- <a href="https://segmentfault.com/a/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
847
+ <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
848
848
  </div>
849
849
  <div class="sub-title followers">
850
850
 
@@ -855,15 +855,15 @@
855
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"/>
856
856
  </g>
857
857
  </svg>
858
- <span>13</span>
858
+ <span>15</span>
859
859
  </span>
860
860
  &nbsp;
861
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
862
- <span>wscats</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
862
+ <span>前端小智</span>
863
863
  </a>
864
864
  </div>
865
865
  <div class="details">
866
- 本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，
866
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
867
867
  </div>
868
868
  </div>
869
869
  </li>
@@ -883,7 +883,7 @@
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>13</span>
886
+ <span>14</span>
887
887
  </span>
888
888
  &nbsp;
889
889
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000040759534" target="_blank" title="摊牌了，作为开发者，我经常用这14个 Github 偷偷学习">摊牌了，作为开发者，我经常用这14个 Github 偷偷学习</a>
903
+ <a href="https://segmentfault.com/a/1190000040891379" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
904
904
  </div>
905
905
  <div class="sub-title followers">
906
906
 
@@ -911,7 +911,7 @@
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>14</span>
914
+ <span>16</span>
915
915
  </span>
916
916
  &nbsp;
917
917
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -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/1190000040780312" target="_blank" title="前端代码评审通常注意些什么">前端代码评审通常注意些什么</a>
931
+ <a href="https://segmentfault.com/a/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -939,15 +939,15 @@
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>9</span>
942
+ <span>13</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/_vin_5d884143cd4cb" title="Programming Language">
946
- <span>_Vin</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
946
+ <span>wscats</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...
950
+ 本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，
951
951
  </div>
952
952
  </div>
953
953
  </li>
@@ -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/3 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/11/7 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>