@wcj/github-rank 21.9.12 → 21.9.16

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 +32322 -31322
  2. package/dist/sifou-daily.json +75 -30
  3. package/dist/sifou-monthly.json +107 -107
  4. package/dist/sifou-weekly.json +175 -175
  5. package/dist/toutiao-30.json +119 -119
  6. package/dist/toutiao-7.json +164 -164
  7. package/dist/toutiao-90.json +57 -57
  8. package/dist/trending-daily.json +199 -199
  9. package/dist/trending-monthly.json +158 -158
  10. package/dist/trending-weekly.json +191 -191
  11. package/dist/users.china.json +3196 -3197
  12. package/dist/users.json +4216 -4216
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +32322 -31322
  16. package/web/data/sifou-daily.json +75 -30
  17. package/web/data/sifou-monthly.json +107 -107
  18. package/web/data/sifou-weekly.json +175 -175
  19. package/web/data/toutiao-30.json +119 -119
  20. package/web/data/toutiao-7.json +164 -164
  21. package/web/data/toutiao-90.json +57 -57
  22. package/web/data/trending-daily.json +199 -199
  23. package/web/data/trending-monthly.json +158 -158
  24. package/web/data/trending-weekly.json +191 -191
  25. package/web/data/users.china.json +3196 -3197
  26. package/web/data/users.json +4216 -4216
  27. package/web/index.html +2161 -2161
  28. package/web/repos.html +4239 -4239
  29. package/web/sifou-daily.html +166 -26
  30. package/web/sifou-monthly.html +124 -124
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +107 -107
  33. package/web/toutiao-7.html +93 -93
  34. package/web/toutiao-90.html +91 -91
  35. package/web/trending-monthly.html +147 -147
  36. package/web/trending-weekly.html +175 -167
  37. package/web/trending.html +180 -172
  38. package/web/users.china.html +1647 -1647
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/12 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/9/16 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/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
99
+ <a href="https://segmentfault.com/a/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -107,15 +107,15 @@
107
107
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
108
108
  </g>
109
109
  </svg>
110
- <span>1</span>
110
+ <span>14</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
114
- <span>民工哥</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
114
+ <span>wscats</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
118
+ 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
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/1190000040668089" target="_blank" title="Java并发知识总结">Java并发知识总结</a>
127
+ <a href="https://segmentfault.com/a/1190000040688086" target="_blank" title="从 0 到 1 开发一个聊天通讯 服务 复盘总结分享">从 0 到 1 开发一个聊天通讯 服务 复盘总结分享</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>4</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
142
- <span>程序员大彬</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
142
+ <span>大新</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 首先给大家分享一个github仓库，上面放了200多本经典的计算机书籍，包括C语言、C++、Java、Python、前端、数据库、操作系统、计算机网络、数据结构和算法、机器学习、编程人生等，可以star一下，下次找书直接在上...
146
+ 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
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/1190000040667855" target="_blank" title="【C进阶】13、接续符和转义符">【C进阶】13、接续符和转义符</a>
155
+ <a href="https://segmentfault.com/a/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</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/lala_60a20654d1aa3" title="Programming Language">
170
- <span>bryson</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
170
+ <span>荣顶</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- Summary1）编译器会将反斜杠&#39;\&#39;剔除，跟在反斜杠后面的字符自动接续到前一行2）在接续单词时，反斜杠&#39;\&#39;之后不能有空格，反斜杠&#39;\&#39;的下一行之前也不能有空格3）接续符&#39;\&#39;适合用于定义宏代码块，提高可读性4）C语...
174
+ 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
175
175
  </div>
176
176
  </div>
177
177
  </li>
@@ -180,7 +180,7 @@
180
180
  <div class="info">
181
181
  <div class="rank">
182
182
  <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040667272" target="_blank" title="【C进阶】12、注释符号">【C进阶】12、注释符号</a>
183
+ <a href="https://segmentfault.com/a/1190000040689791" target="_blank" title="一个工具函数，实现页面tooltip组件的限制使用">一个工具函数，实现页面tooltip组件的限制使用</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,15 +191,15 @@
191
191
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
192
192
  </g>
193
193
  </svg>
194
- <span>1</span>
194
+ <span>2</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/lala_60a20654d1aa3" title="Programming Language">
198
- <span>bryson</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
198
+ <span>夕水</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- Summary1）编译器在编译过程中使用空格替换整个注释 2）反斜杠&#39;\&#39;是接续符，编译器会将反斜杠剔除，跟在反斜杠后面的字符自动接续到前一行3）字符串里的//和/**/都会被看做斜杠字符，不会作为注释4）/*..*/注释不...
202
+ 有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -208,7 +208,119 @@
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/1190000040666301" target="_blank" title="设计师常用软件合集，有一个你肯定知道！">设计师常用软件合集，有一个你肯定知道！</a>
211
+ <a href="https://segmentfault.com/a/1190000040688565" target="_blank" title="如何生成稳定的动态 treemap（矩形树图）关键技术揭晓">如何生成稳定的动态 treemap（矩形树图）关键技术揭晓</a>
212
+ </div>
213
+ <div class="sub-title followers">
214
+
215
+ <span title="Stargazers Count">
216
+ <svg width="12" height="12" viewBox="0 0 16 16">
217
+ <g fill="none" fill-rule="evenodd">
218
+ <path d="M0 0h16v16H0z"/>
219
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
220
+ </g>
221
+ </svg>
222
+ <span>3</span>
223
+ </span>
224
+ &nbsp;
225
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
226
+ <span>云音乐大前端团队</span>
227
+ </a>
228
+ </div>
229
+ <div class="details">
230
+ 前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...
231
+ </div>
232
+ </div>
233
+ </li>
234
+
235
+ <li>
236
+ <div class="info">
237
+ <div class="rank">
238
+ <span title="Ranking 6">6</span>
239
+ <a href="https://segmentfault.com/a/1190000040687221" target="_blank" title="PHP 字符串中直接解析函数的写法">PHP 字符串中直接解析函数的写法</a>
240
+ </div>
241
+ <div class="sub-title followers">
242
+
243
+ <span title="Stargazers Count">
244
+ <svg width="12" height="12" viewBox="0 0 16 16">
245
+ <g fill="none" fill-rule="evenodd">
246
+ <path d="M0 0h16v16H0z"/>
247
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
248
+ </g>
249
+ </svg>
250
+ <span>2</span>
251
+ </span>
252
+ &nbsp;
253
+ <a target="_blank" href="https://segmentfault.com/u/guanguans" title="Programming Language">
254
+ <span>guanguans</span>
255
+ </a>
256
+ </div>
257
+ <div class="details">
258
+ PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...
259
+ </div>
260
+ </div>
261
+ </li>
262
+
263
+ <li>
264
+ <div class="info">
265
+ <div class="rank">
266
+ <span title="Ranking 7">7</span>
267
+ <a href="https://segmentfault.com/a/1190000040685785" target="_blank" title="LeetCode-283-移动零">LeetCode-283-移动零</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>2</span>
279
+ </span>
280
+ &nbsp;
281
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
282
+ <span>雄狮虎豹</span>
283
+ </a>
284
+ </div>
285
+ <div class="details">
286
+ 题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...
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/1190000040688954" target="_blank" title="The Data Way Vol.4｜开源是创造软件诸多方法中最好的一种形式">The Data Way Vol.4｜开源是创造软件诸多方法中最好的一种形式</a>
296
+ </div>
297
+ <div class="sub-title followers">
298
+
299
+ <span title="Stargazers Count">
300
+ <svg width="12" height="12" viewBox="0 0 16 16">
301
+ <g fill="none" fill-rule="evenodd">
302
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
305
+ </svg>
306
+ <span>2</span>
307
+ </span>
308
+ &nbsp;
309
+ <a target="_blank" href="https://segmentfault.com/u/sphereex" title="Programming Language">
310
+ <span>SphereEx</span>
311
+ </a>
312
+ </div>
313
+ <div class="details">
314
+ 关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...
315
+ </div>
316
+ </div>
317
+ </li>
318
+
319
+ <li>
320
+ <div class="info">
321
+ <div class="rank">
322
+ <span title="Ranking 9">9</span>
323
+ <a href="https://segmentfault.com/a/1190000040688060" target="_blank" title="vuex 的使用">vuex 的使用</a>
212
324
  </div>
213
325
  <div class="sub-title followers">
214
326
 
@@ -222,12 +334,40 @@
222
334
  <span>1</span>
223
335
  </span>
224
336
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/soldier_59216a176591a" title="Programming Language">
226
- <span>Soldier</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/shenbiaohutixiaoyueban" title="Programming Language">
338
+ <span>神膘护体小月半</span>
339
+ </a>
340
+ </div>
341
+ <div class="details">
342
+ vuex 的简介vuex 是全局状态管理器，在 state 中定义一个全局变量，可以在任何一个组件中进行获取、修改，并且可以将修改的内容同步到全局vuex 的安装 {代码...} vuex 的配置项目中新建一个名为 store 的文件夹，...
343
+ </div>
344
+ </div>
345
+ </li>
346
+
347
+ <li>
348
+ <div class="info">
349
+ <div class="rank">
350
+ <span title="Ranking 10">10</span>
351
+ <a href="https://segmentfault.com/a/1190000040685876" target="_blank" title="Vue3 Ref 语法糖，告别 .value 的写法">Vue3 Ref 语法糖，告别 .value 的写法</a>
352
+ </div>
353
+ <div class="sub-title followers">
354
+
355
+ <span title="Stargazers Count">
356
+ <svg width="12" height="12" viewBox="0 0 16 16">
357
+ <g fill="none" fill-rule="evenodd">
358
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
361
+ </svg>
362
+ <span>2</span>
363
+ </span>
364
+ &nbsp;
365
+ <a target="_blank" href="https://segmentfault.com/u/wjchumble" title="Programming Language">
366
+ <span>五柳</span>
227
367
  </a>
228
368
  </div>
229
369
  <div class="details">
230
- 大家好，我是极客猿小兵，今天给大家推荐设计师常用软件合集，时至今日，设计师可以细分为很行岗位，有平面设计，品牌设计，UI设计，交互设计，游戏UI设计，网页设计，电商设计，插画设计，视频制作等等。
370
+ 近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...
231
371
  </div>
232
372
  </div>
233
373
  </li>
@@ -248,7 +388,7 @@
248
388
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
249
389
  </a>
250
390
  </p>
251
- <div class="time">Last cache created on 2021/9/12 by Github API v3.</div>
391
+ <div class="time">Last cache created on 2021/9/16 by Github API v3.</div>
252
392
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
253
393
  </div>
254
394
  </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/12 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/9/16 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>52</span>
110
+ <span>54</span>
111
111
  </span>
112
112
  &nbsp;
113
113
  <a target="_blank" href="https://segmentfault.com/u/hansonwang99" 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/1190000040563214" target="_blank" title="【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码">【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码</a>
127
+ <a href="https://segmentfault.com/a/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</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>39</span>
138
+ <span>51</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
142
- <span>前端胖头鱼</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
142
+ <span>SHERlocked93</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！
146
+ 数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...
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/1190000040580887" target="_blank" title="如何防止他人恶意调试你的web程序">如何防止他人恶意调试你的web程序</a>
155
+ <a href="https://segmentfault.com/a/1190000040563214" target="_blank" title="【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码">【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码</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>40</span>
166
+ <span>41</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
170
- <span>荣顶</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
170
+ <span>前端胖头鱼</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 为什么会有这篇文章呢,源自一次我寻找盗版电影的遭遇,一次好奇心的驱使下,由于很多这种平台都是只做搬运,不做存储,因为存储盗版电影向他人提供是违法的,特别是那种刚出的新电影! 当时好奇想通过看某站的控制台,想...
174
+ 数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！
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/1190000040534015" target="_blank" title="[Jenkins进阶]-前端CI/CD">[Jenkins进阶]-前端CI/CD</a>
183
+ <a href="https://segmentfault.com/a/1190000040580887" target="_blank" title="如何防止他人恶意调试你的web程序">如何防止他人恶意调试你的web程序</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,15 +191,15 @@
191
191
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
192
192
  </g>
193
193
  </svg>
194
- <span>36</span>
194
+ <span>42</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/wangrongding" title="Programming Language">
198
+ <span>荣顶</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 如果没有自动化， 我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项...
202
+ 为什么会有这篇文章呢,源自一次我寻找盗版电影的遭遇,一次好奇心的驱使下,由于很多这种平台都是只做搬运,不做存储,因为存储盗版电影向他人提供是违法的,特别是那种刚出的新电影! 当时好奇想通过看某站的控制台,想...
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -219,7 +219,7 @@
219
219
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
220
220
  </g>
221
221
  </svg>
222
- <span>33</span>
222
+ <span>37</span>
223
223
  </span>
224
224
  &nbsp;
225
225
  <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
@@ -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/1190000040569553" target="_blank" title="56 个 NPM 包解决 16 个 React 问题">56 个 NPM 包解决 16 个 React 问题</a>
239
+ <a href="https://segmentfault.com/a/1190000040534015" target="_blank" title="[Jenkins进阶]-前端CI/CD">[Jenkins进阶]-前端CI/CD</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>27</span>
250
+ <span>36</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/webinfoq" title="Programming Language">
254
- <span>破晓L</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
254
+ <span>JenK</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库，它不仅是一个前端 UI 开发框架，更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案，但是我们可以从繁荣的...
258
+ 如果没有自动化， 我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项...
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/1190000040517973" target="_blank" title="常见的Web攻击手段，拿捏了！">常见的Web攻击手段，拿捏了！</a>
267
+ <a href="https://segmentfault.com/a/1190000040569553" target="_blank" title="56 个 NPM 包解决 16 个 React 问题">56 个 NPM 包解决 16 个 React 问题</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>39</span>
278
+ <span>28</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/webinfoq" title="Programming Language">
282
+ <span>破晓L</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 本文主要介绍 互联网中常见的 Web 攻击手段如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！
286
+ 关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库，它不仅是一个前端 UI 开发框架，更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案，但是我们可以从繁荣的...
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/1190000040516715" target="_blank" title="我用 10000 张图片合成我们美好的瞬间">我用 10000 张图片合成我们美好的瞬间</a>
295
+ <a href="https://segmentfault.com/a/1190000040582994" target="_blank" title="爆肝一周，写给初级前端快速转TypeScript指南">爆肝一周，写给初级前端快速转TypeScript指南</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>27</span>
306
+ <span>34</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
310
- <span>荣顶</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
310
+ <span>蛙人</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用...
314
+ TypeScript可以让我们开发中避免一些类型或者一些不是我们预期希望的代码结果错误。xxx is not defined 我们都知道JavaScript错误是在运行中才抛出的，但是TypeScript错误直接是在编辑器里告知我们的，这极大的提...
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/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</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
 
@@ -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>28</span>
334
+ <span>22</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
338
- <span>SHERlocked93</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
- 数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...
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/1190000040582994" target="_blank" title="爆肝一周，写给初级前端快速转TypeScript指南">爆肝一周，写给初级前端快速转TypeScript指南</a>
351
+ <a href="https://segmentfault.com/a/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</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>31</span>
362
+ <span>21</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/jishuroad" 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
+ 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
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/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</a>
380
380
  </div>
381
381
  <div class="sub-title followers">
382
382
 
@@ -387,15 +387,15 @@
387
387
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
388
388
  </g>
389
389
  </svg>
390
- <span>22</span>
390
+ <span>26</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
394
- <span>卡颂</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
394
+ <span>九灵</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...
398
+ CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
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>18</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/1190000040571044" target="_blank" title="能说会道爱办公——“别人家的”Chrome插件到底怎么做">能说会道爱办公——“别人家的”Chrome插件到底怎么做</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>17</span>
446
+ <span>15</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
450
- <span>卡颂</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
450
+ <span>葡萄城技术团队</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 大家好，我是卡颂。你可能看过下面这张图（或类似的图）：这是一张前端框架性能跑分表，表中每一行都是一个性能度量指标。据我多年潜伏推特观察，采用了细粒度更新技术的框架开发者普遍喜欢晒跑分表。比如Solid.j...
454
+ 根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...
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/1190000040571044" target="_blank" title="能说会道爱办公——“别人家的”Chrome插件到底怎么做">能说会道爱办公——“别人家的”Chrome插件到底怎么做</a>
463
+ <a href="https://segmentfault.com/a/1190000040556634" target="_blank" title="30 个极大提高开发效率超级实用的 VSCode 插件">30 个极大提高开发效率超级实用的 VSCode 插件</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>15</span>
474
+ <span>16</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
478
- <span>葡萄城技术团队</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
478
+ <span>wscats</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...
482
+ Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
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/1190000040563911" target="_blank" title="热议：CSS为什么这么难学？一定是你方法不对">热议：CSS为什么这么难学？一定是你方法不对</a>
491
+ <a href="https://segmentfault.com/a/1190000040589710" target="_blank" title="后端视野学 Webpack ，文武双全？">后端视野学 Webpack ，文武双全？</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>23</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
506
- <span>零一</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
506
+ <span>蔡不菜丶</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...
510
+ 挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。
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/1190000040589710" target="_blank" title="后端视野学 Webpack ，文武双全？">后端视野学 Webpack ，文武双全？</a>
519
+ <a href="https://segmentfault.com/a/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</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>22</span>
530
+ <span>18</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
534
- <span>蔡不菜丶</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
534
+ <span>卡颂</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。
538
+ 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
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/1190000040562839" target="_blank" title="纯CSS实现beautiful按钮">纯CSS实现beautiful按钮</a>
547
+ <a href="https://segmentfault.com/a/1190000040563911" target="_blank" title="热议：CSS为什么这么难学？一定是你方法不对">热议：CSS为什么这么难学？一定是你方法不对</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>16</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
562
- <span>执鸢者</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
562
+ <span>零一</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）
566
+ 看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...
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/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>14</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/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</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/jaycekon" 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
- CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
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/1190000040539268" target="_blank" title="万字详文：彻底搞懂 Jest 单元测试框架">万字详文：彻底搞懂 Jest 单元测试框架</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
 
@@ -642,12 +642,12 @@
642
642
  <span>16</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
646
- <span>wscats</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
- 什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-c...
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/1190000040582253" target="_blank" title="你还在认为TypeScirpt 是 AnyScript ？">你还在认为TypeScirpt 是 AnyScript ？</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
 
@@ -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>14</span>
670
+ <span>16</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" 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
- 从开发角度来讲, TypeScript 作为强类型语言，对属性有类型约束。在日常开发中少了减少了不必要的因参数类型造成的BUG,当你在使用同事封装好的函数时，类型不知道怎么传递，在开发TS 时，它会有很友好类型的提示...
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/1190000040464301" target="_blank" title="13个JavaScript 一行程序，让你看起来像个专家">13个JavaScript 一行程序，让你看起来像个专家</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>15</span>
698
+ <span>14</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
702
- <span>前端小智</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
702
+ <span>chokcoco</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
706
+ 本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...
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/1190000040527885" target="_blank" title="AlpineJS作者：不上班，一年10w刀">AlpineJS作者：不上班，一年10w刀</a>
715
+ <a href="https://segmentfault.com/a/1190000040582253" target="_blank" title="你还在认为TypeScirpt 是 AnyScript ？">你还在认为TypeScirpt 是 AnyScript ？</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>16</span>
726
+ <span>14</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
730
- <span>卡颂</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
730
+ <span>大新</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 大家好，我是卡颂。今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到...
734
+ 从开发角度来讲, TypeScript 作为强类型语言，对属性有类型约束。在日常开发中少了减少了不必要的因参数类型造成的BUG,当你在使用同事封装好的函数时，类型不知道怎么传递，在开发TS 时，它会有很友好类型的提示...
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/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个JavaScript工作中常用的代码片段</a>
743
+ <a href="https://segmentfault.com/a/1190000040527885" target="_blank" title="AlpineJS作者：不上班，一年10w刀">AlpineJS作者：不上班，一年10w刀</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>19</span>
754
+ <span>16</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
758
- <span>蛙人</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
758
+ <span>卡颂</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
762
+ 大家好，我是卡颂。今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到...
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/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</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>22</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/wangrongding" title="Programming Language">
786
+ <span>荣顶</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...
790
+ 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -891,7 +891,7 @@
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>15</span>
894
+ <span>16</span>
895
895
  </span>
896
896
  &nbsp;
897
897
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -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/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</a>
911
+ <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
912
912
  </div>
913
913
  <div class="sub-title followers">
914
914
 
@@ -919,15 +919,15 @@
919
919
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
920
920
  </g>
921
921
  </svg>
922
- <span>11</span>
922
+ <span>16</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
926
- <span>y_ck</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
926
+ <span>TNTWEB</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- 微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：
930
+ TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
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/12 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/9/16 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>