@wcj/github-rank 21.10.13 → 21.10.17

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 +35271 -35247
  2. package/dist/sifou-daily.json +29 -47
  3. package/dist/sifou-monthly.json +119 -119
  4. package/dist/sifou-weekly.json +168 -168
  5. package/dist/toutiao-30.json +95 -95
  6. package/dist/toutiao-7.json +143 -143
  7. package/dist/toutiao-90.json +69 -69
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +173 -173
  10. package/dist/trending-weekly.json +183 -183
  11. package/dist/users.china.json +3024 -3024
  12. package/dist/users.json +3810 -3811
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35271 -35247
  16. package/web/data/sifou-daily.json +29 -47
  17. package/web/data/sifou-monthly.json +119 -119
  18. package/web/data/sifou-weekly.json +168 -168
  19. package/web/data/toutiao-30.json +95 -95
  20. package/web/data/toutiao-7.json +143 -143
  21. package/web/data/toutiao-90.json +69 -69
  22. package/web/data/trending-daily.json +196 -196
  23. package/web/data/trending-monthly.json +173 -173
  24. package/web/data/trending-weekly.json +183 -183
  25. package/web/data/users.china.json +3024 -3024
  26. package/web/data/users.json +3810 -3811
  27. package/web/index.html +1874 -1874
  28. package/web/repos.html +4309 -4313
  29. package/web/sifou-daily.html +26 -82
  30. package/web/sifou-monthly.html +137 -137
  31. package/web/sifou-weekly.html +145 -145
  32. package/web/toutiao-30.html +113 -113
  33. package/web/toutiao-7.html +102 -102
  34. package/web/toutiao-90.html +89 -89
  35. package/web/trending-monthly.html +167 -171
  36. package/web/trending-weekly.html +167 -167
  37. package/web/trending.html +173 -173
  38. package/web/users.china.html +1552 -1552
package/web/sifou-monthly.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/10/13 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/17 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>
@@ -107,7 +107,7 @@
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>60</span>
110
+ <span>62</span>
111
111
  </span>
112
112
  &nbsp;
113
113
  <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
@@ -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/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</a>
127
+ <a href="https://segmentfault.com/a/1190000040777100" target="_blank" title="20+ css高频实用片段，提高幸福感的小技能你可以拥有噢">20+ css高频实用片段，提高幸福感的小技能你可以拥有噢</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>49</span>
138
+ <span>45</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
142
- <span>wscats</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
142
+ <span>前端胖头鱼</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
146
+ 修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...
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/1190000040720760" target="_blank" title="从0到1开发一款自己的vscode插件">从0到1开发一款自己的vscode插件</a>
155
+ <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</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>29</span>
166
+ <span>31</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
170
- <span>执鸢者</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
170
+ <span>谭光志</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
174
+ 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
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/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</a>
183
+ <a href="https://segmentfault.com/a/1190000040720760" target="_blank" title="从0到1开发一款自己的vscode插件">从0到1开发一款自己的vscode插件</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,15 +191,15 @@
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>30</span>
194
+ <span>31</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
198
- <span>CodeSheep</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
198
+ <span>执鸢者</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
202
+ 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
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/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</a>
211
+ <a href="https://segmentfault.com/a/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</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>26</span>
222
+ <span>30</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
226
- <span>阿里巴巴淘系技术</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
226
+ <span>CodeSheep</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
230
+ Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
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/1190000040688086" target="_blank" title="基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇">基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇</a>
239
+ <a href="https://segmentfault.com/a/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</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>33</span>
250
+ <span>26</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
254
- <span>程序员海军</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
254
+ <span>阿里巴巴淘系技术</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
258
+ 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
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/1190000040686256" target="_blank" title="如何阅读源码 —— 以 Vetur 为例">如何阅读源码 —— 以 Vetur 为例</a>
267
+ <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
268
268
  </div>
269
269
  <div class="sub-title followers">
270
270
 
@@ -275,15 +275,15 @@
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>26</span>
278
+ <span>27</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
282
- <span>范文杰</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
282
+ <span>chokcoco</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：
286
+ 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
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/1190000040747951" target="_blank" title="【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组">【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组</a>
295
+ <a href="https://segmentfault.com/a/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</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>33</span>
306
+ <span>38</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
310
- <span>前端胖头鱼</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
310
+ <span>前端小智</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？
314
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
323
+ <a href="https://segmentfault.com/a/1190000040747951" target="_blank" title="【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组">【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组</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>25</span>
334
+ <span>34</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
338
- <span>chokcoco</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
338
+ <span>前端胖头鱼</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
342
+ 数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？
343
343
  </div>
344
344
  </div>
345
345
  </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/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</a>
379
+ <a href="https://segmentfault.com/a/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</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>35</span>
390
+ <span>19</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
394
- <span>前端小智</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
394
+ <span>零一</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
398
+ 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
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/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</a>
407
+ <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</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>18</span>
418
+ <span>24</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
422
- <span>零一</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
422
+ <span>chokcoco</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
426
+ 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
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/1190000040777100" target="_blank" title="20+ css高频实用片段，提高幸福感的小技能你可以拥有噢">20+ css高频实用片段，提高幸福感的小技能你可以拥有噢</a>
435
+ <a href="https://segmentfault.com/a/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</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>27</span>
446
+ <span>19</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
450
- <span>前端胖头鱼</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
450
+ <span>lzg9527</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...
454
+ 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
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/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</a>
463
+ <a href="https://segmentfault.com/a/1190000040797816" target="_blank" title="近 20 人爆肝数周，写给初中级前端的万字高级进阶指南">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</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>19</span>
474
+ <span>25</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
478
- <span>lzg9527</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
478
+ <span>y_ck</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
482
+ 当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。
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/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</a>
491
+ <a href="https://segmentfault.com/a/1190000040766151" target="_blank" title="2021 VSCode前端插件推荐">2021 VSCode前端插件推荐</a>
492
492
  </div>
493
493
  <div class="sub-title followers">
494
494
 
@@ -499,15 +499,15 @@
499
499
  <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"/>
500
500
  </g>
501
501
  </svg>
502
- <span>20</span>
502
+ <span>24</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
506
- <span>chokcoco</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/tudou_5e2d76940fbaa" title="Programming Language">
506
+ <span>风不识途</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
510
+ 2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...
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/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</a>
519
+ <a href="https://segmentfault.com/a/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</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>18</span>
530
+ <span>20</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
534
- <span>谭光志</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
534
+ <span>chokcoco</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
538
+ 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
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/1190000040766151" target="_blank" title="2021 VSCode前端插件推荐">2021 VSCode前端插件推荐</a>
547
+ <a href="https://segmentfault.com/a/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</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>21</span>
558
+ <span>20</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/tudou_5e2d76940fbaa" title="Programming Language">
562
- <span>风不识途</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
562
+ <span>lulu_up</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...
566
+ 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
567
567
  </div>
568
568
  </div>
569
569
  </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/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</a>
603
+ <a href="https://segmentfault.com/a/1190000040764476" target="_blank" title="CSS 小技巧 | 一行代码实现头像与国旗的融合">CSS 小技巧 | 一行代码实现头像与国旗的融合</a>
604
604
  </div>
605
605
  <div class="sub-title followers">
606
606
 
@@ -614,12 +614,12 @@
614
614
  <span>19</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
618
- <span>lulu_up</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
618
+ <span>chokcoco</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
622
+ 到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...
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/1190000040764476" target="_blank" title="CSS 小技巧 | 一行代码实现头像与国旗的融合">CSS 小技巧 | 一行代码实现头像与国旗的融合</a>
631
+ <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</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>19</span>
642
+ <span>21</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
646
- <span>chokcoco</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
646
+ <span>前端小智</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...
650
+ 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</a>
659
+ <a href="https://segmentfault.com/a/1190000040751671" target="_blank" title="postTask：React的杀手锏被浏览器原生实现了？">postTask：React的杀手锏被浏览器原生实现了？</a>
660
660
  </div>
661
661
  <div class="sub-title followers">
662
662
 
@@ -667,15 +667,15 @@
667
667
  <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"/>
668
668
  </g>
669
669
  </svg>
670
- <span>21</span>
670
+ <span>13</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
674
- <span>前端小智</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
674
+ <span>卡颂</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
678
+ 大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...
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/1190000040751671" target="_blank" title="postTask：React的杀手锏被浏览器原生实现了？">postTask：React的杀手锏被浏览器原生实现了？</a>
687
+ <a href="https://segmentfault.com/a/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</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>13</span>
698
+ <span>15</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
702
- <span>卡颂</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
702
+ <span>叶东富</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...
706
+ 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
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/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</a>
715
+ <a href="https://segmentfault.com/a/1190000040803264" target="_blank" title="【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我">【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我</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>15</span>
726
+ <span>18</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
730
- <span>叶东富</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
730
+ <span>前端胖头鱼</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
734
+ 写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...
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/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
743
+ <a href="https://segmentfault.com/a/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</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>20</span>
754
+ <span>17</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
758
- <span>chokcoco</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
758
+ <span>JenK</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
762
+ 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
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/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</a>
771
+ <a href="https://segmentfault.com/a/1190000040723029" target="_blank" title="React 源码解析系列 - React 的 render 阶段（二）：beginWork">React 源码解析系列 - React 的 render 阶段（二）：beginWork</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>15</span>
782
+ <span>10</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
786
- <span>荣顶</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
786
+ <span>array_huang</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
790
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
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/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</a>
799
+ <a href="https://segmentfault.com/a/1190000040770169" target="_blank" title="计算机网络经典20问！">计算机网络经典20问！</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>17</span>
810
+ <span>12</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
814
- <span>JenK</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
814
+ <span>程序员大彬</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
818
+ 本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...
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/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
827
+ <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</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>10</span>
838
+ <span>12</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
842
- <span>JenK</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
842
+ <span>前端小智</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
846
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040723029" target="_blank" title="React 源码解析系列 - React 的 render 阶段（二）：beginWork">React 源码解析系列 - React 的 render 阶段（二）：beginWork</a>
855
+ <a href="https://segmentfault.com/a/1190000040724594" target="_blank" title="Sass速成课">Sass速成课</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>10</span>
866
+ <span>9</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
870
- <span>array_huang</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
870
+ <span>JenK</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
874
+ 01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...
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/1190000040689400" target="_blank" title="面试官让我手写队列，差点点没写出来">面试官让我手写队列，差点点没写出来</a>
883
+ <a href="https://segmentfault.com/a/1190000040780312" target="_blank" title="前端代码评审通常注意些什么">前端代码评审通常注意些什么</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -891,15 +891,15 @@
891
891
  <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"/>
892
892
  </g>
893
893
  </svg>
894
- <span>12</span>
894
+ <span>9</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
898
- <span>bigsai</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/_vin_5d884143cd4cb" title="Programming Language">
898
+ <span>_Vin</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 栈和队列是一对好兄弟，前面我们介绍过一篇栈的文章(栈，不就后进先出)，栈的机制相对简单，后入先出，就像进入一个狭小的山洞，山洞只有一个出入口，只能后进先出(在外面的先出去，堵在里面先进去的就有点倒霉)...
902
+ 代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...
903
903
  </div>
904
904
  </div>
905
905
  </li>
@@ -908,7 +908,7 @@
908
908
  <div class="info">
909
909
  <div class="rank">
910
910
  <span title="Ranking 30">30</span>
911
- <a href="https://segmentfault.com/a/1190000040677455" target="_blank" title="从零开始使用create-react-app + react + typescript 完成一个网站">从零开始使用create-react-app + react + typescript 完成一个网站</a>
911
+ <a href="https://segmentfault.com/a/1190000040712187" target="_blank" title="建立和维护大型Vue.js项目的10个最佳实践">建立和维护大型Vue.js项目的10个最佳实践</a>
912
912
  </div>
913
913
  <div class="sub-title followers">
914
914
 
@@ -919,15 +919,15 @@
919
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
920
  </g>
921
921
  </svg>
922
- <span>11</span>
922
+ <span>15</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
926
- <span>夕水</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/yujiaao" title="Programming Language">
926
+ <span>Yujiaao</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- 也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...
930
+ 今年的自由职业生涯中，我有机会从事一些大型Vue应用程序的工作。我所谈论的项目有超过12个Vuex 存储，大量组件（有时数百个）和许多视图（页面）。实际上，这对我来说是非常有意义的经历，因为我发现了许多有趣...
931
931
  </div>
932
932
  </div>
933
933
  </li>
@@ -948,7 +948,7 @@
948
948
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
949
949
  </a>
950
950
  </p>
951
- <div class="time">Last cache created on 2021/10/13 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/17 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>