@wcj/github-rank 21.9.13 → 21.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +39539 -38521
  2. package/dist/sifou-daily.json +46 -37
  3. package/dist/sifou-monthly.json +98 -98
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +114 -114
  6. package/dist/toutiao-7.json +145 -145
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +175 -175
  10. package/dist/trending-weekly.json +193 -193
  11. package/dist/users.china.json +3038 -3038
  12. package/dist/users.json +4450 -4450
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +39539 -38521
  16. package/web/data/sifou-daily.json +46 -37
  17. package/web/data/sifou-monthly.json +98 -98
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +114 -114
  20. package/web/data/toutiao-7.json +145 -145
  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 +175 -175
  24. package/web/data/trending-weekly.json +193 -193
  25. package/web/data/users.china.json +3038 -3038
  26. package/web/data/users.json +4450 -4450
  27. package/web/index.html +2313 -2313
  28. package/web/repos.html +4706 -4690
  29. package/web/sifou-daily.html +60 -32
  30. package/web/sifou-monthly.html +111 -111
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +102 -102
  33. package/web/toutiao-7.html +99 -99
  34. package/web/toutiao-90.html +80 -80
  35. package/web/trending-monthly.html +157 -161
  36. package/web/trending-weekly.html +177 -173
  37. package/web/trending.html +169 -177
  38. package/web/users.china.html +1636 -1636
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/13 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -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/1190000040669535" target="_blank" title="LeetCode-258-各位相加">LeetCode-258-各位相加</a>
99
+ <a href="https://segmentfault.com/a/1190000040692850" target="_blank" title="误删nginx.conf文件如何恢复">误删nginx.conf文件如何恢复</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -110,12 +110,12 @@
110
110
  <span>2</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
114
- <span>雄狮虎豹</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
114
+ <span>JenK</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 题目描述：给定一个非负整数 num，反复将各个位上的数字相加，直到结果为一位数。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请...
118
+ 当你不小心误删或者错误操作导致nginx.conf文件丢失，而且nginx处于在住运行的状态,在这种情况下我们就可以在内存中获取配置文件1.获取nginx 进程pid执行 {代码...} 你会得到如下输出，找到master的pid {代码...}...
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/1190000040670962" target="_blank" title="Go 程序崩了？煎鱼教你用 PProf 工具来救火！">Go 程序崩了？煎鱼教你用 PProf 工具来救火！</a>
127
+ <a href="https://segmentfault.com/a/1190000040696715" target="_blank" title="手把手教你开发一个浏览器翻译插件">手把手教你开发一个浏览器翻译插件</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>1</span>
138
+ <span>3</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
142
- <span>煎鱼</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/aichendesiyangyuan" title="Programming Language">
142
+ <span>greet_eason</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 这次分享《Go 语言编程之旅》中的性能分析大杀器 PProf，文章字数有 1w3+ 字，我想应该是目前业界比较全的 PProf 文章了，也欢迎大家买本 《Go 语言编程之旅》学习更多的 Go 语言进阶技巧和知识。
146
+ 前言最近在研究一些比较有意思的东西，前几天玩了一个微信聊天机器人，美化图片的，今天想写个浏览器插件。话不多说直接开始。正文想写一个浏览器插件比较简单，跟我们平常开发项目一样，首先创建一个文件夹，保...
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/1190000040670938" target="_blank" title="用 Go map 要注意这个细节，避免依赖他！">用 Go map 要注意这个细节，避免依赖他！</a>
155
+ <a href="https://segmentfault.com/a/1190000040693286" target="_blank" title="妙用 background 实现花式文字效果">妙用 background 实现花式文字效果</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>1</span>
166
+ <span>5</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
170
- <span>煎鱼</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
170
+ <span>chokcoco</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 有的小伙伴没留意过 Go map 输出、遍历顺序，以为它是稳定的有序的，会在业务程序中直接依赖这个结果集顺序，结果栽了个大跟头，吃了线上 BUG。
174
+ 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
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/1190000040670804" target="_blank" title="用canvas实现一个大气球送给你">用canvas实现一个大气球送给你</a>
183
+ <a href="https://segmentfault.com/a/1190000040698089" target="_blank" title="【业务学习】分库分表回顾">【业务学习】分库分表回顾</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/zhizhe_5c6eb6478bd93" title="Programming Language">
198
- <span>执鸢者</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/nosay" title="Programming Language">
198
+ <span>NoSay</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...
202
+ 随着公司业务快速发展，数据库中的数据量猛增，访问性能也变慢了，优化迫在眉睫。分析一下问题出现在哪儿呢？ 关系型数据库本身比较容易成为系统瓶颈，单机存储容量、连接数、处理能力都有限。当单表的数据量达到...
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/1190000040670187" target="_blank" title="sveltejs vs. sfcjs">sveltejs vs. sfcjs</a>
211
+ <a href="https://segmentfault.com/a/1190000040694862" target="_blank" title="力扣刷题的正确姿势是什么？">力扣刷题的正确姿势是什么？</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -222,12 +222,12 @@
222
222
  <span>2</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/frustigor" title="Programming Language">
226
- <span>否子戈</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/shuohaodeyixuene" title="Programming Language">
226
+ <span>lucifer</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- Sveltejs is a js framework based on compiling, sfcjs is a js component runtime in browser with svelte style syntax. This article will compare their syntax.
230
+ 力扣（LeetCode ）官网收录了许多互联网公司的算法题目，一度被称为刷题神器。这里我们就来介绍下如何使用 力扣（LeetCode ）网站。
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/1190000040671720" target="_blank" title="刷到就是赚到！八月阿里 Android 高级岗面经（年薪百万）">刷到就是赚到！八月阿里 Android 高级岗面经（年薪百万）</a>
239
+ <a href="https://segmentfault.com/a/1190000040693715" target="_blank" title="Chrome下使用WebRTC实现屏幕共享">Chrome下使用WebRTC实现屏幕共享</a>
240
240
  </div>
241
241
  <div class="sub-title followers">
242
242
 
@@ -250,12 +250,12 @@
250
250
  <span>1</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/user_c7r6zyi4" title="Programming Language">
254
- <span>user_C7r6zyI4</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/techbridge" title="Programming Language">
254
+ <span>techbridge</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 同事硕士毕业后工作了4年，之前一直都是在二线“奋战”，身为程序员，一直都为同在杭州的一线大厂有一些想法，这次离职后入职阿里，虽不是像淘宝客户端这种核心部门，但是也算成就了他入职大厂的梦想了。
258
+ 屏幕共享就是将自己电脑的屏幕内容以视频的方式分享给其他人观看，以提高沟通效率。屏幕共享作为一种实现互动的方式，经常出现在用户的生活场景中，比如:
259
259
  </div>
260
260
  </div>
261
261
  </li>
@@ -264,7 +264,35 @@
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/1190000040671689" target="_blank" title="某司内招Android客户端“潜规则”：内卷成灾，非985不要？">某司内招Android客户端“潜规则”：内卷成灾，非985不要？</a>
267
+ <a href="https://segmentfault.com/a/1190000040693137" target="_blank" title="flutter 多选项目插件">flutter 多选项目插件</a>
268
+ </div>
269
+ <div class="sub-title followers">
270
+
271
+ <span title="Stargazers Count">
272
+ <svg width="12" height="12" viewBox="0 0 16 16">
273
+ <g fill="none" fill-rule="evenodd">
274
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
277
+ </svg>
278
+ <span>1</span>
279
+ </span>
280
+ &nbsp;
281
+ <a target="_blank" href="https://segmentfault.com/u/ducafecat" title="Programming Language">
282
+ <span>会煮咖啡的猫</span>
283
+ </a>
284
+ </div>
285
+ <div class="details">
286
+ 原文[链接]参考[链接]正文Flutter 小部件是使用现代框架构建的。这就像是一种反应。在这里，我们从小部件开始创建任何应用程序。屏幕中的每个组件都是一个小部件。这个小部件描述了根据他目前的配置和状态，他的...
287
+ </div>
288
+ </div>
289
+ </li>
290
+
291
+ <li>
292
+ <div class="info">
293
+ <div class="rank">
294
+ <span title="Ranking 8">8</span>
295
+ <a href="https://segmentfault.com/a/1190000040692859" target="_blank" title="如何构建公司的数据指标体系">如何构建公司的数据指标体系</a>
268
296
  </div>
269
297
  <div class="sub-title followers">
270
298
 
@@ -278,12 +306,12 @@
278
306
  <span>1</span>
279
307
  </span>
280
308
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/user_c7r6zyi4" title="Programming Language">
282
- <span>user_C7r6zyI4</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/hf200012_61408ce526a89" title="Programming Language">
310
+ <span>张家锋</span>
283
311
  </a>
284
312
  </div>
285
313
  <div class="details">
286
- 尤其是互联网公司，几乎隔一段时间就会有大公司进行裁员。而且随着各种程序员的培训机构和大量的应届毕业生，程序员这个岗位竞争是越来越大了，所以说程序员不如过去吃香了是很现实的问题。
314
+ 在数据化管理中，数据指标是业务中的核心内容，然而指标管理中总会出现许多问题。指标管理系统在一定程度上可以帮助实现规范化管理，但是针对不同的业务场景与需求，数据管理还应当灵活应变，
287
315
  </div>
288
316
  </div>
289
317
  </li>
@@ -304,7 +332,7 @@
304
332
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
305
333
  </a>
306
334
  </p>
307
- <div class="time">Last cache created on 2021/9/13 by Github API v3.</div>
335
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
308
336
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
309
337
  </div>
310
338
  </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/13 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -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/1190000040525819" target="_blank" title="大学四年一路走来，我把这些私藏的算法学习工具全贡献出来了！">大学四年一路走来，我把这些私藏的算法学习工具全贡献出来了！</a>
99
+ <a href="https://segmentfault.com/a/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</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>53</span>
110
+ <span>52</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
114
- <span>CodeSheep</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
114
+ <span>SHERlocked93</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 我们都知道数据结构和算法一个比较难以掌握的原因就是很难形象地在脑海中形成一个结构化的画面，尤其是当一些结构和算法比较复杂时，对人的想象能力有一定要求。
118
+ 数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...
119
119
  </div>
120
120
  </div>
121
121
  </li>
@@ -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>42</span>
139
139
  </span>
140
140
  &nbsp;
141
141
  <a target="_blank" href="https://segmentfault.com/u/116263" 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>40</span>
166
+ <span>42</span>
167
167
  </span>
168
168
  &nbsp;
169
169
  <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
@@ -191,7 +191,7 @@
191
191
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
192
192
  </g>
193
193
  </svg>
194
- <span>35</span>
194
+ <span>37</span>
195
195
  </span>
196
196
  &nbsp;
197
197
  <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
@@ -247,7 +247,7 @@
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>27</span>
250
+ <span>28</span>
251
251
  </span>
252
252
  &nbsp;
253
253
  <a target="_blank" href="https://segmentfault.com/u/webinfoq" title="Programming Language">
@@ -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/1190000040517973" target="_blank" title="常见的Web攻击手段，拿捏了！">常见的Web攻击手段，拿捏了！</a>
267
+ <a href="https://segmentfault.com/a/1190000040582994" target="_blank" title="爆肝一周，写给初级前端快速转TypeScript指南">爆肝一周，写给初级前端快速转TypeScript指南</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>40</span>
278
+ <span>34</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
282
- <span>蔡不菜丶</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
282
+ <span>蛙人</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 本文主要介绍 互联网中常见的 Web 攻击手段如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！
286
+ TypeScript可以让我们开发中避免一些类型或者一些不是我们预期希望的代码结果错误。xxx is not defined 我们都知道JavaScript错误是在运行中才抛出的，但是TypeScript错误直接是在编辑器里告知我们的，这极大的提...
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/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</a>
295
+ <a href="https://segmentfault.com/a/1190000040611431" target="_blank" title="大概几集下饭剧时间就能懂的VUE3原理">大概几集下饭剧时间就能懂的VUE3原理</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>31</span>
306
+ <span>22</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
310
- <span>SHERlocked93</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
310
+ <span>卡颂</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...
314
+ 大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...
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/1190000040516715" target="_blank" title="我用 10000 张图片合成我们美好的瞬间">我用 10000 张图片合成我们美好的瞬间</a>
323
+ <a href="https://segmentfault.com/a/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</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>27</span>
334
+ <span>21</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
338
- <span>荣顶</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
338
+ <span>民工哥</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用...
342
+ 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
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/1190000040582994" target="_blank" title="爆肝一周，写给初级前端快速转TypeScript指南">爆肝一周，写给初级前端快速转TypeScript指南</a>
351
+ <a href="https://segmentfault.com/a/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</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>32</span>
362
+ <span>27</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
366
- <span>蛙人</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
366
+ <span>九灵</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- TypeScript可以让我们开发中避免一些类型或者一些不是我们预期希望的代码结果错误。xxx is not defined 我们都知道JavaScript错误是在运行中才抛出的，但是TypeScript错误直接是在编辑器里告知我们的，这极大的提...
370
+ CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
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/1190000040611431" target="_blank" title="大概几集下饭剧时间就能懂的VUE3原理">大概几集下饭剧时间就能懂的VUE3原理</a>
379
+ <a href="https://segmentfault.com/a/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</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>23</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
394
- <span>卡颂</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
394
+ <span>wscats</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...
398
+ 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
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/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</a>
407
+ <a href="https://segmentfault.com/a/1190000040571330" target="_blank" title="当前端框架聊性能，聊的是同一个性能么？">当前端框架聊性能，聊的是同一个性能么？</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>17</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
422
- <span>民工哥</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
422
+ <span>卡颂</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
426
+ 大家好，我是卡颂。你可能看过下面这张图（或类似的图）：这是一张前端框架性能跑分表，表中每一行都是一个性能度量指标。据我多年潜伏推特观察，采用了细粒度更新技术的框架开发者普遍喜欢晒跑分表。比如Solid.j...
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/1190000040571330" target="_blank" title="当前端框架聊性能，聊的是同一个性能么？">当前端框架聊性能，聊的是同一个性能么？</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,7 +443,7 @@
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>17</span>
446
+ <span>19</span>
447
447
  </span>
448
448
  &nbsp;
449
449
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -451,7 +451,7 @@
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 大家好，我是卡颂。你可能看过下面这张图（或类似的图）：这是一张前端框架性能跑分表，表中每一行都是一个性能度量指标。据我多年潜伏推特观察，采用了细粒度更新技术的框架开发者普遍喜欢晒跑分表。比如Solid.j...
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/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</a>
463
+ <a href="https://segmentfault.com/a/1190000040571044" target="_blank" title="能说会道爱办公——“别人家的”Chrome插件到底怎么做">能说会道爱办公——“别人家的”Chrome插件到底怎么做</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>24</span>
474
+ <span>15</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
478
- <span>九灵</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
478
+ <span>葡萄城技术团队</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
482
+ 根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...
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/1190000040571044" target="_blank" title="能说会道爱办公——“别人家的”Chrome插件到底怎么做">能说会道爱办公——“别人家的”Chrome插件到底怎么做</a>
491
+ <a href="https://segmentfault.com/a/1190000040556634" target="_blank" title="30 个极大提高开发效率超级实用的 VSCode 插件">30 个极大提高开发效率超级实用的 VSCode 插件</a>
492
492
  </div>
493
493
  <div class="sub-title followers">
494
494
 
@@ -499,15 +499,15 @@
499
499
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
500
500
  </g>
501
501
  </svg>
502
- <span>15</span>
502
+ <span>16</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
506
- <span>葡萄城技术团队</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
506
+ <span>wscats</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...
510
+ Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
511
511
  </div>
512
512
  </div>
513
513
  </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/1190000040556634" target="_blank" title="30 个极大提高开发效率超级实用的 VSCode 插件">30 个极大提高开发效率超级实用的 VSCode 插件</a>
575
+ <a href="https://segmentfault.com/a/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个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>15</span>
586
+ <span>24</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
590
- <span>wscats</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
590
+ <span>蛙人</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
594
+ 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
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/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个JavaScript工作中常用的代码片段</a>
603
+ <a href="https://segmentfault.com/a/1190000040562839" target="_blank" title="纯CSS实现beautiful按钮">纯CSS实现beautiful按钮</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>21</span>
614
+ <span>20</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
618
- <span>蛙人</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
618
+ <span>执鸢者</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
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/1190000040562839" target="_blank" title="纯CSS实现beautiful按钮">纯CSS实现beautiful按钮</a>
631
+ <a href="https://segmentfault.com/a/1190000040464301" target="_blank" title="13个JavaScript 一行程序，让你看起来像个专家">13个JavaScript 一行程序，让你看起来像个专家</a>
632
632
  </div>
633
633
  <div class="sub-title followers">
634
634
 
@@ -639,15 +639,15 @@
639
639
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
640
640
  </g>
641
641
  </svg>
642
- <span>19</span>
642
+ <span>16</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
646
- <span>执鸢者</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
646
+ <span>前端小智</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）
650
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
651
651
  </div>
652
652
  </div>
653
653
  </li>
@@ -656,7 +656,7 @@
656
656
  <div class="info">
657
657
  <div class="rank">
658
658
  <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040464301" target="_blank" title="13个JavaScript 一行程序，让你看起来像个专家">13个JavaScript 一行程序，让你看起来像个专家</a>
659
+ <a href="https://segmentfault.com/a/1190000040539268" target="_blank" title="万字详文：彻底搞懂 Jest 单元测试框架">万字详文：彻底搞懂 Jest 单元测试框架</a>
660
660
  </div>
661
661
  <div class="sub-title followers">
662
662
 
@@ -670,12 +670,12 @@
670
670
  <span>16</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
674
- <span>前端小智</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
674
+ <span>wscats</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
678
+ 什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-c...
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/1190000040539268" target="_blank" title="万字详文：彻底搞懂 Jest 单元测试框架">万字详文：彻底搞懂 Jest 单元测试框架</a>
687
+ <a href="https://segmentfault.com/a/1190000040563987" target="_blank" title="奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？">奇思妙想 CSS 3D 动画 | 仅使用 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>16</span>
698
+ <span>14</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
702
- <span>wscats</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
- 什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-c...
706
+ 本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...
707
707
  </div>
708
708
  </div>
709
709
  </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/1190000040527885" target="_blank" title="AlpineJS作者：不上班，一年10w刀">AlpineJS作者：不上班，一年10w刀</a>
743
+ <a href="https://segmentfault.com/a/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</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>16</span>
754
+ <span>22</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
758
- <span>卡颂</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
758
+ <span>荣顶</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 大家好，我是卡颂。今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到...
762
+ 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
763
763
  </div>
764
764
  </div>
765
765
  </li>
@@ -768,7 +768,7 @@
768
768
  <div class="info">
769
769
  <div class="rank">
770
770
  <span title="Ranking 25">25</span>
771
- <a href="https://segmentfault.com/a/1190000040563987" target="_blank" title="奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？">奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？</a>
771
+ <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</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>14</span>
782
+ <span>17</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
786
- <span>chokcoco</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
786
+ <span>TNTWEB</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...
790
+ TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
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/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</a>
799
+ <a href="https://segmentfault.com/a/1190000040533922" target="_blank" title="输入 url 到页面展示发生了什么？">输入 url 到页面展示发生了什么？</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>14</span>
810
+ <span>18</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
814
- <span>葡萄城技术团队</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
814
+ <span>时倾</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
818
+ 整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...
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/1190000040533922" target="_blank" title="输入 url 到页面展示发生了什么？">输入 url 到页面展示发生了什么？</a>
827
+ <a href="https://segmentfault.com/a/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</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>18</span>
838
+ <span>14</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
842
- <span>时倾</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
842
+ <span>葡萄城技术团队</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...
846
+ Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
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/1190000040619654" target="_blank" title="Vue 更新到 3.2 版本了，你还学得动吗？">Vue 更新到 3.2 版本了，你还学得动吗？</a>
855
+ <a href="https://segmentfault.com/a/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</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>15</span>
866
+ <span>16</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
870
- <span>六一</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
870
+ <span>XboxYan</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。
874
+ 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。
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/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</a>
883
+ <a href="https://segmentfault.com/a/1190000040619654" target="_blank" title="Vue 更新到 3.2 版本了，你还学得动吗？">Vue 更新到 3.2 版本了，你还学得动吗？</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -894,12 +894,12 @@
894
894
  <span>15</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
898
- <span>XboxYan</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
898
+ <span>六一</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。
902
+ 不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。
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/1190000040527636" target="_blank" title="wp2vite ~ 让webpack项目支持vite">wp2vite ~ 让webpack项目支持vite</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
 
@@ -922,12 +922,12 @@
922
922
  <span>11</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
926
- <span>TNTWEB</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
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
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/13 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>