@wcj/github-rank 21.9.28 → 21.10.2

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 +34097 -33097
  2. package/dist/sifou-daily.json +17 -35
  3. package/dist/sifou-monthly.json +132 -132
  4. package/dist/sifou-weekly.json +174 -165
  5. package/dist/toutiao-30.json +92 -92
  6. package/dist/toutiao-7.json +138 -138
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +177 -188
  10. package/dist/trending-weekly.json +193 -193
  11. package/dist/users.china.json +3044 -3044
  12. package/dist/users.json +4015 -4015
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34097 -33097
  16. package/web/data/sifou-daily.json +17 -35
  17. package/web/data/sifou-monthly.json +132 -132
  18. package/web/data/sifou-weekly.json +174 -165
  19. package/web/data/toutiao-30.json +92 -92
  20. package/web/data/toutiao-7.json +138 -138
  21. package/web/data/toutiao-90.json +60 -60
  22. package/web/data/trending-daily.json +196 -196
  23. package/web/data/trending-monthly.json +177 -188
  24. package/web/data/trending-weekly.json +193 -193
  25. package/web/data/users.china.json +3044 -3044
  26. package/web/data/users.json +4015 -4015
  27. package/web/index.html +1939 -1939
  28. package/web/repos.html +4321 -4325
  29. package/web/sifou-daily.html +16 -72
  30. package/web/sifou-monthly.html +141 -141
  31. package/web/sifou-weekly.html +166 -138
  32. package/web/toutiao-30.html +90 -90
  33. package/web/toutiao-7.html +102 -102
  34. package/web/toutiao-90.html +106 -106
  35. package/web/trending-monthly.html +162 -196
  36. package/web/trending-weekly.html +173 -169
  37. package/web/trending.html +175 -171
  38. package/web/users.china.html +1534 -1534
package/web/sifou-weekly.html CHANGED
@@ -73,7 +73,7 @@
73
73
  </svg>
74
74
  </a>
75
75
  <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/9/28 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/2 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -96,7 +96,7 @@
96
96
  <div class="info">
97
97
  <div class="rank">
98
98
  <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040721650" target="_blank" title="20 个杀手级 JavaScript 单行代码">20 个杀手级 JavaScript 单行代码</a>
99
+ <a href="https://segmentfault.com/a/1190000040748929" target="_blank" title="📝 没 2 年 React Native 开发经验，你都遇不到这些坑">📝 没 2 年 React Native 开发经验，你都遇不到这些坑</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -107,15 +107,15 @@
107
107
  <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"/>
108
108
  </g>
109
109
  </svg>
110
- <span>27</span>
110
+ <span>16</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
114
- <span>JenK</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
114
+ <span>卤代烃</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...
118
+ React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。
119
119
  </div>
120
120
  </div>
121
121
  </li>
@@ -124,7 +124,7 @@
124
124
  <div class="info">
125
125
  <div class="rank">
126
126
  <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040720760" target="_blank" title="从0到1开发一款自己的vscode插件">从0到1开发一款自己的vscode插件</a>
127
+ <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</a>
128
128
  </div>
129
129
  <div class="sub-title followers">
130
130
 
@@ -135,15 +135,15 @@
135
135
  <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"/>
136
136
  </g>
137
137
  </svg>
138
- <span>16</span>
138
+ <span>13</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
142
- <span>执鸢者</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
142
+ <span>边城</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
146
+ 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
147
147
  </div>
148
148
  </div>
149
149
  </li>
@@ -152,7 +152,7 @@
152
152
  <div class="info">
153
153
  <div class="rank">
154
154
  <span title="Ranking 3">3</span>
155
- <a href="https://segmentfault.com/a/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</a>
155
+ <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
156
156
  </div>
157
157
  <div class="sub-title followers">
158
158
 
@@ -163,15 +163,15 @@
163
163
  <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"/>
164
164
  </g>
165
165
  </svg>
166
- <span>16</span>
166
+ <span>15</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
170
- <span>阿里巴巴淘系技术</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
170
+ <span>chokcoco</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
174
+ 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
175
175
  </div>
176
176
  </div>
177
177
  </li>
@@ -180,7 +180,7 @@
180
180
  <div class="info">
181
181
  <div class="rank">
182
182
  <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</a>
183
+ <a href="https://segmentfault.com/a/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,7 +191,7 @@
191
191
  <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"/>
192
192
  </g>
193
193
  </svg>
194
- <span>15</span>
194
+ <span>19</span>
195
195
  </span>
196
196
  &nbsp;
197
197
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -199,7 +199,7 @@
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
202
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -208,7 +208,7 @@
208
208
  <div class="info">
209
209
  <div class="rank">
210
210
  <span title="Ranking 5">5</span>
211
- <a href="https://segmentfault.com/a/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</a>
211
+ <a href="https://segmentfault.com/a/1190000040747951" target="_blank" title="【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组">【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -219,15 +219,15 @@
219
219
  <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"/>
220
220
  </g>
221
221
  </svg>
222
- <span>12</span>
222
+ <span>13</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
226
- <span>lzg9527</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
226
+ <span>前端胖头鱼</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
230
+ 数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？
231
231
  </div>
232
232
  </div>
233
233
  </li>
@@ -236,7 +236,7 @@
236
236
  <div class="info">
237
237
  <div class="rank">
238
238
  <span title="Ranking 6">6</span>
239
- <a href="https://segmentfault.com/a/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</a>
239
+ <a href="https://segmentfault.com/a/1190000040742732" target="_blank" title="React 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWork">React 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWork</a>
240
240
  </div>
241
241
  <div class="sub-title followers">
242
242
 
@@ -247,15 +247,15 @@
247
247
  <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"/>
248
248
  </g>
249
249
  </svg>
250
- <span>10</span>
250
+ <span>5</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
254
- <span>零一</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
254
+ <span>array_huang</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
258
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
259
259
  </div>
260
260
  </div>
261
261
  </li>
@@ -264,7 +264,7 @@
264
264
  <div class="info">
265
265
  <div class="rank">
266
266
  <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</a>
267
+ <a href="https://segmentfault.com/a/1190000040741437" target="_blank" title="过滤/筛选树节点">过滤/筛选树节点</a>
268
268
  </div>
269
269
  <div class="sub-title followers">
270
270
 
@@ -275,7 +275,7 @@
275
275
  <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"/>
276
276
  </g>
277
277
  </svg>
278
- <span>9</span>
278
+ <span>7</span>
279
279
  </span>
280
280
  &nbsp;
281
281
  <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
@@ -283,7 +283,7 @@
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
286
+ 过滤/筛选树节点又是树，是我跟树杠上了吗？—— 不，是树的问题太多了！🔗 相关文章推荐：使用递归遍历并转换树形数据（以 TypeScript 为例）从列表生成树 (JavaScript/TypeScript) 过滤和筛选是一个意思，都是 fil...
287
287
  </div>
288
288
  </div>
289
289
  </li>
@@ -292,7 +292,7 @@
292
292
  <div class="info">
293
293
  <div class="rank">
294
294
  <span title="Ranking 8">8</span>
295
- <a href="https://segmentfault.com/a/1190000040723029" target="_blank" title="React 源码解析系列 - React 的 render 阶段（二）：beginWork">React 源码解析系列 - React 的 render 阶段（二）：beginWork</a>
295
+ <a href="https://segmentfault.com/a/1190000040737725" target="_blank" title="深入 WebAssembly 之解释器实现篇">深入 WebAssembly 之解释器实现篇</a>
296
296
  </div>
297
297
  <div class="sub-title followers">
298
298
 
@@ -303,15 +303,15 @@
303
303
  <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"/>
304
304
  </g>
305
305
  </svg>
306
- <span>6</span>
306
+ <span>7</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
310
- <span>array_huang</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
310
+ <span>云音乐大前端团队</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
314
+ 从去年年底开始笔者决定深入 WebAssembly（为了书写方便，接下来简称为 Wasm）这门技术，在读《WebAssembly 原理与核心技术》这本书的过程中（这本书详细讲解了 Wasm 的解释器和虚拟机的工作原理以及实现思路），...
315
315
  </div>
316
316
  </div>
317
317
  </li>
@@ -320,7 +320,7 @@
320
320
  <div class="info">
321
321
  <div class="rank">
322
322
  <span title="Ranking 9">9</span>
323
- <a href="https://segmentfault.com/a/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</a>
323
+ <a href="https://segmentfault.com/a/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</a>
324
324
  </div>
325
325
  <div class="sub-title followers">
326
326
 
@@ -331,15 +331,15 @@
331
331
  <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"/>
332
332
  </g>
333
333
  </svg>
334
- <span>11</span>
334
+ <span>7</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
338
- <span>CodeSheep</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
338
+ <span>叶东富</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
342
+ 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
343
343
  </div>
344
344
  </div>
345
345
  </li>
@@ -348,7 +348,7 @@
348
348
  <div class="info">
349
349
  <div class="rank">
350
350
  <span title="Ranking 10">10</span>
351
- <a href="https://segmentfault.com/a/1190000040729633" target="_blank" title="加密的艺术">加密的艺术</a>
351
+ <a href="https://segmentfault.com/a/1190000040750970" target="_blank" title="代码签名证书，让软件真正拥有姓名！">代码签名证书，让软件真正拥有姓名！</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -359,7 +359,7 @@
359
359
  <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"/>
360
360
  </g>
361
361
  </svg>
362
- <span>8</span>
362
+ <span>7</span>
363
363
  </span>
364
364
  &nbsp;
365
365
  <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
@@ -367,7 +367,7 @@
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 加密算法最早诞生在什么时候？计算机出现之后吗？不，早在公元前 7 世纪，古希腊人就已经在使用加密算法了。他们使用一根叫 scytale 的棍子来传递加密信息，加密时先绕棍子卷一张纸条，把信息沿棒水平方向写，写...
370
+ 一个月黑风高的夜晚，雪色的 LED 灯和电脑屏幕上变动的图案共同在二狗子脸上映出一片色彩斑斓的影子。性能卓越的耳机屏蔽了一切外在杂音，只留给二狗子简单极致的：“Double Kill！Triple Kill！Quadr Kill！”二狗...
371
371
  </div>
372
372
  </div>
373
373
  </li>
@@ -376,7 +376,7 @@
376
376
  <div class="info">
377
377
  <div class="rank">
378
378
  <span title="Ranking 11">11</span>
379
- <a href="https://segmentfault.com/a/1190000040727897" target="_blank" title="打造她喜欢的Github主页">打造她喜欢的Github主页</a>
379
+ <a href="https://segmentfault.com/a/1190000040740319" target="_blank" title="保姆级教学！这次一定学会开发babel插件！">保姆级教学！这次一定学会开发babel插件！</a>
380
380
  </div>
381
381
  <div class="sub-title followers">
382
382
 
@@ -387,15 +387,15 @@
387
387
  <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"/>
388
388
  </g>
389
389
  </svg>
390
- <span>6</span>
390
+ <span>4</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang" title="Programming Language">
394
- <span>树酱</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/nixiaolei" title="Programming Language">
394
+ <span>a磊的前端梦</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 前言：哈喽，我是树酱。先聊聊本文的起源，某天在水群的时候看到某大佬的Github账户主页，颜值简直爆棚。反观看树酱的Github主页，简直就是“陋室”，难以入眼！或者很多开发的小伙伴跟我一样，平时在github上参与...
398
+ 如果你有babel相关知识基础建议直接跳过 前置知识 部分，直接前往 &#34;插件编写&#34; 部分。前置知识什么是AST学习babel, 必备知识就是理解AST。 那什么是AST呢？先来看下维基百科的解释:在计算机科学中，抽象语法树（Ab...
399
399
  </div>
400
400
  </div>
401
401
  </li>
@@ -404,7 +404,7 @@
404
404
  <div class="info">
405
405
  <div class="rank">
406
406
  <span title="Ranking 12">12</span>
407
- <a href="https://segmentfault.com/a/1190000040724240" target="_blank" title="亿级流量系统架构演进之路">亿级流量系统架构演进之路</a>
407
+ <a href="https://segmentfault.com/a/1190000040748033" target="_blank" title="【思考】$nextTick 与 setTimeout 的一点对比！">【思考】$nextTick 与 setTimeout 的一点对比！</a>
408
408
  </div>
409
409
  <div class="sub-title followers">
410
410
 
@@ -415,15 +415,15 @@
415
415
  <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"/>
416
416
  </g>
417
417
  </svg>
418
- <span>7</span>
418
+ <span>6</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
422
- <span>云叔_又拍云</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
422
+ <span>前端小智</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 海量用户同时进行高频访问对任何平台都是难题，也是行业乐此不疲的研究方向。但值得庆幸的是，虽然业务场景不同，设计和优化的思想却是万变不离宗。本文将结合业务与高并发系统设计的核心技术点，对系统架构调优...
426
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
427
427
  </div>
428
428
  </div>
429
429
  </li>
@@ -432,7 +432,7 @@
432
432
  <div class="info">
433
433
  <div class="rank">
434
434
  <span title="Ranking 13">13</span>
435
- <a href="https://segmentfault.com/a/1190000040712187" target="_blank" title="建立和维护大型Vue.js项目的10个最佳实践">建立和维护大型Vue.js项目的10个最佳实践</a>
435
+ <a href="https://segmentfault.com/a/1190000040751671" target="_blank" title="postTask：React的杀手锏被浏览器原生实现了？">postTask：React的杀手锏被浏览器原生实现了？</a>
436
436
  </div>
437
437
  <div class="sub-title followers">
438
438
 
@@ -443,15 +443,15 @@
443
443
  <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"/>
444
444
  </g>
445
445
  </svg>
446
- <span>9</span>
446
+ <span>3</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/yujiaao" title="Programming Language">
450
- <span>Yujiaao</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
450
+ <span>卡颂</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 今年的自由职业生涯中，我有机会从事一些大型Vue应用程序的工作。我所谈论的项目有超过12个Vuex 存储，大量组件（有时数百个）和许多视图（页面）。实际上，这对我来说是非常有意义的经历，因为我发现了许多有趣...
454
+ 大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...
455
455
  </div>
456
456
  </div>
457
457
  </li>
@@ -460,7 +460,7 @@
460
460
  <div class="info">
461
461
  <div class="rank">
462
462
  <span title="Ranking 14">14</span>
463
- <a href="https://segmentfault.com/a/1190000040724594" target="_blank" title="Sass速成课">Sass速成课</a>
463
+ <a href="https://segmentfault.com/a/1190000040740089" target="_blank" title="教你如何让Redis更持久 ！">教你如何让Redis更持久 ！</a>
464
464
  </div>
465
465
  <div class="sub-title followers">
466
466
 
@@ -471,15 +471,15 @@
471
471
  <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"/>
472
472
  </g>
473
473
  </svg>
474
- <span>5</span>
474
+ <span>4</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
478
- <span>JenK</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
478
+ <span>蔡不菜丶</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...
482
+ 最近在面试的路上愈走愈远了，Redis肯定是一个热门面试方向。像有几种数据结构？如何实现延迟队列？淘汰机制是怎么样的？都快问到麻木，这些问题还常绕脑梁。那我们这篇就举一个比较常见且难度适中的面试题来聊聊...
483
483
  </div>
484
484
  </div>
485
485
  </li>
@@ -488,7 +488,7 @@
488
488
  <div class="info">
489
489
  <div class="rank">
490
490
  <span title="Ranking 15">15</span>
491
- <a href="https://segmentfault.com/a/1190000040714810" target="_blank" title="高可用延迟队列设计与实现">高可用延迟队列设计与实现</a>
491
+ <a href="https://segmentfault.com/a/1190000040755977" target="_blank" title="🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)">🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)</a>
492
492
  </div>
493
493
  <div class="sub-title followers">
494
494
 
@@ -502,12 +502,12 @@
502
502
  <span>4</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
506
- <span>kevinwan</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
506
+ <span>铁皮饭盒</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 延迟队列：一种带有 延迟功能 的消息队列延时 → 未来一个不确定的时间mq → 消费行为具有顺序性这样解释，整个设计就清楚了。你的目的是 延时，承载容器是 mq。背景列举一下我日常业务中可能存在的场景：建立延时...
510
+ &#34;组合API&#34;可以更进一步拆分&#34;选项API&#34;中的JS逻辑. 可以把某一逻辑的&#34;data/computed/watch/methods/声明周期钩子&#34;单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名&#34;useXxx&#34;.
511
511
  </div>
512
512
  </div>
513
513
  </li>
@@ -516,7 +516,7 @@
516
516
  <div class="info">
517
517
  <div class="rank">
518
518
  <span title="Ranking 16">16</span>
519
- <a href="https://segmentfault.com/a/1190000040717765" target="_blank" title="JavaScript好玩实用的API分享">JavaScript好玩实用的API分享</a>
519
+ <a href="https://segmentfault.com/a/1190000040740368" target="_blank" title="解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题">解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题</a>
520
520
  </div>
521
521
  <div class="sub-title followers">
522
522
 
@@ -527,15 +527,15 @@
527
527
  <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"/>
528
528
  </g>
529
529
  </svg>
530
- <span>4</span>
530
+ <span>3</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
534
- <span>JenK</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/suhangweb" title="Programming Language">
534
+ <span>杭州蘇小小</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- Battery API提供了有关系统充电级别的信息并提供了通过电池等级或者充电状态的改变提醒用户的事件。 这个可以在设备电量低的时候调整应用的资源使用状态，或者在电池用尽前保存应用中的修改以防数据丢失。
538
+ 在chrome浏览器中如果设置了谷歌翻译自动翻译，有的时候会很烦人，所以可以选择禁用谷歌翻译，具体方法如下1、在html 标签中加入属性 translate=&#34;no&#34;, 禁止全站翻译 {代码...} 2、在html文件的head中加入 (亲测,...
539
539
  </div>
540
540
  </div>
541
541
  </li>
@@ -544,7 +544,7 @@
544
544
  <div class="info">
545
545
  <div class="rank">
546
546
  <span title="Ranking 17">17</span>
547
- <a href="https://segmentfault.com/a/1190000040666444" target="_blank" title="终于搞懂了 CSS 中的百分比是基于什么工作的了！">终于搞懂了 CSS 中的百分比是基于什么工作的了！</a>
547
+ <a href="https://segmentfault.com/a/1190000040748768" target="_blank" title="MySQL 架构总览-&gt;查询执行流程-&gt;SQL 解析顺序">MySQL 架构总览-&gt;查询执行流程-&gt;SQL 解析顺序</a>
548
548
  </div>
549
549
  <div class="sub-title followers">
550
550
 
@@ -555,15 +555,15 @@
555
555
  <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"/>
556
556
  </g>
557
557
  </svg>
558
- <span>6</span>
558
+ <span>4</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
562
- <span>前端小智</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
562
+ <span>民工哥</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 作者：Khang译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
566
+ 前言一直是想知道一条 SQL 语句是怎么被执行的，它执行的顺序是怎样的，然后查看总结各方资料，就有了下面这一篇博文了。本文将从 MySQL 总体架构 -&gt; 查询执行流程 -&gt; 语句执行顺序来探讨一下其中的知识。M...
567
567
  </div>
568
568
  </div>
569
569
  </li>
@@ -572,7 +572,7 @@
572
572
  <div class="info">
573
573
  <div class="rank">
574
574
  <span title="Ranking 18">18</span>
575
- <a href="https://segmentfault.com/a/1190000040715763" target="_blank" title="如何用B站弹幕控制游戏">如何用B站弹幕控制游戏</a>
575
+ <a href="https://segmentfault.com/a/1190000040738145" target="_blank" title="端到端的实时计算：TiDB + Flink 最佳实践">端到端的实时计算：TiDB + Flink 最佳实践</a>
576
576
  </div>
577
577
  <div class="sub-title followers">
578
578
 
@@ -583,15 +583,15 @@
583
583
  <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"/>
584
584
  </g>
585
585
  </svg>
586
- <span>5</span>
586
+ <span>2</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
590
- <span>卡颂</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/pingcap" title="Programming Language">
590
+ <span>PingCAP</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 大家好，我卡颂。中秋节在家无聊，想整点儿好玩的。思来想去决定做个用弹幕控制的坦克大战。具体逻辑是：监听直播间水友们的弹幕将弹幕中有效的指令提取出来将指令转化为键盘按键在坦克大战中输入直播坦克大战游...
594
+ 孙晓光，PingCAP Community Development 团队负责人，原知乎基础研发团队架构师，长期从事分布式系统相关研发工作，关注云原生技术。
595
595
  </div>
596
596
  </div>
597
597
  </li>
@@ -600,7 +600,7 @@
600
600
  <div class="info">
601
601
  <div class="rank">
602
602
  <span title="Ranking 19">19</span>
603
- <a href="https://segmentfault.com/a/1190000040737725" target="_blank" title="深入 WebAssembly 之解释器实现篇">深入 WebAssembly 之解释器实现篇</a>
603
+ <a href="https://segmentfault.com/a/1190000040739836" target="_blank" title="中国开源云联盟年度评选正式启动，欢迎申报！">中国开源云联盟年度评选正式启动，欢迎申报！</a>
604
604
  </div>
605
605
  <div class="sub-title followers">
606
606
 
@@ -611,15 +611,15 @@
611
611
  <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"/>
612
612
  </g>
613
613
  </svg>
614
- <span>5</span>
614
+ <span>2</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
618
- <span>云音乐大前端团队</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
618
+ <span>SegmentFault思否</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 从去年年底开始笔者决定深入 WebAssembly（为了书写方便，接下来简称为 Wasm）这门技术，在读《WebAssembly 原理与核心技术》这本书的过程中（这本书详细讲解了 Wasm 的解释器和虚拟机的工作原理以及实现思路），...
622
+ 当前，新一轮科技革命和产业变革方兴未艾，全球创新版图和经济结构正在被重塑。由于开放协同、群智化的特点，开源已成为创新的重要手段，无论在中国还是全球范围内，开源正在深度推动信息技术的创新发展。
623
623
  </div>
624
624
  </div>
625
625
  </li>
@@ -628,7 +628,7 @@
628
628
  <div class="info">
629
629
  <div class="rank">
630
630
  <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040714880" target="_blank" title="用PHP轻松完成一个分布式事务TCC，保姆级教程">用PHP轻松完成一个分布式事务TCC，保姆级教程</a>
631
+ <a href="https://segmentfault.com/a/1190000040733952" target="_blank" title="得物技术浅谈MySQL 8.0：新的身份验证插件（caching_sha2_password）">得物技术浅谈MySQL 8.0：新的身份验证插件（caching_sha2_password）</a>
632
632
  </div>
633
633
  <div class="sub-title followers">
634
634
 
@@ -639,15 +639,15 @@
639
639
  <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"/>
640
640
  </g>
641
641
  </svg>
642
- <span>4</span>
642
+ <span>2</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
646
- <span>叶东富</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
646
+ <span>得物技术</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
650
+ 从 MySQL 8.0.4 开始，默认身份验证插件从 mysql_native_password 更改为 caching_sha2_password。相应地，现在的 libmysqlclient 将使用 caching_sha2_password 作为默认的验证机制。
651
651
  </div>
652
652
  </div>
653
653
  </li>
@@ -656,7 +656,7 @@
656
656
  <div class="info">
657
657
  <div class="rank">
658
658
  <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040714212" target="_blank" title="伪类和伪元素">伪类和伪元素</a>
659
+ <a href="https://segmentfault.com/a/1190000040748785" target="_blank" title="LeetCode-374-猜数字大小">LeetCode-374-猜数字大小</a>
660
660
  </div>
661
661
  <div class="sub-title followers">
662
662
 
@@ -670,12 +670,12 @@
670
670
  <span>3</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/chengjufei" title="Programming Language">
674
- <span>chengjufei</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
674
+ <span>雄狮虎豹</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 一、伪类已存在的某个元素处于某种状态，但是通过dom树无法表达这种状态，就可以通过伪类来描述这种状态。主要有状态伪类，结构伪类，表单相关伪类，其他伪类
678
+ 题目描述：猜数字游戏的规则如下：每轮游戏，我都会从 1 到 n 随机选择一个数字。 请你猜选出的是哪个数字。如果你猜错了，我会告诉你，你猜测的数字比我选出的数字是大了还是小了。你可以通过调用一个预先定义好...
679
679
  </div>
680
680
  </div>
681
681
  </li>
@@ -684,7 +684,7 @@
684
684
  <div class="info">
685
685
  <div class="rank">
686
686
  <span title="Ranking 22">22</span>
687
- <a href="https://segmentfault.com/a/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</a>
687
+ <a href="https://segmentfault.com/a/1190000040748678" target="_blank" title="Nginx 缓存机制详解！非常详细实用">Nginx 缓存机制详解！非常详细实用</a>
688
688
  </div>
689
689
  <div class="sub-title followers">
690
690
 
@@ -695,15 +695,15 @@
695
695
  <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"/>
696
696
  </g>
697
697
  </svg>
698
- <span>4</span>
698
+ <span>3</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
702
- <span>叶东富</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
702
+ <span>民工哥</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
706
+ Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。
707
707
  </div>
708
708
  </div>
709
709
  </li>
@@ -712,7 +712,7 @@
712
712
  <div class="info">
713
713
  <div class="rank">
714
714
  <span title="Ranking 23">23</span>
715
- <a href="https://segmentfault.com/a/1190000040729159" target="_blank" title="这些操作删除console.log代码，你都知道吗">这些操作删除console.log代码，你都知道吗</a>
715
+ <a href="https://segmentfault.com/a/1190000040735569" target="_blank" title="对CSS变量不熟悉，这5个事例可看看！">对CSS变量不熟悉，这5个事例可看看！</a>
716
716
  </div>
717
717
  <div class="sub-title followers">
718
718
 
@@ -723,15 +723,15 @@
723
723
  <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"/>
724
724
  </g>
725
725
  </svg>
726
- <span>3</span>
726
+ <span>4</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
730
- <span>蛙人</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
730
+ <span>前端小智</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删...
734
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
735
735
  </div>
736
736
  </div>
737
737
  </li>
@@ -740,7 +740,7 @@
740
740
  <div class="info">
741
741
  <div class="rank">
742
742
  <span title="Ranking 24">24</span>
743
- <a href="https://segmentfault.com/a/1190000040714138" target="_blank" title="开源了一个小的前端脚手架（队内分享）">开源了一个小的前端脚手架（队内分享）</a>
743
+ <a href="https://segmentfault.com/a/1190000040761666" target="_blank" title="从一个问题中了解数学在编程中的应用">从一个问题中了解数学在编程中的应用</a>
744
744
  </div>
745
745
  <div class="sub-title followers">
746
746
 
@@ -751,15 +751,15 @@
751
751
  <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"/>
752
752
  </g>
753
753
  </svg>
754
- <span>2</span>
754
+ <span>4</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
758
- <span>前端小智</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/zangeci" title="Programming Language">
758
+ <span>zangeci</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 这个是我开源的第二个项目，第一个开源项目是一个 okr 的树形图，目前有 349 个star，地址如下： [链接]，精力有限，近期维护的比较少，如果有兴趣的小伙伴可以加入一直维护。
762
+ 那么我是如何简化呢？当看到上面一长串的逻辑判断的时候，显而易见的就是存在太多字段的重复使用，笔者第一感觉就是应该可以用布尔代数来简化，这里就涉及到两个知识点了，布尔代数的法则以及布尔代数运算律，关...
763
763
  </div>
764
764
  </div>
765
765
  </li>
@@ -768,7 +768,7 @@
768
768
  <div class="info">
769
769
  <div class="rank">
770
770
  <span title="Ranking 25">25</span>
771
- <a href="https://segmentfault.com/a/1190000040721783" target="_blank" title="CSS和SVG实现文字渐变、描边、投影">CSS和SVG实现文字渐变、描边、投影</a>
771
+ <a href="https://segmentfault.com/a/1190000040738234" target="_blank" title="搞定 NodeJS 开发调试">搞定 NodeJS 开发调试</a>
772
772
  </div>
773
773
  <div class="sub-title followers">
774
774
 
@@ -779,15 +779,15 @@
779
779
  <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"/>
780
780
  </g>
781
781
  </svg>
782
- <span>4</span>
782
+ <span>2</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
786
- <span>XboxYan</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/everfind" title="Programming Language">
786
+ <span>用户bPcUOqJ</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影作为一个有追求的前端，当然不会直接用图片啦~ 这...
790
+ 代码调试有时候是一种充满挑战的工作，如果有一个趁手的调试工具的话，往往可以做到事半功倍的效果。得益于这些年的快速发展，在 NodeJS 生态中已经有了多种调试工具可以使用。我们今年就来分享几个常用的调试工具。
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -796,7 +796,7 @@
796
796
  <div class="info">
797
797
  <div class="rank">
798
798
  <span title="Ranking 26">26</span>
799
- <a href="https://segmentfault.com/a/1190000040740089" target="_blank" title="教你如何让Redis更持久 ！">教你如何让Redis更持久 ！</a>
799
+ <a href="https://segmentfault.com/a/1190000040757849" target="_blank" title="技术面试通用方法论">技术面试通用方法论</a>
800
800
  </div>
801
801
  <div class="sub-title followers">
802
802
 
@@ -807,15 +807,15 @@
807
807
  <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"/>
808
808
  </g>
809
809
  </svg>
810
- <span>3</span>
810
+ <span>1</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
814
- <span>蔡不菜丶</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/leancloud" title="Programming Language">
814
+ <span>LeanCloud</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 最近在面试的路上愈走愈远了，Redis肯定是一个热门面试方向。像有几种数据结构？如何实现延迟队列？淘汰机制是怎么样的？都快问到麻木，这些问题还常绕脑梁。那我们这篇就举一个比较常见且难度适中的面试题来聊聊...
818
+ 面试者尽可能的去详细了解企业，除岗位要求以外，还可以通过不同的渠道去了解企业的价值观，文档风格，使用的技术栈，来判断是否符合自己的预期。找工作其实与找对象的方式差不多，都是互相匹配的过程，匹配度越...
819
819
  </div>
820
820
  </div>
821
821
  </li>
@@ -824,7 +824,7 @@
824
824
  <div class="info">
825
825
  <div class="rank">
826
826
  <span title="Ranking 27">27</span>
827
- <a href="https://segmentfault.com/a/1190000040534300" target="_blank" title="评价打分组件，SVG 半颗星的解决方案！">评价打分组件，SVG 半颗星的解决方案！</a>
827
+ <a href="https://segmentfault.com/a/1190000040743443" target="_blank" title="JuiceFS v0.17 发布，通过 1270 项 LTP 测试！">JuiceFS v0.17 发布，通过 1270 项 LTP 测试！</a>
828
828
  </div>
829
829
  <div class="sub-title followers">
830
830
 
@@ -835,15 +835,15 @@
835
835
  <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"/>
836
836
  </g>
837
837
  </svg>
838
- <span>2</span>
838
+ <span>3</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
842
- <span>前端小智</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
842
+ <span>JuiceFS</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
846
+ 小伙伴们大家好，JuiceFS v0.17 在国庆小长假来临之际如期发布了！这是我们在 2021 年秋季推出的第二个版本，让我们直奔主题，看看都有哪些新变化吧。
847
847
  </div>
848
848
  </div>
849
849
  </li>
@@ -852,7 +852,7 @@
852
852
  <div class="info">
853
853
  <div class="rank">
854
854
  <span title="Ranking 28">28</span>
855
- <a href="https://segmentfault.com/a/1190000040740368" target="_blank" title="解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题">解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题</a>
855
+ <a href="https://segmentfault.com/a/1190000040758640" target="_blank" title="最陌生的hooks: useImperativeHandle">最陌生的hooks: useImperativeHandle</a>
856
856
  </div>
857
857
  <div class="sub-title followers">
858
858
 
@@ -863,15 +863,15 @@
863
863
  <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"/>
864
864
  </g>
865
865
  </svg>
866
- <span>3</span>
866
+ <span>2</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/suhangweb" title="Programming Language">
870
- <span>杭州蘇小小</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/yaofly" title="Programming Language">
870
+ <span>普拉斯强</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 在chrome浏览器中如果设置了谷歌翻译自动翻译，有的时候会很烦人，所以可以选择禁用谷歌翻译，具体方法如下1、在html 标签中加入属性 translate=&#34;no&#34;, 禁止全站翻译 {代码...} 2、在html文件的head中加入 (亲测,...
874
+ 估计都比较熟悉这些HOOKS了吧：useState, useEffect, useContext, useMemo。但我当第一次看到useImperativeHandle时，一脸懵逼（这是什么鬼东西~~~）。
875
875
  </div>
876
876
  </div>
877
877
  </li>
@@ -880,7 +880,7 @@
880
880
  <div class="info">
881
881
  <div class="rank">
882
882
  <span title="Ranking 29">29</span>
883
- <a href="https://segmentfault.com/a/1190000040738145" target="_blank" title="端到端的实时计算：TiDB + Flink 最佳实践">端到端的实时计算：TiDB + Flink 最佳实践</a>
883
+ <a href="https://segmentfault.com/a/1190000040735717" target="_blank" title="NuGet是什么？为什么.NET项目中会有NuGet？如何使用NuGet程序包？">NuGet是什么？为什么.NET项目中会有NuGet？如何使用NuGet程序包？</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -894,12 +894,40 @@
894
894
  <span>2</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/pingcap" title="Programming Language">
898
- <span>PingCAP</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/rector" title="Programming Language">
898
+ <span>RECTOR</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 孙晓光，PingCAP Community Development 团队负责人，原知乎基础研发团队架构师，长期从事分布式系统相关研发工作，关注云原生技术。
902
+ 在.NET应用程序编程开发中，开发者通常使用类库来管理、维护属于同一分类的程序代码，以便代码的重用。一般情况下，处于同一类库的所有类都位于同一程序集。
903
+ </div>
904
+ </div>
905
+ </li>
906
+
907
+ <li>
908
+ <div class="info">
909
+ <div class="rank">
910
+ <span title="Ranking 30">30</span>
911
+ <a href="https://segmentfault.com/a/1190000040739382" target="_blank" title="浅谈健康技术社区与微软MVP打造之旅">浅谈健康技术社区与微软MVP打造之旅</a>
912
+ </div>
913
+ <div class="sub-title followers">
914
+
915
+ <span title="Stargazers Count">
916
+ <svg width="12" height="12" viewBox="0 0 16 16">
917
+ <g fill="none" fill-rule="evenodd">
918
+ <path d="M0 0h16v16H0z"/>
919
+ <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"/>
920
+ </g>
921
+ </svg>
922
+ <span>2</span>
923
+ </span>
924
+ &nbsp;
925
+ <a target="_blank" href="https://segmentfault.com/u/xinyuanxiaojieyi" title="Programming Language">
926
+ <span>微软技术栈</span>
927
+ </a>
928
+ </div>
929
+ <div class="details">
930
+ 2021 年 6 月 5 日，由 SegmentFault 思否主办的 2021 中国开发者生态峰会圆满落幕。会上，微软最有价值专家（MVP）项目大中华区负责人梁迪发表了主题为《浅谈健康技术社区与微软MVP打造之旅》的演讲。以下为演讲...
903
931
  </div>
904
932
  </div>
905
933
  </li>
@@ -920,7 +948,7 @@
920
948
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
921
949
  </a>
922
950
  </p>
923
- <div class="time">Last cache created on 2021/9/28 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/2 by Github API v3.</div>
924
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
925
953
  </div>
926
954
  </body>