@wcj/github-rank 21.9.30 → 21.10.1

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 +20264 -20264
  2. package/dist/sifou-daily.json +45 -27
  3. package/dist/sifou-monthly.json +41 -41
  4. package/dist/sifou-weekly.json +146 -146
  5. package/dist/toutiao-30.json +13 -13
  6. package/dist/toutiao-7.json +85 -85
  7. package/dist/toutiao-90.json +2 -2
  8. package/dist/trending-daily.json +192 -192
  9. package/dist/trending-monthly.json +169 -180
  10. package/dist/trending-weekly.json +164 -164
  11. package/dist/users.china.json +1348 -1348
  12. package/dist/users.json +1846 -1846
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20264 -20264
  16. package/web/data/sifou-daily.json +45 -27
  17. package/web/data/sifou-monthly.json +41 -41
  18. package/web/data/sifou-weekly.json +146 -146
  19. package/web/data/toutiao-30.json +13 -13
  20. package/web/data/toutiao-7.json +85 -85
  21. package/web/data/toutiao-90.json +2 -2
  22. package/web/data/trending-daily.json +192 -192
  23. package/web/data/trending-monthly.json +169 -180
  24. package/web/data/trending-weekly.json +164 -164
  25. package/web/data/users.china.json +1348 -1348
  26. package/web/data/users.json +1846 -1846
  27. package/web/index.html +1014 -1014
  28. package/web/repos.html +2711 -2711
  29. package/web/sifou-daily.html +79 -23
  30. package/web/sifou-monthly.html +77 -77
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +15 -15
  33. package/web/toutiao-7.html +100 -100
  34. package/web/toutiao-90.html +4 -4
  35. package/web/trending-monthly.html +166 -204
  36. package/web/trending-weekly.html +158 -158
  37. package/web/trending.html +173 -169
  38. package/web/users.china.html +666 -666
package/web/sifou-daily.html CHANGED
@@ -73,7 +73,7 @@
73
73
  </svg>
74
74
  </a>
75
75
  <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/9/30 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/1 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -96,7 +96,7 @@
96
96
  <div class="info">
97
97
  <div class="rank">
98
98
  <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040692431" target="_blank" title="我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！">我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！</a>
99
+ <a href="https://segmentfault.com/a/1190000040761666" target="_blank" title="从一个问题中了解数学在编程中的应用">从一个问题中了解数学在编程中的应用</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -107,15 +107,15 @@
107
107
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
108
108
  </g>
109
109
  </svg>
110
- <span>1</span>
110
+ <span>3</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
114
- <span>前端小智</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/zangeci" title="Programming Language">
114
+ <span>zangeci</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
118
+ 那么我是如何简化呢？当看到上面一长串的逻辑判断的时候，显而易见的就是存在太多字段的重复使用，笔者第一感觉就是应该可以用布尔代数来简化，这里就涉及到两个知识点了，布尔代数的法则以及布尔代数运算律，关...
119
119
  </div>
120
120
  </div>
121
121
  </li>
@@ -124,7 +124,7 @@
124
124
  <div class="info">
125
125
  <div class="rank">
126
126
  <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040757123" target="_blank" title="常见开源分布式文件系统架构对比">常见开源分布式文件系统架构对比</a>
127
+ <a href="https://segmentfault.com/a/1190000040763025" target="_blank" title="说一说Web端侧AI">说一说Web端侧AI</a>
128
128
  </div>
129
129
  <div class="sub-title followers">
130
130
 
@@ -138,12 +138,12 @@
138
138
  <span>2</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
142
- <span>JuiceFS</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
142
+ <span>凹凸实验室</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 文件系统是计算机中一个非常重要的组件，为存储设备提供一致的访问和管理方式。在不同的操作系统中，文件系统会有一些差别，但也有一些共性几十年都没怎么变化：
146
+ AI 正在不断拓展前端的技术边界， 算法的加持也为前端研发注入了全新的力量。本文为大家介绍什么是端智能，端智能的应用场景以及 Web 端侧实现 AI 的基本原理概念。
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/1190000040758640" target="_blank" title="最陌生的hooks: useImperativeHandle">最陌生的hooks: useImperativeHandle</a>
155
+ <a href="https://segmentfault.com/a/1190000040762855" target="_blank" title="面试招聘的那些事儿">面试招聘的那些事儿</a>
156
156
  </div>
157
157
  <div class="sub-title followers">
158
158
 
@@ -166,12 +166,12 @@
166
166
  <span>1</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/yaofly" title="Programming Language">
170
- <span>普拉斯强</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/evelyn_xiao" title="Programming Language">
170
+ <span>Evelyn</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 估计都比较熟悉这些HOOKS了吧：useState, useEffect, useContext, useMemo。但我当第一次看到useImperativeHandle时，一脸懵逼（这是什么鬼东西~~~）。
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/1190000040755977" target="_blank" title="🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)">🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)</a>
183
+ <a href="https://segmentfault.com/a/1190000040761753" target="_blank" title="PHP的SPL扩展库（一）数据结构">PHP的SPL扩展库（一）数据结构</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -194,12 +194,12 @@
194
194
  <span>1</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
198
- <span>铁皮饭盒</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/zyblog" title="Programming Language">
198
+ <span>硬核项目经理</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- &#34;组合API&#34;可以更进一步拆分&#34;选项API&#34;中的JS逻辑. 可以把某一逻辑的&#34;data/computed/watch/methods/声明周期钩子&#34;单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名&#34;useXxx&#34;.
202
+ SPL 库也叫做 PHP 标准库，主要就是用于解决典型问题的一组接口或类的集合。这些典型问题包括什么呢？比如我们今天要讲的数据结构，还有一些设计模式的实现，就像我们之前讲过的观察者模式相关的接口在 SPL 库中...
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -208,7 +208,63 @@
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/1190000040754474" target="_blank" title="斗鱼直播云原生实践之注册中心篇">斗鱼直播云原生实践之注册中心篇</a>
211
+ <a href="https://segmentfault.com/a/1190000040760678" target="_blank" title="AbortSignal：以前我没得选，现在我想中止promise">AbortSignal：以前我没得选，现在我想中止promise</a>
212
+ </div>
213
+ <div class="sub-title followers">
214
+
215
+ <span title="Stargazers Count">
216
+ <svg width="12" height="12" viewBox="0 0 16 16">
217
+ <g fill="none" fill-rule="evenodd">
218
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
221
+ </svg>
222
+ <span>2</span>
223
+ </span>
224
+ &nbsp;
225
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
226
+ <span>卡颂</span>
227
+ </a>
228
+ </div>
229
+ <div class="details">
230
+ 大家好，我卡颂。遥想数年前的一次面试，面试官问我：promise有什么缺点？真是百思不得姐啊...答案是：promise一旦初始化，就不能中止。这是由promise的实现决定的。AbortSignal的出现使promise从语义上变为可中...
231
+ </div>
232
+ </div>
233
+ </li>
234
+
235
+ <li>
236
+ <div class="info">
237
+ <div class="rank">
238
+ <span title="Ranking 6">6</span>
239
+ <a href="https://segmentfault.com/a/1190000040763367" target="_blank" title="我们一起来学RabbitMQ 二：RabbiMQ 的 6 种模式的基本应用">我们一起来学RabbitMQ 二：RabbiMQ 的 6 种模式的基本应用</a>
240
+ </div>
241
+ <div class="sub-title followers">
242
+
243
+ <span title="Stargazers Count">
244
+ <svg width="12" height="12" viewBox="0 0 16 16">
245
+ <g fill="none" fill-rule="evenodd">
246
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
249
+ </svg>
250
+ <span>1</span>
251
+ </span>
252
+ &nbsp;
253
+ <a target="_blank" href="https://segmentfault.com/u/anonymous_5f6b14f11289a" title="Programming Language">
254
+ <span>小魔童哪吒</span>
255
+ </a>
256
+ </div>
257
+ <div class="details">
258
+ 我们一起来学RabbitMQ 二：RabbiMQ 的 6 种模式的基本应用嗨，大家好，我是小魔童哪吒，咱们从今天开始进入开源组件的学习，一边学习一边总结一边分享文章提纲如下：RabbitMQ 成员组成RabbitMQ 的六种工作模式编...
259
+ </div>
260
+ </div>
261
+ </li>
262
+
263
+ <li>
264
+ <div class="info">
265
+ <div class="rank">
266
+ <span title="Ranking 7">7</span>
267
+ <a href="https://segmentfault.com/a/1190000040760635" target="_blank" title="湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker">湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker</a>
212
268
  </div>
213
269
  <div class="sub-title followers">
214
270
 
@@ -222,12 +278,12 @@
222
278
  <span>1</span>
223
279
  </span>
224
280
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/tcloudnative" title="Programming Language">
226
- <span>腾讯云原生</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/ineo6" title="Programming Language">
282
+ <span>ineo6</span>
227
283
  </a>
228
284
  </div>
229
285
  <div class="details">
230
- 孔令圳，斗鱼首席架构师，全面负责斗鱼全站技术架构体系规划和建设，10 余年中大型互联网产品架构经验，擅长高并发、高可用场景下的架构与方案设计。
286
+ FreeCodeCamp 是一个自由开源的学习编程的社区，致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits（学习编程，去帮助那些非盈利组织）。FCC 涵盖 HTML5、CSS、React、JavaScri...
231
287
  </div>
232
288
  </div>
233
289
  </li>
@@ -248,7 +304,7 @@
248
304
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
249
305
  </a>
250
306
  </p>
251
- <div class="time">Last cache created on 2021/9/30 by Github API v3.</div>
307
+ <div class="time">Last cache created on 2021/10/1 by Github API v3.</div>
252
308
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
253
309
  </div>
254
310
  </body>
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/9/30 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/1 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>
@@ -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>40</span>
138
+ <span>47</span>
139
139
  </span>
140
140
  &nbsp;
141
141
  <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
@@ -163,7 +163,7 @@
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>36</span>
166
+ <span>37</span>
167
167
  </span>
168
168
  &nbsp;
169
169
  <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
@@ -275,7 +275,7 @@
275
275
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
276
276
  </g>
277
277
  </svg>
278
- <span>22</span>
278
+ <span>23</span>
279
279
  </span>
280
280
  &nbsp;
281
281
  <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
@@ -331,7 +331,7 @@
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>19</span>
334
+ <span>20</span>
335
335
  </span>
336
336
  &nbsp;
337
337
  <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
@@ -404,6 +404,34 @@
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/1190000040748929" target="_blank" title="📝 没 2 年 React Native 开发经验，你都遇不到这些坑">📝 没 2 年 React Native 开发经验，你都遇不到这些坑</a>
408
+ </div>
409
+ <div class="sub-title followers">
410
+
411
+ <span title="Stargazers Count">
412
+ <svg width="12" height="12" viewBox="0 0 16 16">
413
+ <g fill="none" fill-rule="evenodd">
414
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
417
+ </svg>
418
+ <span>16</span>
419
+ </span>
420
+ &nbsp;
421
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
422
+ <span>卤代烃</span>
423
+ </a>
424
+ </div>
425
+ <div class="details">
426
+ React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。
427
+ </div>
428
+ </div>
429
+ </li>
430
+
431
+ <li>
432
+ <div class="info">
433
+ <div class="rank">
434
+ <span title="Ranking 13">13</span>
407
435
  <a href="https://segmentfault.com/a/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</a>
408
436
  </div>
409
437
  <div class="sub-title followers">
@@ -431,7 +459,7 @@
431
459
  <li>
432
460
  <div class="info">
433
461
  <div class="rank">
434
- <span title="Ranking 13">13</span>
462
+ <span title="Ranking 14">14</span>
435
463
  <a href="https://segmentfault.com/a/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</a>
436
464
  </div>
437
465
  <div class="sub-title followers">
@@ -459,7 +487,7 @@
459
487
  <li>
460
488
  <div class="info">
461
489
  <div class="rank">
462
- <span title="Ranking 14">14</span>
490
+ <span title="Ranking 15">15</span>
463
491
  <a href="https://segmentfault.com/a/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</a>
464
492
  </div>
465
493
  <div class="sub-title followers">
@@ -487,7 +515,7 @@
487
515
  <li>
488
516
  <div class="info">
489
517
  <div class="rank">
490
- <span title="Ranking 15">15</span>
518
+ <span title="Ranking 16">16</span>
491
519
  <a href="https://segmentfault.com/a/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</a>
492
520
  </div>
493
521
  <div class="sub-title followers">
@@ -499,7 +527,7 @@
499
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"/>
500
528
  </g>
501
529
  </svg>
502
- <span>18</span>
530
+ <span>20</span>
503
531
  </span>
504
532
  &nbsp;
505
533
  <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
@@ -515,7 +543,7 @@
515
543
  <li>
516
544
  <div class="info">
517
545
  <div class="rank">
518
- <span title="Ranking 16">16</span>
546
+ <span title="Ranking 17">17</span>
519
547
  <a href="https://segmentfault.com/a/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</a>
520
548
  </div>
521
549
  <div class="sub-title followers">
@@ -527,7 +555,7 @@
527
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"/>
528
556
  </g>
529
557
  </svg>
530
- <span>16</span>
558
+ <span>17</span>
531
559
  </span>
532
560
  &nbsp;
533
561
  <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
@@ -543,7 +571,7 @@
543
571
  <li>
544
572
  <div class="info">
545
573
  <div class="rank">
546
- <span title="Ranking 17">17</span>
574
+ <span title="Ranking 18">18</span>
547
575
  <a href="https://segmentfault.com/a/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</a>
548
576
  </div>
549
577
  <div class="sub-title followers">
@@ -571,7 +599,7 @@
571
599
  <li>
572
600
  <div class="info">
573
601
  <div class="rank">
574
- <span title="Ranking 18">18</span>
602
+ <span title="Ranking 19">19</span>
575
603
  <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
576
604
  </div>
577
605
  <div class="sub-title followers">
@@ -599,7 +627,7 @@
599
627
  <li>
600
628
  <div class="info">
601
629
  <div class="rank">
602
- <span title="Ranking 19">19</span>
630
+ <span title="Ranking 20">20</span>
603
631
  <a href="https://segmentfault.com/a/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</a>
604
632
  </div>
605
633
  <div class="sub-title followers">
@@ -627,8 +655,8 @@
627
655
  <li>
628
656
  <div class="info">
629
657
  <div class="rank">
630
- <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</a>
658
+ <span title="Ranking 21">21</span>
659
+ <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
632
660
  </div>
633
661
  <div class="sub-title followers">
634
662
 
@@ -642,12 +670,12 @@
642
670
  <span>15</span>
643
671
  </span>
644
672
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
646
- <span>葡萄城技术团队</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
674
+ <span>chokcoco</span>
647
675
  </a>
648
676
  </div>
649
677
  <div class="details">
650
- Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
678
+ 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
651
679
  </div>
652
680
  </div>
653
681
  </li>
@@ -655,8 +683,8 @@
655
683
  <li>
656
684
  <div class="info">
657
685
  <div class="rank">
658
- <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</a>
686
+ <span title="Ranking 22">22</span>
687
+ <a href="https://segmentfault.com/a/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</a>
660
688
  </div>
661
689
  <div class="sub-title followers">
662
690
 
@@ -667,15 +695,15 @@
667
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"/>
668
696
  </g>
669
697
  </svg>
670
- <span>13</span>
698
+ <span>15</span>
671
699
  </span>
672
700
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
674
- <span>边城</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
702
+ <span>葡萄城技术团队</span>
675
703
  </a>
676
704
  </div>
677
705
  <div class="details">
678
- 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
706
+ Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
679
707
  </div>
680
708
  </div>
681
709
  </li>
@@ -683,8 +711,8 @@
683
711
  <li>
684
712
  <div class="info">
685
713
  <div class="rank">
686
- <span title="Ranking 22">22</span>
687
- <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</a>
714
+ <span title="Ranking 23">23</span>
715
+ <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</a>
688
716
  </div>
689
717
  <div class="sub-title followers">
690
718
 
@@ -695,15 +723,15 @@
695
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"/>
696
724
  </g>
697
725
  </svg>
698
- <span>16</span>
726
+ <span>13</span>
699
727
  </span>
700
728
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
702
- <span>前端小智</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
730
+ <span>边城</span>
703
731
  </a>
704
732
  </div>
705
733
  <div class="details">
706
- 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
734
+ 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
707
735
  </div>
708
736
  </div>
709
737
  </li>
@@ -711,8 +739,8 @@
711
739
  <li>
712
740
  <div class="info">
713
741
  <div class="rank">
714
- <span title="Ranking 23">23</span>
715
- <a href="https://segmentfault.com/a/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
742
+ <span title="Ranking 24">24</span>
743
+ <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</a>
716
744
  </div>
717
745
  <div class="sub-title followers">
718
746
 
@@ -723,15 +751,15 @@
723
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"/>
724
752
  </g>
725
753
  </svg>
726
- <span>16</span>
754
+ <span>17</span>
727
755
  </span>
728
756
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
730
- <span>民工哥</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
758
+ <span>前端小智</span>
731
759
  </a>
732
760
  </div>
733
761
  <div class="details">
734
- 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
762
+ 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
735
763
  </div>
736
764
  </div>
737
765
  </li>
@@ -739,8 +767,8 @@
739
767
  <li>
740
768
  <div class="info">
741
769
  <div class="rank">
742
- <span title="Ranking 24">24</span>
743
- <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</a>
770
+ <span title="Ranking 25">25</span>
771
+ <a href="https://segmentfault.com/a/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
744
772
  </div>
745
773
  <div class="sub-title followers">
746
774
 
@@ -751,15 +779,15 @@
751
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"/>
752
780
  </g>
753
781
  </svg>
754
- <span>14</span>
782
+ <span>16</span>
755
783
  </span>
756
784
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
758
- <span>chokcoco</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
786
+ <span>民工哥</span>
759
787
  </a>
760
788
  </div>
761
789
  <div class="details">
762
- 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
790
+ 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
763
791
  </div>
764
792
  </div>
765
793
  </li>
@@ -767,7 +795,7 @@
767
795
  <li>
768
796
  <div class="info">
769
797
  <div class="rank">
770
- <span title="Ranking 25">25</span>
798
+ <span title="Ranking 26">26</span>
771
799
  <a href="https://segmentfault.com/a/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</a>
772
800
  </div>
773
801
  <div class="sub-title followers">
@@ -795,7 +823,7 @@
795
823
  <li>
796
824
  <div class="info">
797
825
  <div class="rank">
798
- <span title="Ranking 26">26</span>
826
+ <span title="Ranking 27">27</span>
799
827
  <a href="https://segmentfault.com/a/1190000040619654" target="_blank" title="Vue 更新到 3.2 版本了，你还学得动吗？">Vue 更新到 3.2 版本了，你还学得动吗？</a>
800
828
  </div>
801
829
  <div class="sub-title followers">
@@ -823,7 +851,7 @@
823
851
  <li>
824
852
  <div class="info">
825
853
  <div class="rank">
826
- <span title="Ranking 27">27</span>
854
+ <span title="Ranking 28">28</span>
827
855
  <a href="https://segmentfault.com/a/1190000040640217" target="_blank" title="Web 应用服务器端渲染入门指南">Web 应用服务器端渲染入门指南</a>
828
856
  </div>
829
857
  <div class="sub-title followers">
@@ -851,7 +879,7 @@
851
879
  <li>
852
880
  <div class="info">
853
881
  <div class="rank">
854
- <span title="Ranking 28">28</span>
882
+ <span title="Ranking 29">29</span>
855
883
  <a href="https://segmentfault.com/a/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</a>
856
884
  </div>
857
885
  <div class="sub-title followers">
@@ -879,7 +907,7 @@
879
907
  <li>
880
908
  <div class="info">
881
909
  <div class="rank">
882
- <span title="Ranking 29">29</span>
910
+ <span title="Ranking 30">30</span>
883
911
  <a href="https://segmentfault.com/a/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</a>
884
912
  </div>
885
913
  <div class="sub-title followers">
@@ -904,34 +932,6 @@
904
932
  </div>
905
933
  </li>
906
934
 
907
- <li>
908
- <div class="info">
909
- <div class="rank">
910
- <span title="Ranking 30">30</span>
911
- <a href="https://segmentfault.com/a/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
912
- </div>
913
- <div class="sub-title followers">
914
-
915
- <span title="Stargazers Count">
916
- <svg width="12" height="12" viewBox="0 0 16 16">
917
- <g fill="none" fill-rule="evenodd">
918
- <path d="M0 0h16v16H0z"/>
919
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
920
- </g>
921
- </svg>
922
- <span>10</span>
923
- </span>
924
- &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
926
- <span>JenK</span>
927
- </a>
928
- </div>
929
- <div class="details">
930
- 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
931
- </div>
932
- </div>
933
- </li>
934
-
935
935
  </ul>
936
936
  <div class="footer">
937
937
  <p>
@@ -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/9/30 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/1 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>