@wcj/github-rank 21.10.11 → 21.10.15

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 +36011 -35987
  2. package/dist/sifou-daily.json +105 -51
  3. package/dist/sifou-monthly.json +133 -133
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +86 -86
  6. package/dist/toutiao-7.json +139 -139
  7. package/dist/toutiao-90.json +59 -59
  8. package/dist/trending-daily.json +190 -190
  9. package/dist/trending-monthly.json +171 -171
  10. package/dist/trending-weekly.json +189 -189
  11. package/dist/users.china.json +3417 -3416
  12. package/dist/users.json +3946 -3947
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +36011 -35987
  16. package/web/data/sifou-daily.json +105 -51
  17. package/web/data/sifou-monthly.json +133 -133
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +86 -86
  20. package/web/data/toutiao-7.json +139 -139
  21. package/web/data/toutiao-90.json +59 -59
  22. package/web/data/trending-daily.json +190 -190
  23. package/web/data/trending-monthly.json +171 -171
  24. package/web/data/trending-weekly.json +189 -189
  25. package/web/data/users.china.json +3417 -3416
  26. package/web/data/users.json +3946 -3947
  27. package/web/index.html +1937 -1937
  28. package/web/repos.html +4307 -4311
  29. package/web/sifou-daily.html +211 -43
  30. package/web/sifou-monthly.html +140 -140
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +99 -99
  33. package/web/toutiao-7.html +93 -93
  34. package/web/toutiao-90.html +47 -47
  35. package/web/trending-monthly.html +153 -157
  36. package/web/trending-weekly.html +173 -169
  37. package/web/trending.html +167 -167
  38. package/web/users.china.html +1818 -1818
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/11 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/15 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>55</span>
110
+ <span>61</span>
111
111
  </span>
112
112
  &nbsp;
113
113
  <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
@@ -135,7 +135,7 @@
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>46</span>
138
+ <span>49</span>
139
139
  </span>
140
140
  &nbsp;
141
141
  <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
@@ -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/1190000040777100" target="_blank" title="20+ css高频实用片段，提高幸福感的小技能你可以拥有噢">20+ 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>27</span>
166
+ <span>42</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/116263" title="Programming Language">
170
+ <span>前端胖头鱼</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
174
+ 修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的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/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</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>26</span>
194
+ <span>31</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
198
- <span>阿里巴巴淘系技术</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
- 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
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/1190000040688086" target="_blank" title="基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇">基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇</a>
211
+ <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</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>33</span>
222
+ <span>27</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
226
- <span>程序员海军</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
226
+ <span>谭光志</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
230
+ 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
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/1190000040686256" target="_blank" title="如何阅读源码 —— 以 Vetur 为例">如何阅读源码 —— 以 Vetur 为例</a>
239
+ <a href="https://segmentfault.com/a/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</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>26</span>
250
+ <span>30</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
254
- <span>范文杰</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
254
+ <span>CodeSheep</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：
258
+ Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
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/1190000040747951" target="_blank" title="【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组">【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组</a>
267
+ <a href="https://segmentfault.com/a/1190000040688086" target="_blank" title="基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇">基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇</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>33</span>
278
+ <span>35</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
282
- <span>前端胖头鱼</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
282
+ <span>程序员海军</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？
286
+ 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
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/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</a>
295
+ <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
296
296
  </div>
297
297
  <div class="sub-title followers">
298
298
 
@@ -306,12 +306,12 @@
306
306
  <span>27</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
310
- <span>CodeSheep</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
310
+ <span>chokcoco</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
314
+ 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
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/1190000040748929" target="_blank" title="📝 没 2 年 React Native 开发经验，你都遇不到这些坑">📝 没 2 年 React Native 开发经验，你都遇不到这些坑</a>
323
+ <a href="https://segmentfault.com/a/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</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>24</span>
334
+ <span>26</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
338
- <span>卤代烃</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
338
+ <span>阿里巴巴淘系技术</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。
342
+ 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
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/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</a>
351
+ <a href="https://segmentfault.com/a/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -359,15 +359,15 @@
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>18</span>
362
+ <span>37</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
366
- <span>零一</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
366
+ <span>前端小智</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
370
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
379
+ <a href="https://segmentfault.com/a/1190000040686256" target="_blank" title="如何阅读源码 —— 以 Vetur 为例">如何阅读源码 —— 以 Vetur 为例</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>22</span>
390
+ <span>26</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
394
- <span>chokcoco</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
394
+ <span>范文杰</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
398
+ 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：
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/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</a>
407
+ <a href="https://segmentfault.com/a/1190000040747951" target="_blank" title="【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组">【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组</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>20</span>
418
+ <span>34</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
422
- <span>chokcoco</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
422
+ <span>前端胖头鱼</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
426
+ 数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？
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/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</a>
435
+ <a href="https://segmentfault.com/a/1190000040748929" target="_blank" title="📝 没 2 年 React Native 开发经验，你都遇不到这些坑">📝 没 2 年 React Native 开发经验，你都遇不到这些坑</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>31</span>
446
+ <span>25</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
450
- <span>前端小智</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
450
+ <span>卤代烃</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
454
+ React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。
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/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
463
+ <a href="https://segmentfault.com/a/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</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>23</span>
474
+ <span>18</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
478
- <span>TNTWEB</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
478
+ <span>零一</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
482
+ 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
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/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</a>
491
+ <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</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>18</span>
502
+ <span>24</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
506
- <span>lzg9527</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
506
+ <span>chokcoco</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
510
+ 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
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/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</a>
519
+ <a href="https://segmentfault.com/a/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</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>20</span>
530
+ <span>19</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
534
- <span>前端小智</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
534
+ <span>lzg9527</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
538
+ 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
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/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</a>
547
+ <a href="https://segmentfault.com/a/1190000040797816" target="_blank" title="近 20 人爆肝数周，写给初中级前端的万字高级进阶指南">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</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>14</span>
558
+ <span>25</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
562
- <span>边城</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
562
+ <span>y_ck</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
566
+ 当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。
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/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
575
+ <a href="https://segmentfault.com/a/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</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>18</span>
586
+ <span>20</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
590
- <span>民工哥</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
590
+ <span>chokcoco</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
594
+ 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
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/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</a>
603
+ <a href="https://segmentfault.com/a/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</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>15</span>
614
+ <span>20</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
618
- <span>叶东富</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
618
+ <span>lulu_up</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
622
+ 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
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/1190000040766151" target="_blank" title="2021 VSCode前端插件推荐">2021 VSCode前端插件推荐</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>16</span>
642
+ <span>23</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/tudou_5e2d76940fbaa" title="Programming Language">
646
+ <span>风不识途</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...
650
+ 2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...
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/1190000040766151" target="_blank" title="2021 VSCode前端插件推荐">2021 VSCode前端插件推荐</a>
659
+ <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</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>17</span>
670
+ <span>15</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/tudou_5e2d76940fbaa" title="Programming Language">
674
- <span>风不识途</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
674
+ <span>边城</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...
678
+ 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
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/1190000040764476" target="_blank" title="CSS 小技巧 | 一行代码实现头像与国旗的融合">CSS 小技巧 | 一行代码实现头像与国旗的融合</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>12</span>
698
+ <span>19</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/chokcoco" title="Programming Language">
702
+ <span>chokcoco</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...
706
+ 到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...
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/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</a>
715
+ <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</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>21</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" 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
- 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
734
+ 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 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/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</a>
743
+ <a href="https://segmentfault.com/a/1190000040751671" target="_blank" title="postTask：React的杀手锏被浏览器原生实现了？">postTask：React的杀手锏被浏览器原生实现了？</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>17</span>
754
+ <span>13</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
758
- <span>JenK</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
758
+ <span>卡颂</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
762
+ 大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...
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/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
771
+ <a href="https://segmentfault.com/a/1190000040735898" target="_blank" title="用Java轻松完成一个分布式事务TCC，保姆级教程">用Java轻松完成一个分布式事务TCC，保姆级教程</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>10</span>
782
+ <span>15</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
786
- <span>JenK</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
786
+ <span>叶东富</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
790
+ 什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。
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/1190000040689400" target="_blank" title="面试官让我手写队列，差点点没写出来">面试官让我手写队列，差点点没写出来</a>
799
+ <a href="https://segmentfault.com/a/1190000040686657" 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>12</span>
810
+ <span>15</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
814
- <span>bigsai</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
814
+ <span>荣顶</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 栈和队列是一对好兄弟，前面我们介绍过一篇栈的文章(栈，不就后进先出)，栈的机制相对简单，后入先出，就像进入一个狭小的山洞，山洞只有一个出入口，只能后进先出(在外面的先出去，堵在里面先进去的就有点倒霉)...
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/1190000040677455" target="_blank" title="从零开始使用create-react-app + react + typescript 完成一个网站">从零开始使用create-react-app + react + typescript 完成一个网站</a>
827
+ <a href="https://segmentfault.com/a/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS 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>11</span>
838
+ <span>17</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
842
- <span>夕水</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
842
+ <span>JenK</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...
846
+ 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
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/1190000040724594" target="_blank" title="Sass速成课">Sass速成课</a>
855
+ <a href="https://segmentfault.com/a/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
856
856
  </div>
857
857
  <div class="sub-title followers">
858
858
 
@@ -863,7 +863,7 @@
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>9</span>
866
+ <span>10</span>
867
867
  </span>
868
868
  &nbsp;
869
869
  <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
@@ -871,7 +871,7 @@
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...
874
+ 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
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/1190000040680395" target="_blank" title="性能优化：如何更快地接收数据">性能优化：如何更快地接收数据</a>
883
+ <a href="https://segmentfault.com/a/1190000040723029" target="_blank" title="React 源码解析系列 - React 的 render 阶段（二）：beginWork">React 源码解析系列 - React 的 render 阶段（二）：beginWork</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -894,12 +894,12 @@
894
894
  <span>10</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
898
- <span>云叔_又拍云</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
898
+ <span>array_huang</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...
902
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
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/1190000040685876" target="_blank" title="Vue3 Ref 语法糖，告别 .value 的写法">Vue3 Ref 语法糖，告别 .value 的写法</a>
911
+ <a href="https://segmentfault.com/a/1190000040770169" target="_blank" title="计算机网络经典20问！">计算机网络经典20问！</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>12</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/wjchumble" title="Programming Language">
926
- <span>五柳</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
926
+ <span>程序员大彬</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- 近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...
930
+ 本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...
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/11 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/15 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>