@wcj/github-rank 21.9.28 → 21.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +34097 -33097
  2. package/dist/sifou-daily.json +17 -35
  3. package/dist/sifou-monthly.json +132 -132
  4. package/dist/sifou-weekly.json +174 -165
  5. package/dist/toutiao-30.json +92 -92
  6. package/dist/toutiao-7.json +138 -138
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +177 -188
  10. package/dist/trending-weekly.json +193 -193
  11. package/dist/users.china.json +3044 -3044
  12. package/dist/users.json +4015 -4015
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34097 -33097
  16. package/web/data/sifou-daily.json +17 -35
  17. package/web/data/sifou-monthly.json +132 -132
  18. package/web/data/sifou-weekly.json +174 -165
  19. package/web/data/toutiao-30.json +92 -92
  20. package/web/data/toutiao-7.json +138 -138
  21. package/web/data/toutiao-90.json +60 -60
  22. package/web/data/trending-daily.json +196 -196
  23. package/web/data/trending-monthly.json +177 -188
  24. package/web/data/trending-weekly.json +193 -193
  25. package/web/data/users.china.json +3044 -3044
  26. package/web/data/users.json +4015 -4015
  27. package/web/index.html +1939 -1939
  28. package/web/repos.html +4321 -4325
  29. package/web/sifou-daily.html +16 -72
  30. package/web/sifou-monthly.html +141 -141
  31. package/web/sifou-weekly.html +166 -138
  32. package/web/toutiao-30.html +90 -90
  33. package/web/toutiao-7.html +102 -102
  34. package/web/toutiao-90.html +106 -106
  35. package/web/trending-monthly.html +162 -196
  36. package/web/trending-weekly.html +173 -169
  37. package/web/trending.html +175 -171
  38. package/web/users.china.html +1534 -1534
package/web/sifou-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/28 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/2 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -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>62</span>
110
+ <span>64</span>
111
111
  </span>
112
112
  &nbsp;
113
113
  <a target="_blank" href="https://segmentfault.com/u/sherlocked93" 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/1190000040594181" target="_blank" title="30 个有用的 Node.js NPM 包">30 个有用的 Node.js NPM 包</a>
127
+ <a href="https://segmentfault.com/a/1190000040721650" target="_blank" title="20 个杀手级 JavaScript 单行代码">20 个杀手级 JavaScript 单行代码</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>41</span>
138
+ <span>47</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
142
- <span>TNTWEB</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
142
+ <span>JenK</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
146
+ 规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...
147
147
  </div>
148
148
  </div>
149
149
  </li>
@@ -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>35</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">
@@ -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/1190000040721650" target="_blank" title="20 个杀手级 JavaScript 单行代码">20 个杀手级 JavaScript 单行代码</a>
183
+ <a href="https://segmentfault.com/a/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -194,12 +194,12 @@
194
194
  <span>27</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
198
- <span>JenK</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
198
+ <span>民工哥</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...
202
+ 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
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/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</a>
211
+ <a href="https://segmentfault.com/a/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</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>27</span>
222
+ <span>31</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
226
- <span>民工哥</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
226
+ <span>九灵</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
230
+ CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
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/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</a>
239
+ <a href="https://segmentfault.com/a/1190000040686256" target="_blank" title="如何阅读源码 —— 以 Vetur 为例">如何阅读源码 —— 以 Vetur 为例</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>29</span>
250
+ <span>23</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
254
- <span>九灵</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
254
+ <span>范文杰</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
258
+ 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：
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/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</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>22</span>
278
+ <span>23</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/alibabataoxijishu" title="Programming Language">
282
+ <span>阿里巴巴淘系技术</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：
286
+ 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
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/1190000040611431" target="_blank" title="大概几集下饭剧时间就能懂的VUE3原理">大概几集下饭剧时间就能懂的VUE3原理</a>
295
+ <a href="https://segmentfault.com/a/1190000040720760" target="_blank" title="从0到1开发一款自己的vscode插件">从0到1开发一款自己的vscode插件</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>24</span>
306
+ <span>21</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
310
- <span>卡颂</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
310
+ <span>执鸢者</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...
314
+ 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
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/1190000040688086" target="_blank" title="基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇">基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇</a>
323
+ <a href="https://segmentfault.com/a/1190000040611431" target="_blank" title="大概几集下饭剧时间就能懂的VUE3原理">大概几集下饭剧时间就能懂的VUE3原理</a>
324
324
  </div>
325
325
  <div class="sub-title followers">
326
326
 
@@ -334,12 +334,12 @@
334
334
  <span>25</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
338
- <span>程序员海军</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
338
+ <span>卡颂</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
342
+ 大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...
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/1190000040720760" target="_blank" title="从0到1开发一款自己的vscode插件">从0到1开发一款自己的vscode插件</a>
351
+ <a href="https://segmentfault.com/a/1190000040688086" target="_blank" title="基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇">基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇</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>16</span>
362
+ <span>27</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
366
- <span>执鸢者</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
366
+ <span>程序员海军</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...
370
+ 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
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/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个JavaScript工作中常用的代码片段</a>
379
+ <a href="https://segmentfault.com/a/1190000040748929" target="_blank" title="📝 没 2 年 React Native 开发经验，你都遇不到这些坑">📝 没 2 年 React Native 开发经验，你都遇不到这些坑</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>28</span>
390
+ <span>16</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
394
- <span>蛙人</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
394
+ <span>卤代烃</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
398
+ React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。
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/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个JavaScript工作中常用的代码片段</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>19</span>
418
+ <span>29</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/jack_code" 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
+ 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
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/1190000040589710" target="_blank" title="后端视野学 Webpack ，文武双全？">后端视野学 Webpack ，文武双全？</a>
435
+ <a href="https://segmentfault.com/a/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</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>26</span>
446
+ <span>21</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
450
- <span>蔡不菜丶</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
450
+ <span>卡颂</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。
454
+ 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
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/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</a>
463
+ <a href="https://segmentfault.com/a/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</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>20</span>
474
+ <span>19</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
478
- <span>卡颂</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
478
+ <span>chokcoco</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
482
+ 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
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/1190000040725587" target="_blank" title="技术人必看的各类工具书籍">技术人必看的各类工具书籍</a>
491
+ <a href="https://segmentfault.com/a/1190000040722202" target="_blank" title="近 20k Star的项目说不做就不做了，但总结的内容值得借鉴">近 20k Star的项目说不做就不做了，但总结的内容值得借鉴</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>16</span>
502
+ <span>15</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
506
- <span>阿里巴巴淘系技术</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
506
+ <span>零一</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...
510
+ 大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...
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/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</a>
519
+ <a href="https://segmentfault.com/a/1190000040717509" target="_blank" title="Nginx服务器常见配置清单备忘录">Nginx服务器常见配置清单备忘录</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>24</span>
530
+ <span>20</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
534
- <span>荣顶</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
534
+ <span>CodeSheep</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
538
+ Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...
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/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
547
+ <a href="https://segmentfault.com/a/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</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>19</span>
558
+ <span>17</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
562
- <span>TNTWEB</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
562
+ <span>lzg9527</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
566
+ 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
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/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</a>
575
+ <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</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>17</span>
586
+ <span>20</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
590
- <span>XboxYan</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
590
+ <span>TNTWEB</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。
594
+ TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
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/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</a>
603
+ <a href="https://segmentfault.com/a/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</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>25</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
618
- <span>葡萄城技术团队</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
618
+ <span>荣顶</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
622
+ 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
623
623
  </div>
624
624
  </div>
625
625
  </li>
@@ -628,7 +628,7 @@
628
628
  <div class="info">
629
629
  <div class="rank">
630
630
  <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
631
+ <a href="https://segmentfault.com/a/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</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>18</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
646
- <span>民工哥</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
646
+ <span>XboxYan</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
650
+ 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。
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/1190000040619654" target="_blank" title="Vue 更新到 3.2 版本了，你还学得动吗？">Vue 更新到 3.2 版本了，你还学得动吗？</a>
659
+ <a href="https://segmentfault.com/a/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</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>15</span>
670
+ <span>18</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
674
- <span>六一</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
674
+ <span>前端小智</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。
678
+ 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</a>
687
+ <a href="https://segmentfault.com/a/1190000040735240" target="_blank" title="尝试对 jsjiami 加密结果手工解密">尝试对 jsjiami 加密结果手工解密</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>15</span>
698
+ <span>13</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
702
- <span>荣顶</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
702
+ <span>边城</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
706
+ 看了下 jsjiami，简单的一个 console.log(&#34;James&#34;)，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...
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/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</a>
715
+ <a href="https://segmentfault.com/a/1190000040741939" target="_blank" title="CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果">CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果</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>17</span>
726
+ <span>15</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
730
- <span>JenK</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
730
+ <span>chokcoco</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
734
+ 本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...
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/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
743
+ <a href="https://segmentfault.com/a/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</a>
744
744
  </div>
745
745
  <div class="sub-title followers">
746
746
 
@@ -751,15 +751,15 @@
751
751
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
752
752
  </g>
753
753
  </svg>
754
- <span>10</span>
754
+ <span>15</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/grapecity" title="Programming Language">
758
+ <span>葡萄城技术团队</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
762
+ Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
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/1190000040640217" target="_blank" title="Web 应用服务器端渲染入门指南">Web 应用服务器端渲染入门指南</a>
771
+ <a href="https://segmentfault.com/a/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</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>13</span>
782
+ <span>16</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/jerrywangsap" title="Programming Language">
786
- <span>JerryWang_汪子熙</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
786
+ <span>民工哥</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 作为开发人员，我们经常面临会影响应用程序整个架构的决策。 Web 开发人员必须做出的核心决策之一是在他们的应用程序中实现逻辑和呈现的位置。 这可能很困难，因为有许多不同的方法来构建网站。
790
+ 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
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/1190000040704577" target="_blank" title="摊牌了，做为前端，我经常在用的15个国外网站">摊牌了，做为前端，我经常在用的15个国外网站</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
 
@@ -810,12 +810,12 @@
810
810
  <span>15</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
814
- <span>前端小智</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
- 作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040719719" target="_blank" title="从零搭建一个前端cli脚手架并发布到npm">从零搭建一个前端cli脚手架并发布到npm</a>
827
+ <a href="https://segmentfault.com/a/1190000040619654" target="_blank" title="Vue 更新到 3.2 版本了，你还学得动吗？">Vue 更新到 3.2 版本了，你还学得动吗？</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>12</span>
838
+ <span>15</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
842
- <span>lzg9527</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
842
+ <span>六一</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...
846
+ 不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。
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/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</a>
855
+ <a href="https://segmentfault.com/a/1190000040640217" target="_blank" title="Web 应用服务器端渲染入门指南">Web 应用服务器端渲染入门指南</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>13</span>
866
+ <span>14</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
870
- <span>y_ck</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/jerrywangsap" title="Programming Language">
870
+ <span>JerryWang_汪子熙</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：
874
+ 作为开发人员，我们经常面临会影响应用程序整个架构的决策。 Web 开发人员必须做出的核心决策之一是在他们的应用程序中实现逻辑和呈现的位置。 这可能很困难，因为有许多不同的方法来构建网站。
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/1190000040640072" target="_blank" title="微服务架构下的熔断框架：hystrix-go">微服务架构下的熔断框架：hystrix-go</a>
883
+ <a href="https://segmentfault.com/a/1190000040704929" target="_blank" title="29个项目来让你的HTML CSS Javascript 更加炉火纯青">29个项目来让你的HTML CSS Javascript 更加炉火纯青</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>10</span>
894
+ <span>17</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86" title="Programming Language">
898
- <span>asong</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
898
+ <span>JenK</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 伴随着微服务架构被宣传得如火如茶，一些概念也被推到了我们的面前。一提到微服务，就离不开这几个字：高内聚低耦合；微服务的架构设计最终目的也就是实现这几个字。在微服务架构中，微服务就是完成一个单一的业...
902
+ 我在这里收集了许多关于使用html、css、js来开发网页的实例，他可以帮助你更好的进行实践和练习响应式社交平台用户界面点击查看demo🔗福克斯新闻模板点击查看demo🔗Netflix登录页点击查看demo🔗书店界面点击查看demo...
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/1190000040632852" target="_blank" title="第五期:前端九条bug分享 (ts相关知识较多)">第五期:前端九条bug分享 (ts相关知识较多)</a>
911
+ <a href="https://segmentfault.com/a/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</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>15</span>
922
+ <span>14</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
926
- <span>lulu_up</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
926
+ <span>y_ck</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- 最近换了新工作终于凑齐一些有趣的bug与问题了, 比如在ts方面做了深入的研究, 国际化开发方面有了一些思考等等, 总之新的工作刚刚开始就收获满满, 有对&#39;字节跳动&#39;国际化业务感兴趣的同学可以把简历砸过来, ...
930
+ 微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：
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/9/28 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/2 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>