@wcj/github-rank 21.12.4 → 21.12.8

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 +34269 -34267
  2. package/dist/sifou-daily.json +81 -126
  3. package/dist/sifou-monthly.json +91 -91
  4. package/dist/sifou-weekly.json +166 -166
  5. package/dist/toutiao-30.json +74 -74
  6. package/dist/toutiao-7.json +139 -139
  7. package/dist/toutiao-90.json +79 -79
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +170 -170
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +3057 -3057
  12. package/dist/users.json +3671 -3672
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34269 -34267
  16. package/web/data/sifou-daily.json +81 -126
  17. package/web/data/sifou-monthly.json +91 -91
  18. package/web/data/sifou-weekly.json +166 -166
  19. package/web/data/toutiao-30.json +74 -74
  20. package/web/data/toutiao-7.json +139 -139
  21. package/web/data/toutiao-90.json +79 -79
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +170 -170
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +3057 -3057
  26. package/web/data/users.json +3671 -3672
  27. package/web/index.html +1873 -1873
  28. package/web/repos.html +4140 -4136
  29. package/web/sifou-daily.html +68 -208
  30. package/web/sifou-monthly.html +140 -140
  31. package/web/sifou-weekly.html +138 -138
  32. package/web/toutiao-30.html +107 -107
  33. package/web/toutiao-7.html +99 -99
  34. package/web/toutiao-90.html +82 -82
  35. package/web/trending-monthly.html +154 -150
  36. package/web/trending-weekly.html +145 -149
  37. package/web/trending.html +138 -162
  38. package/web/users.china.html +1579 -1579
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/12/4 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/12/8 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/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
119
+ <a href="https://segmentfault.com/a/1190000040942225" target="_blank" title="这几个高级前端常用的API，你用到了吗？">这几个高级前端常用的API，你用到了吗？</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>60</span>
130
+ <span>54</span>
131
131
  </span>
132
132
  &nbsp;
133
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
134
- <span>Sunshine_Lin</span>
133
+ <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
134
+ <span>lzg9527</span>
135
135
  </a>
136
136
  </div>
137
137
  <div class="details">
138
- 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
138
+ MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。
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/1190000040942225" target="_blank" title="这几个高级前端常用的API，你用到了吗？">这几个高级前端常用的API，你用到了吗？</a>
147
+ <a href="https://segmentfault.com/a/1190000040996523" target="_blank" title="CSS mask 实现鼠标跟随镂空效果">CSS mask 实现鼠标跟随镂空效果</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>52</span>
158
+ <span>40</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
162
- <span>lzg9527</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
162
+ <span>XboxYan</span>
163
163
  </a>
164
164
  </div>
165
165
  <div class="details">
166
- MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。
166
+ 偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...
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/1190000040996523" target="_blank" title="CSS mask 实现鼠标跟随镂空效果">CSS mask 实现鼠标跟随镂空效果</a>
175
+ <a href="https://segmentfault.com/a/1190000040948561" 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>38</span>
186
+ <span>42</span>
187
187
  </span>
188
188
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
190
- <span>XboxYan</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
190
+ <span>杨成功</span>
191
191
  </a>
192
192
  </div>
193
193
  <div class="details">
194
- 偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...
194
+ 本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...
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/1190000040948561" target="_blank" title="前端架构师神技，三招统一代码风格（一文讲透）">前端架构师神技，三招统一代码风格（一文讲透）</a>
203
+ <a href="https://segmentfault.com/a/1190000040930212" target="_blank" title="一些常用的 Git 进阶知识与技巧">一些常用的 Git 进阶知识与技巧</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>42</span>
214
+ <span>35</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
218
- <span>杨成功</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
218
+ <span>谭光志</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...
222
+ 假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。
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/1190000040930212" target="_blank" title="一些常用的 Git 进阶知识与技巧">一些常用的 Git 进阶知识与技巧</a>
231
+ <a href="https://segmentfault.com/a/1190000040936266" target="_blank" title="3D 穿梭效果？使用 CSS 轻松搞定">3D 穿梭效果？使用 CSS 轻松搞定</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -239,15 +239,15 @@
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>39</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
246
- <span>谭光志</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
246
+ <span>chokcoco</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。
250
+ 背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...
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/1190000040936266" target="_blank" title="3D 穿梭效果？使用 CSS 轻松搞定">3D 穿梭效果？使用 CSS 轻松搞定</a>
259
+ <a href="https://segmentfault.com/a/1190000041056865" target="_blank" title="React、Vue我全都要！React Hook 实现 Vue 的11个基本功能">React、Vue我全都要！React Hook 实现 Vue 的11个基本功能</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>38</span>
270
+ <span>22</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
274
- <span>chokcoco</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
274
+ <span>Sunshine_Lin</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...
278
+ 大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。
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/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</a>
287
+ <a href="https://segmentfault.com/a/1190000040929396" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</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>28</span>
298
+ <span>26</span>
299
299
  </span>
300
300
  &nbsp;
301
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
302
- <span>前端胖头鱼</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
302
+ <span>前端小智</span>
303
303
  </a>
304
304
  </div>
305
305
  <div class="details">
306
- vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
306
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
315
+ <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -323,15 +323,15 @@
323
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"/>
324
324
  </g>
325
325
  </svg>
326
- <span>25</span>
326
+ <span>18</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
330
- <span>chokcoco</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
330
+ <span>边城</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
334
+ 自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
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/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</a>
343
+ <a href="https://segmentfault.com/a/1190000040937008" target="_blank" title="前端Node.js面试题">前端Node.js面试题</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>32</span>
354
+ <span>19</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
358
- <span>前端小智</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
358
+ <span>xiangzhihong</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
362
+ Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -368,7 +368,7 @@
368
368
  <div class="info">
369
369
  <div class="rank">
370
370
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000040929396" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
371
+ <a href="https://segmentfault.com/a/1190000041005444" target="_blank" title="以 Vuex 为引，一窥状态管理全貌">以 Vuex 为引，一窥状态管理全貌</a>
372
372
  </div>
373
373
  <div class="sub-title followers">
374
374
 
@@ -379,15 +379,15 @@
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>26</span>
382
+ <span>25</span>
383
383
  </span>
384
384
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
386
- <span>前端小智</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
386
+ <span>杨成功</span>
387
387
  </a>
388
388
  </div>
389
389
  <div class="details">
390
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
390
+ Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。
391
391
  </div>
392
392
  </div>
393
393
  </li>
@@ -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/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
399
+ <a href="https://segmentfault.com/a/1190000040978572" target="_blank" title="一文讲透自适应熔断的原理和实现">一文讲透自适应熔断的原理和实现</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>18</span>
410
+ <span>21</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
414
- <span>边城</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
414
+ <span>kevinwan</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- 自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
418
+ 微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...
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/1190000040937008" target="_blank" title="前端Node.js面试题">前端Node.js面试题</a>
427
+ <a href="https://segmentfault.com/a/1190000040971075" target="_blank" title="面试题整理之Vue篇">面试题整理之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>19</span>
438
+ <span>26</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/aaronblog" title="Programming Language">
442
+ <span>Aaron</span>
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...
446
+ 又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。
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/1190000041005444" target="_blank" title="以 Vuex 为引，一窥状态管理全貌">以 Vuex 为引，一窥状态管理全貌</a>
455
+ <a href="https://segmentfault.com/a/1190000041032091" target="_blank" title="良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！">良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -466,12 +466,12 @@
466
466
  <span>24</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
470
- <span>杨成功</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
470
+ <span>Sunshine_Lin</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。
474
+ 咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？
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/1190000040978572" target="_blank" title="一文讲透自适应熔断的原理和实现">一文讲透自适应熔断的原理和实现</a>
483
+ <a href="https://segmentfault.com/a/1190000041044028" target="_blank" title="使用 CSS 轻松实现高频出现的各类奇形怪状按钮">使用 CSS 轻松实现高频出现的各类奇形怪状按钮</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -491,15 +491,15 @@
491
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"/>
492
492
  </g>
493
493
  </svg>
494
- <span>21</span>
494
+ <span>19</span>
495
495
  </span>
496
496
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
498
- <span>kevinwan</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
498
+ <span>chokcoco</span>
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...
502
+ 背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...
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/1190000040971075" target="_blank" title="面试题整理之Vue篇">面试题整理之Vue篇</a>
511
+ <a href="https://segmentfault.com/a/1190000041004054" target="_blank" title="git进阶（撤销pull、撤销merge、撤销add）">git进阶（撤销pull、撤销merge、撤销add）</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>25</span>
522
+ <span>14</span>
523
523
  </span>
524
524
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/aaronblog" title="Programming Language">
526
- <span>Aaron</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
526
+ <span>浅夏晴空</span>
527
527
  </a>
528
528
  </div>
529
529
  <div class="details">
530
- 又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。
530
+ 1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本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/1190000041004054" target="_blank" title="git进阶（撤销pull、撤销merge、撤销add）">git进阶（撤销pull、撤销merge、撤销add）</a>
539
+ <a href="https://segmentfault.com/a/1190000040996585" target="_blank" title="「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！">「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！</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>14</span>
550
+ <span>23</span>
551
551
  </span>
552
552
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" 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
- 1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...
558
+ 大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！
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/1190000041032091" target="_blank" title="良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！">良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！</a>
567
+ <a href="https://segmentfault.com/a/1190000041000841" target="_blank" title="14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！">14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！</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>22</span>
578
+ <span>16</span>
579
579
  </span>
580
580
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
582
- <span>Sunshine_Lin</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
582
+ <span>前端小智</span>
583
583
  </a>
584
584
  </div>
585
585
  <div class="details">
586
- 咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？
586
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040904889" target="_blank" title="纯 Git 实现前端 CI/CD">纯 Git 实现前端 CI/CD</a>
595
+ <a href="https://segmentfault.com/a/1190000041031214" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
596
596
  </div>
597
597
  <div class="sub-title followers">
598
598
 
@@ -606,12 +606,12 @@
606
606
  <span>19</span>
607
607
  </span>
608
608
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
610
- <span>杨成功</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
610
+ <span>wscats</span>
611
611
  </a>
612
612
  </div>
613
613
  <div class="details">
614
- 最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...
614
+ 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
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/1190000040996585" target="_blank" title="「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！">「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！</a>
623
+ <a href="https://segmentfault.com/a/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</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>23</span>
634
+ <span>12</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
638
- <span>Sunshine_Lin</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
638
+ <span>张晋涛</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！
642
+ 大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
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/1190000041000841" target="_blank" title="14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！">14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！</a>
651
+ <a href="https://segmentfault.com/a/1190000041008293" target="_blank" title="PHP 基金会，是个好事 (PHP Foundation)">PHP 基金会，是个好事 (PHP Foundation)</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>16</span>
662
+ <span>15</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/summerblue" title="Programming Language">
666
+ <span>summerblue</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
670
+ 2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...
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/1190000041031214" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
679
+ <a href="https://segmentfault.com/a/1190000040759530" target="_blank" title="使用这11个代码，可以大大地简化我们的代码。">使用这11个代码，可以大大地简化我们的代码。</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>19</span>
690
+ <span>18</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
694
- <span>wscats</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
- 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
698
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</a>
707
+ <a href="https://segmentfault.com/a/1190000041016364" target="_blank" title="用CSS来撸一只神经猫">用CSS来撸一只神经猫</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>12</span>
718
+ <span>13</span>
719
719
  </span>
720
720
  &nbsp;
721
- <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
722
- <span>张晋涛</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/linshuai" title="Programming Language">
722
+ <span>linshuai</span>
723
723
  </a>
724
724
  </div>
725
725
  <div class="details">
726
- 大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
726
+ 之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：
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/1190000040759530" target="_blank" title="使用这11个代码，可以大大地简化我们的代码。">使用这11个代码，可以大大地简化我们的代码。</a>
735
+ <a href="https://segmentfault.com/a/1190000040922573" target="_blank" title="超过1W字深度剖析JVM常量池（全网最详细最有深度）">超过1W字深度剖析JVM常量池（全网最详细最有深度）</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>23</span>
747
747
  </span>
748
748
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
750
- <span>前端小智</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
750
+ <span>跟着Mic学架构</span>
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
754
+ 面试题：String a = &#34;ab&#34;; String b = &#34;a&#34; + &#34;b&#34;; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...
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/1190000041016364" target="_blank" title="用CSS来撸一只神经猫">用CSS来撸一只神经猫</a>
763
+ <a href="https://segmentfault.com/a/1190000040950850" target="_blank" title="CSS几个有趣的属性分享">CSS几个有趣的属性分享</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>13</span>
774
+ <span>11</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/linshuai" title="Programming Language">
778
- <span>linshuai</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
778
+ <span>JenK</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- 之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：
782
+ 这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...
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/1190000040950850" target="_blank" title="CSS几个有趣的属性分享">CSS几个有趣的属性分享</a>
791
+ <a href="https://segmentfault.com/a/1190000040979218" 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>11</span>
802
+ <span>13</span>
803
803
  </span>
804
804
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
806
- <span>JenK</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
806
+ <span>民工哥</span>
807
807
  </a>
808
808
  </div>
809
809
  <div class="details">
810
- 这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...
810
+ nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发，可支持任何tcp、udp上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还支持内网ht...
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/1190000041008293" target="_blank" title="PHP 基金会，是个好事 (PHP Foundation)">PHP 基金会，是个好事 (PHP Foundation)</a>
819
+ <a href="https://segmentfault.com/a/1190000040969572" 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>13</span>
830
+ <span>9</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/summerblue" title="Programming Language">
834
- <span>summerblue</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
834
+ <span>云叔_又拍云</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...
838
+ 下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...
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/1190000040922573" target="_blank" title="超过1W字深度剖析JVM常量池（全网最详细最有深度）">超过1W字深度剖析JVM常量池（全网最详细最有深度）</a>
847
+ <a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</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>22</span>
858
+ <span>8</span>
859
859
  </span>
860
860
  &nbsp;
861
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
862
- <span>跟着Mic学架构</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
862
+ <span>卡颂</span>
863
863
  </a>
864
864
  </div>
865
865
  <div class="details">
866
- 面试题：String a = &#34;ab&#34;; String b = &#34;a&#34; + &#34;b&#34;; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...
866
+ 大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...
867
867
  </div>
868
868
  </div>
869
869
  </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/1190000040935668" target="_blank" title="用了很多动效，介绍 4个很 Nice 的 Veu 路由过渡动效！">用了很多动效，介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
931
+ <a href="https://segmentfault.com/a/1190000040936318" target="_blank" title="简单、好懂的Svelte实现原理">简单、好懂的Svelte实现原理</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>14</span>
942
+ <span>12</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
946
- <span>前端小智</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
946
+ <span>卡颂</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
950
+ 大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...
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/12/4 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/12/8 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>