@wcj/github-rank 21.9.15 → 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 +17827 -17827
  2. package/dist/sifou-daily.json +66 -39
  3. package/dist/sifou-monthly.json +37 -37
  4. package/dist/sifou-weekly.json +121 -121
  5. package/dist/toutiao-30.json +56 -56
  6. package/dist/toutiao-7.json +81 -81
  7. package/dist/toutiao-90.json +20 -20
  8. package/dist/trending-daily.json +194 -194
  9. package/dist/trending-monthly.json +143 -143
  10. package/dist/trending-weekly.json +175 -175
  11. package/dist/users.china.json +1893 -1893
  12. package/dist/users.json +2120 -2120
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +17827 -17827
  16. package/web/data/sifou-daily.json +66 -39
  17. package/web/data/sifou-monthly.json +37 -37
  18. package/web/data/sifou-weekly.json +121 -121
  19. package/web/data/toutiao-30.json +56 -56
  20. package/web/data/toutiao-7.json +81 -81
  21. package/web/data/toutiao-90.json +20 -20
  22. package/web/data/trending-daily.json +194 -194
  23. package/web/data/trending-monthly.json +143 -143
  24. package/web/data/trending-weekly.json +175 -175
  25. package/web/data/users.china.json +1893 -1893
  26. package/web/data/users.json +2120 -2120
  27. package/web/index.html +1156 -1156
  28. package/web/repos.html +2392 -2392
  29. package/web/sifou-daily.html +117 -33
  30. package/web/sifou-monthly.html +58 -58
  31. package/web/sifou-weekly.html +122 -122
  32. package/web/toutiao-30.html +79 -79
  33. package/web/toutiao-7.html +82 -82
  34. package/web/toutiao-90.html +19 -19
  35. package/web/trending-monthly.html +150 -150
  36. package/web/trending-weekly.html +157 -157
  37. package/web/trending.html +175 -167
  38. package/web/users.china.html +1013 -1013
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/15 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/1190000040680395" 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>8</span>
110
+ <span>14</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" 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/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</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
 
@@ -138,12 +138,12 @@
138
138
  <span>4</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
142
- <span>JenK</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
- 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
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/1190000040675446" target="_blank" title="滚动穿透与滚动溢出">滚动穿透与滚动溢出</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>2</span>
166
+ <span>5</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/barrior" title="Programming Language">
170
- <span>Barrior</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
- 在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，...
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/1190000040681270" target="_blank" title="Spring Boot中使用@Async实现异步调用，加速任务的执行！">Spring Boot中使用@Async实现异步调用，加速任务的执行！</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
 
@@ -194,12 +194,12 @@
194
194
  <span>2</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
198
- <span>程序猿DD</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
- 什么是“异步调用”？“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执...
202
+ 有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...
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/1190000040680716" target="_blank" title="动态代理大揭秘，带你彻底弄清楚动态代理！">动态代理大揭秘，带你彻底弄清楚动态代理！</a>
211
+ <a href="https://segmentfault.com/a/1190000040688565" target="_blank" title="如何生成稳定的动态 treemap（矩形树图）关键技术揭晓">如何生成稳定的动态 treemap（矩形树图）关键技术揭晓</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -222,12 +222,12 @@
222
222
  <span>3</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
226
- <span>铂赛东</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
226
+ <span>云音乐大前端团队</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 代理模式是一种设计模式，能够使得在不修改源目标的前提下，额外扩展源目标的功能。即通过访问源目标的代理类，再由代理类去访问源目标。这样一来，要扩展功能，就无需修改源目标的代码了。只需要在代理类上增加...
230
+ 前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...
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/1190000040685098" target="_blank" title="Web GIS 航拍实现的智慧园区数字孪生应用">Web GIS 航拍实现的智慧园区数字孪生应用</a>
239
+ <a href="https://segmentfault.com/a/1190000040687221" target="_blank" title="PHP 字符串中直接解析函数的写法">PHP 字符串中直接解析函数的写法</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>1</span>
250
+ <span>2</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/htdaydayup_5da2d7a6d4888" title="Programming Language">
254
- <span>htdaydayup</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/guanguans" title="Programming Language">
254
+ <span>guanguans</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 随着智慧城市建设的不断发展，智慧园区作为智慧城市的先行区，其覆盖区域越来越大，产值越来越集中，对于园区数字化建设和智能化管理的诉求也愈加强烈。园区数字化管理是以实现园区多维度业务数据汇聚、融合、共...
258
+ PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...
259
259
  </div>
260
260
  </div>
261
261
  </li>
@@ -264,7 +264,63 @@
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/1190000040683993" target="_blank" title="全票通过！微众开源项目 Linkis 进入 Apache 孵化">全票通过！微众开源项目 Linkis 进入 Apache 孵化</a>
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>
268
324
  </div>
269
325
  <div class="sub-title followers">
270
326
 
@@ -278,12 +334,40 @@
278
334
  <span>1</span>
279
335
  </span>
280
336
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
282
- <span>snakesss</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>
283
367
  </a>
284
368
  </div>
285
369
  <div class="details">
286
- 8月2日，微众银行开源项目Linkis 正式通过国际顶级开源组织 Apache 软件基金会（简称 ASF ）的投票决议，以全票通过的优秀表现成为 ASF孵化器项目。
370
+ 近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...
287
371
  </div>
288
372
  </div>
289
373
  </li>
@@ -304,7 +388,7 @@
304
388
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
305
389
  </a>
306
390
  </p>
307
- <div class="time">Last cache created on 2021/9/15 by Github API v3.</div>
391
+ <div class="time">Last cache created on 2021/9/16 by Github API v3.</div>
308
392
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
309
393
  </div>
310
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/15 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>
@@ -135,7 +135,7 @@
135
135
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
136
136
  </g>
137
137
  </svg>
138
- <span>50</span>
138
+ <span>51</span>
139
139
  </span>
140
140
  &nbsp;
141
141
  <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
@@ -163,7 +163,7 @@
163
163
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
164
164
  </g>
165
165
  </svg>
166
- <span>40</span>
166
+ <span>41</span>
167
167
  </span>
168
168
  &nbsp;
169
169
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -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>36</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">
@@ -303,7 +303,7 @@
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>33</span>
306
+ <span>34</span>
307
307
  </span>
308
308
  &nbsp;
309
309
  <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
@@ -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/1190000040563911" target="_blank" title="热议：CSS为什么这么难学？一定是你方法不对">热议：CSS为什么这么难学？一定是你方法不对</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>16</span>
530
+ <span>18</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/zero2one" 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
- 看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...
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>20</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>
@@ -583,7 +583,7 @@
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>22</span>
586
+ <span>24</span>
587
587
  </span>
588
588
  &nbsp;
589
589
  <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
@@ -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/1190000040464301" target="_blank" title="13个JavaScript 一行程序，让你看起来像个专家">13个JavaScript 一行程序，让你看起来像个专家</a>
603
+ <a href="https://segmentfault.com/a/1190000040562839" target="_blank" title="纯CSS实现beautiful按钮">纯CSS实现beautiful按钮</a>
604
604
  </div>
605
605
  <div class="sub-title followers">
606
606
 
@@ -611,15 +611,15 @@
611
611
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
612
612
  </g>
613
613
  </svg>
614
- <span>16</span>
614
+ <span>20</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" 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
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040563987" target="_blank" title="奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？">奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？</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/chokcoco" title="Programming Language">
674
- <span>chokcoco</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
- 本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...
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/1190000040582253" target="_blank" title="你还在认为TypeScirpt 是 AnyScript ？">你还在认为TypeScirpt 是 AnyScript ？</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
 
@@ -698,12 +698,12 @@
698
698
  <span>14</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" 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
- 从开发角度来讲, TypeScript 作为强类型语言，对属性有类型约束。在日常开发中少了减少了不必要的因参数类型造成的BUG,当你在使用同事封装好的函数时，类型不知道怎么传递，在开发TS 时，它会有很友好类型的提示...
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/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</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
 
@@ -759,7 +759,7 @@
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
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/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</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>14</span>
782
+ <span>22</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
786
- <span>葡萄城技术团队</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
- Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
790
+ 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -796,7 +796,7 @@
796
796
  <div class="info">
797
797
  <div class="rank">
798
798
  <span title="Ranking 26">26</span>
799
- <a href="https://segmentfault.com/a/1190000040533922" target="_blank" title="输入 url 到页面展示发生了什么？">输入 url 到页面展示发生了什么？</a>
799
+ <a href="https://segmentfault.com/a/1190000040611743" target="_blank" title="前端“油画设计师”——双缓存绘制与油画分层机制">前端“油画设计师”——双缓存绘制与油画分层机制</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>18</span>
810
+ <span>14</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
814
- <span>时倾</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
814
+ <span>葡萄城技术团队</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...
818
+ Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...
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/1190000040634428" target="_blank" title="浓缩了这 20+ 站点的前端滋补汤~干了 ❗">浓缩了这 20+ 站点的前端滋补汤~干了 ❗</a>
827
+ <a href="https://segmentfault.com/a/1190000040533922" target="_blank" title="输入 url 到页面展示发生了什么？">输入 url 到页面展示发生了什么？</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>21</span>
838
+ <span>18</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
842
- <span>荣顶</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
842
+ <span>时倾</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...
846
+ 整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...
847
847
  </div>
848
848
  </div>
849
849
  </li>
@@ -919,7 +919,7 @@
919
919
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
920
920
  </g>
921
921
  </svg>
922
- <span>15</span>
922
+ <span>16</span>
923
923
  </span>
924
924
  &nbsp;
925
925
  <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
@@ -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/15 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>