@wcj/github-rank 21.9.16 → 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 +25271 -25253
  2. package/dist/sifou-daily.json +47 -65
  3. package/dist/sifou-monthly.json +63 -63
  4. package/dist/sifou-weekly.json +110 -110
  5. package/dist/toutiao-30.json +66 -66
  6. package/dist/toutiao-7.json +92 -92
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +178 -178
  9. package/dist/trending-monthly.json +151 -151
  10. package/dist/trending-weekly.json +181 -181
  11. package/dist/users.china.json +1090 -1090
  12. package/dist/users.json +2028 -2028
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +25271 -25253
  16. package/web/data/sifou-daily.json +47 -65
  17. package/web/data/sifou-monthly.json +63 -63
  18. package/web/data/sifou-weekly.json +110 -110
  19. package/web/data/toutiao-30.json +66 -66
  20. package/web/data/toutiao-7.json +92 -92
  21. package/web/data/toutiao-90.json +32 -32
  22. package/web/data/trending-daily.json +178 -178
  23. package/web/data/trending-monthly.json +151 -151
  24. package/web/data/trending-weekly.json +181 -181
  25. package/web/data/users.china.json +1090 -1090
  26. package/web/data/users.json +2028 -2028
  27. package/web/index.html +1117 -1117
  28. package/web/repos.html +2919 -2903
  29. package/web/sifou-daily.html +40 -96
  30. package/web/sifou-monthly.html +97 -97
  31. package/web/sifou-weekly.html +135 -135
  32. package/web/toutiao-30.html +64 -64
  33. package/web/toutiao-7.html +92 -92
  34. package/web/toutiao-90.html +45 -45
  35. package/web/trending-monthly.html +147 -151
  36. package/web/trending-weekly.html +167 -163
  37. package/web/trending.html +156 -164
  38. package/web/users.china.html +589 -589
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/16 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/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</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
 
@@ -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>14</span>
110
+ <span>2</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
114
- <span>wscats</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
- 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
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/1190000040688086" target="_blank" title="从 0 到 1 开发一个聊天通讯 服务 复盘总结分享">从 0 到 1 开发一个聊天通讯 服务 复盘总结分享</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>4</span>
138
+ <span>3</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" 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
- 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
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/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</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
 
@@ -166,12 +166,12 @@
166
166
  <span>5</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/chokcoco" title="Programming Language">
170
+ <span>chokcoco</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
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/1190000040689791" target="_blank" title="一个工具函数，实现页面tooltip组件的限制使用">一个工具函数，实现页面tooltip组件的限制使用</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
 
@@ -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>2</span>
194
+ <span>1</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" 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
- 有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...
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/1190000040688565" target="_blank" title="如何生成稳定的动态 treemap（矩形树图）关键技术揭晓">如何生成稳定的动态 treemap（矩形树图）关键技术揭晓</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
 
@@ -219,15 +219,15 @@
219
219
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
220
220
  </g>
221
221
  </svg>
222
- <span>3</span>
222
+ <span>2</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/musicfe" 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
- 前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...
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/1190000040687221" target="_blank" title="PHP 字符串中直接解析函数的写法">PHP 字符串中直接解析函数的写法</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
 
@@ -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>2</span>
250
+ <span>1</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/guanguans" title="Programming Language">
254
- <span>guanguans</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
- PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...
258
+ 屏幕共享就是将自己电脑的屏幕内容以视频的方式分享给其他人观看，以提高沟通效率。屏幕共享作为一种实现互动的方式，经常出现在用户的生活场景中，比如:
259
259
  </div>
260
260
  </div>
261
261
  </li>
@@ -264,7 +264,7 @@
264
264
  <div class="info">
265
265
  <div class="rank">
266
266
  <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040685785" target="_blank" title="LeetCode-283-移动零">LeetCode-283-移动零</a>
267
+ <a href="https://segmentfault.com/a/1190000040693137" target="_blank" title="flutter 多选项目插件">flutter 多选项目插件</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>2</span>
278
+ <span>1</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
282
- <span>雄狮虎豹</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/ducafecat" title="Programming Language">
282
+ <span>会煮咖啡的猫</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...
286
+ 原文[链接]参考[链接]正文Flutter 小部件是使用现代框架构建的。这就像是一种反应。在这里，我们从小部件开始创建任何应用程序。屏幕中的每个组件都是一个小部件。这个小部件描述了根据他目前的配置和状态，他的...
287
287
  </div>
288
288
  </div>
289
289
  </li>
@@ -292,35 +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/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>
295
+ <a href="https://segmentfault.com/a/1190000040692859" target="_blank" title="如何构建公司的数据指标体系">如何构建公司的数据指标体系</a>
324
296
  </div>
325
297
  <div class="sub-title followers">
326
298
 
@@ -334,40 +306,12 @@
334
306
  <span>1</span>
335
307
  </span>
336
308
  &nbsp;
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>
309
+ <a target="_blank" href="https://segmentfault.com/u/hf200012_61408ce526a89" title="Programming Language">
310
+ <span>张家锋</span>
367
311
  </a>
368
312
  </div>
369
313
  <div class="details">
370
- 近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...
314
+ 在数据化管理中，数据指标是业务中的核心内容，然而指标管理中总会出现许多问题。指标管理系统在一定程度上可以帮助实现规范化管理，但是针对不同的业务场景与需求，数据管理还应当灵活应变，
371
315
  </div>
372
316
  </div>
373
317
  </li>
@@ -388,7 +332,7 @@
388
332
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
389
333
  </a>
390
334
  </p>
391
- <div class="time">Last cache created on 2021/9/16 by Github API v3.</div>
335
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
392
336
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
393
337
  </div>
394
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/16 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,34 +96,6 @@
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>
100
- </div>
101
- <div class="sub-title followers">
102
-
103
- <span title="Stargazers Count">
104
- <svg width="12" height="12" viewBox="0 0 16 16">
105
- <g fill="none" fill-rule="evenodd">
106
- <path d="M0 0h16v16H0z"/>
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
- </g>
109
- </svg>
110
- <span>54</span>
111
- </span>
112
- &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
114
- <span>CodeSheep</span>
115
- </a>
116
- </div>
117
- <div class="details">
118
- 我们都知道数据结构和算法一个比较难以掌握的原因就是很难形象地在脑海中形成一个结构化的画面，尤其是当一些结构和算法比较复杂时，对人的想象能力有一定要求。
119
- </div>
120
- </div>
121
- </li>
122
-
123
- <li>
124
- <div class="info">
125
- <div class="rank">
126
- <span title="Ranking 2">2</span>
127
99
  <a href="https://segmentfault.com/a/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</a>
128
100
  </div>
129
101
  <div class="sub-title followers">
@@ -135,7 +107,7 @@
135
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"/>
136
108
  </g>
137
109
  </svg>
138
- <span>51</span>
110
+ <span>52</span>
139
111
  </span>
140
112
  &nbsp;
141
113
  <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
@@ -151,7 +123,7 @@
151
123
  <li>
152
124
  <div class="info">
153
125
  <div class="rank">
154
- <span title="Ranking 3">3</span>
126
+ <span title="Ranking 2">2</span>
155
127
  <a href="https://segmentfault.com/a/1190000040563214" target="_blank" title="【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码">【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码</a>
156
128
  </div>
157
129
  <div class="sub-title followers">
@@ -163,7 +135,7 @@
163
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"/>
164
136
  </g>
165
137
  </svg>
166
- <span>41</span>
138
+ <span>42</span>
167
139
  </span>
168
140
  &nbsp;
169
141
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -179,7 +151,7 @@
179
151
  <li>
180
152
  <div class="info">
181
153
  <div class="rank">
182
- <span title="Ranking 4">4</span>
154
+ <span title="Ranking 3">3</span>
183
155
  <a href="https://segmentfault.com/a/1190000040580887" target="_blank" title="如何防止他人恶意调试你的web程序">如何防止他人恶意调试你的web程序</a>
184
156
  </div>
185
157
  <div class="sub-title followers">
@@ -207,7 +179,7 @@
207
179
  <li>
208
180
  <div class="info">
209
181
  <div class="rank">
210
- <span title="Ranking 5">5</span>
182
+ <span title="Ranking 4">4</span>
211
183
  <a href="https://segmentfault.com/a/1190000040594181" target="_blank" title="30 个有用的 Node.js NPM 包">30 个有用的 Node.js NPM 包</a>
212
184
  </div>
213
185
  <div class="sub-title followers">
@@ -235,7 +207,7 @@
235
207
  <li>
236
208
  <div class="info">
237
209
  <div class="rank">
238
- <span title="Ranking 6">6</span>
210
+ <span title="Ranking 5">5</span>
239
211
  <a href="https://segmentfault.com/a/1190000040534015" target="_blank" title="[Jenkins进阶]-前端CI/CD">[Jenkins进阶]-前端CI/CD</a>
240
212
  </div>
241
213
  <div class="sub-title followers">
@@ -263,7 +235,7 @@
263
235
  <li>
264
236
  <div class="info">
265
237
  <div class="rank">
266
- <span title="Ranking 7">7</span>
238
+ <span title="Ranking 6">6</span>
267
239
  <a href="https://segmentfault.com/a/1190000040569553" target="_blank" title="56 个 NPM 包解决 16 个 React 问题">56 个 NPM 包解决 16 个 React 问题</a>
268
240
  </div>
269
241
  <div class="sub-title followers">
@@ -291,7 +263,7 @@
291
263
  <li>
292
264
  <div class="info">
293
265
  <div class="rank">
294
- <span title="Ranking 8">8</span>
266
+ <span title="Ranking 7">7</span>
295
267
  <a href="https://segmentfault.com/a/1190000040582994" target="_blank" title="爆肝一周，写给初级前端快速转TypeScript指南">爆肝一周，写给初级前端快速转TypeScript指南</a>
296
268
  </div>
297
269
  <div class="sub-title followers">
@@ -319,7 +291,7 @@
319
291
  <li>
320
292
  <div class="info">
321
293
  <div class="rank">
322
- <span title="Ranking 9">9</span>
294
+ <span title="Ranking 8">8</span>
323
295
  <a href="https://segmentfault.com/a/1190000040611431" target="_blank" title="大概几集下饭剧时间就能懂的VUE3原理">大概几集下饭剧时间就能懂的VUE3原理</a>
324
296
  </div>
325
297
  <div class="sub-title followers">
@@ -347,7 +319,7 @@
347
319
  <li>
348
320
  <div class="info">
349
321
  <div class="rank">
350
- <span title="Ranking 10">10</span>
322
+ <span title="Ranking 9">9</span>
351
323
  <a href="https://segmentfault.com/a/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</a>
352
324
  </div>
353
325
  <div class="sub-title followers">
@@ -375,7 +347,7 @@
375
347
  <li>
376
348
  <div class="info">
377
349
  <div class="rank">
378
- <span title="Ranking 11">11</span>
350
+ <span title="Ranking 10">10</span>
379
351
  <a href="https://segmentfault.com/a/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</a>
380
352
  </div>
381
353
  <div class="sub-title followers">
@@ -387,7 +359,7 @@
387
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"/>
388
360
  </g>
389
361
  </svg>
390
- <span>26</span>
362
+ <span>27</span>
391
363
  </span>
392
364
  &nbsp;
393
365
  <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
@@ -400,6 +372,34 @@
400
372
  </div>
401
373
  </li>
402
374
 
375
+ <li>
376
+ <div class="info">
377
+ <div class="rank">
378
+ <span title="Ranking 11">11</span>
379
+ <a href="https://segmentfault.com/a/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</a>
380
+ </div>
381
+ <div class="sub-title followers">
382
+
383
+ <span title="Stargazers Count">
384
+ <svg width="12" height="12" viewBox="0 0 16 16">
385
+ <g fill="none" fill-rule="evenodd">
386
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
389
+ </svg>
390
+ <span>23</span>
391
+ </span>
392
+ &nbsp;
393
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
394
+ <span>wscats</span>
395
+ </a>
396
+ </div>
397
+ <div class="details">
398
+ 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
399
+ </div>
400
+ </div>
401
+ </li>
402
+
403
403
  <li>
404
404
  <div class="info">
405
405
  <div class="rank">
@@ -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/1190000040571044" target="_blank" title="能说会道爱办公——“别人家的”Chrome插件到底怎么做">能说会道爱办公——“别人家的”Chrome插件到底怎么做</a>
435
+ <a href="https://segmentfault.com/a/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</a>
436
436
  </div>
437
437
  <div class="sub-title followers">
438
438
 
@@ -443,15 +443,15 @@
443
443
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
444
444
  </g>
445
445
  </svg>
446
- <span>15</span>
446
+ <span>19</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
450
- <span>葡萄城技术团队</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
450
+ <span>卡颂</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...
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/1190000040556634" target="_blank" title="30 个极大提高开发效率超级实用的 VSCode 插件">30 个极大提高开发效率超级实用的 VSCode 插件</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>16</span>
474
+ <span>15</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
478
- <span>wscats</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
- Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
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/1190000040589710" target="_blank" title="后端视野学 Webpack ，文武双全？">后端视野学 Webpack ，文武双全？</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>23</span>
502
+ <span>16</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/17689400062" 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
- 挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。
510
+ Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
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/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</a>
519
+ <a href="https://segmentfault.com/a/1190000040589710" target="_blank" title="后端视野学 Webpack ，文武双全？">后端视野学 Webpack ，文武双全？</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>18</span>
530
+ <span>23</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
534
- <span>卡颂</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
534
+ <span>蔡不菜丶</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
538
+ 挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。
539
539
  </div>
540
540
  </div>
541
541
  </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/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</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>22</span>
782
+ <span>17</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
786
- <span>荣顶</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
- 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
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
 
@@ -891,15 +891,15 @@
891
891
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
892
892
  </g>
893
893
  </svg>
894
- <span>16</span>
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/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
911
+ <a href="https://segmentfault.com/a/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</a>
912
912
  </div>
913
913
  <div class="sub-title followers">
914
914
 
@@ -919,15 +919,15 @@
919
919
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
920
920
  </g>
921
921
  </svg>
922
- <span>16</span>
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/16 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>