@wcj/github-rank 21.10.25 → 21.10.29

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 +35593 -35579
  2. package/dist/sifou-daily.json +118 -28
  3. package/dist/sifou-monthly.json +109 -109
  4. package/dist/sifou-weekly.json +166 -175
  5. package/dist/toutiao-30.json +115 -115
  6. package/dist/toutiao-7.json +164 -164
  7. package/dist/toutiao-90.json +41 -41
  8. package/dist/trending-daily.json +192 -192
  9. package/dist/trending-monthly.json +171 -171
  10. package/dist/trending-weekly.json +192 -192
  11. package/dist/users.china.json +3117 -3117
  12. package/dist/users.json +4157 -4158
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35593 -35579
  16. package/web/data/sifou-daily.json +118 -28
  17. package/web/data/sifou-monthly.json +109 -109
  18. package/web/data/sifou-weekly.json +166 -175
  19. package/web/data/toutiao-30.json +115 -115
  20. package/web/data/toutiao-7.json +164 -164
  21. package/web/data/toutiao-90.json +41 -41
  22. package/web/data/trending-daily.json +192 -192
  23. package/web/data/trending-monthly.json +171 -171
  24. package/web/data/trending-weekly.json +192 -192
  25. package/web/data/users.china.json +3117 -3117
  26. package/web/data/users.json +4157 -4158
  27. package/web/index.html +2171 -2171
  28. package/web/repos.html +4191 -4191
  29. package/web/sifou-daily.html +304 -24
  30. package/web/sifou-monthly.html +119 -119
  31. package/web/sifou-weekly.html +139 -167
  32. package/web/toutiao-30.html +104 -104
  33. package/web/toutiao-7.html +99 -99
  34. package/web/toutiao-90.html +60 -60
  35. package/web/trending-monthly.html +151 -155
  36. package/web/trending-weekly.html +169 -173
  37. package/web/trending.html +167 -171
  38. package/web/users.china.html +1609 -1609
package/web/sifou-weekly.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/10/25 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/29 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/1190000040824814" target="_blank" title="7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制">7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制</a>
99
+ <a href="https://segmentfault.com/a/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</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>19</span>
110
+ <span>26</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
114
- <span>独钓寒江雪</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
114
+ <span>前端胖头鱼</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...
118
+ 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
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/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</a>
127
+ <a href="https://segmentfault.com/a/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</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>12</span>
138
+ <span>24</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/kyrieliu" title="Programming Language">
142
- <span>劉凯里</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
142
+ <span>xiangzhihong</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
146
+ 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
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/1190000040846926" target="_blank" title="就因为这三个知识点，我彻底学废了”正则表达式“">就因为这三个知识点，我彻底学废了”正则表达式“</a>
155
+ <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</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>16</span>
166
+ <span>18</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
170
- <span>前端胖头鱼</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
170
+ <span>独钓寒江雪</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
174
+ Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
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/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
183
+ <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</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>14</span>
194
+ <span>12</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
198
- <span>小蘑菇</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
198
+ <span>前端小智</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....
202
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040837145" target="_blank" title="利用 CSS Overview 面板重构优化你的网站">利用 CSS Overview 面板重构优化你的网站</a>
211
+ <a href="https://segmentfault.com/a/1190000040855949" 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>9</span>
222
+ <span>10</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
226
- <span>chokcoco</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
226
+ <span>CrazyCodes</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：
230
+ 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
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/1190000040831850" target="_blank" title="一文读懂浏览器存储与缓存机制">一文读懂浏览器存储与缓存机制</a>
239
+ <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</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>14</span>
250
+ <span>13</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
254
- <span>云叔_又拍云</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
254
+ <span>XboxYan</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- Cookie 是 HTTP 协议的一种无状态协议。当请求服务器时，HTTP 请求都需要携带 Cookie，用来验证用户身份。Cookie 由服务端生成，存储在客户端，用来维持状态。
258
+ 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
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/1190000040842990" target="_blank" title="驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？">驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？</a>
267
+ <a href="https://segmentfault.com/a/1190000040846993" target="_blank" title="前端实现iPhone绕过AppStore从浏览器安装App">前端实现iPhone绕过AppStore从浏览器安装App</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>5</span>
278
+ <span>8</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
282
- <span>六一</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
282
+ <span>dragonir</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。
286
+ 都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...
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/1190000040839358" target="_blank" title="uniapp云函数教程② ：商品列表增删改查">uniapp云函数教程② ：商品列表增删改查</a>
295
+ <a href="https://segmentfault.com/a/1190000040849064" target="_blank" title="你设计的秒杀系统，能通过 “双十一” 大考吗？">你设计的秒杀系统，能通过 “双十一” 大考吗？</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>4</span>
306
+ <span>5</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
310
- <span>JenK</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
310
+ <span>snakesss</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...
314
+ 10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...
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/1190000040830661" target="_blank" title="42+JavaScript高频手写题及详细答案，胖头鱼喊你直接通过考核">42+JavaScript高频手写题及详细答案，胖头鱼喊你直接通过考核</a>
323
+ <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</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>13</span>
334
+ <span>10</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
338
- <span>前端胖头鱼</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
338
+ <span>若川</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 昨天遇见小学同学，没有想到它混的这么差 --- 只放了一块钱到我的碗里o(╥﹏╥)o生活这么无聊，总得逗逗自己是不，以后我要经常给大家讲笑话，你愿意听不O(∩_∩)O哈哈~
342
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
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/1190000040849064" target="_blank" title="你设计的秒杀系统，能通过 “双十一” 大考吗？">你设计的秒杀系统，能通过 “双十一” 大考吗？</a>
351
+ <a href="https://segmentfault.com/a/1190000040877069" target="_blank" title="涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design">涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -367,7 +367,7 @@
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...
370
+ 据描述，Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...
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/1190000040842378" target="_blank" title="记录：Webpack5把微前端qiankun的配置文件干没了">记录：Webpack5把微前端qiankun的配置文件干没了</a>
379
+ <a href="https://segmentfault.com/a/1190000040870566" target="_blank" title="灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”">灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”</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>5</span>
390
+ <span>3</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
394
- <span>Peter谭老师</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
394
+ <span>葡萄城技术团队</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的
398
+ 在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。
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/1190000040837967" target="_blank" title="初探JavaScript PDF blob转换为Word docx方法">初探JavaScript PDF blob转换为Word docx方法</a>
407
+ <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</a>
408
408
  </div>
409
409
  <div class="sub-title followers">
410
410
 
@@ -418,12 +418,12 @@
418
418
  <span>6</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
422
- <span>葡萄城技术团队</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
422
+ <span>JuiceFS</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- PDF文档遵循iOS32000的规范是由Adobe 公司推出的文档格式，之所以应用如此广泛，是因为PDF精确定位了每个字符的坐标、根据坐标绘制的各种形状，使用PDF格式传输和打印文档可以保证格式的一致性，然后很多PDF文件...
426
+ 高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。
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/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</a>
435
+ <a href="https://segmentfault.com/a/1190000040869270" target="_blank" title="7个关于&#34;this&#34;面试题，你知道几个？">7个关于&#34;this&#34;面试题，你知道几个？</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>11</span>
446
+ <span>6</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
450
- <span>xiangzhihong</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
450
+ <span>前端小智</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
454
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040836275" target="_blank" title="try..catch 不能捕获的错误有哪些？注意事项又有哪些？">try..catch 不能捕获的错误有哪些？注意事项又有哪些？</a>
463
+ <a href="https://segmentfault.com/a/1190000040854433" target="_blank" title="从零开始实现一个在线三角形生成器">从零开始实现一个在线三角形生成器</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>5</span>
474
+ <span>7</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
478
- <span>前端小智</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
478
+ <span>夕水</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
482
+ 在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...
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/1190000040845022" target="_blank" title="异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！">异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！</a>
491
+ <a href="https://segmentfault.com/a/1190000040848951" target="_blank" title="Vue3源码分析之compositionApi">Vue3源码分析之compositionApi</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>1</span>
502
+ <span>6</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
506
- <span>华为移动服务</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
506
+ <span>TNTWEB</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...
510
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
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/1190000040834613" target="_blank" title="数据库设计的 6 个阶段详解">数据库设计的 6 个阶段详解</a>
519
+ <a href="https://segmentfault.com/a/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</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>5</span>
530
+ <span>6</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
534
- <span>民工哥</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
534
+ <span>云叔_又拍云</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 按照规范设计，我们将数据库的设计过程分为六个阶段：系统需求分析阶段；概念结构设计阶段；逻辑结构设计阶段；物理结构设计阶段；数据库实施阶段；数据库运行与维护阶段；每个阶段的详细资料来自：数据库设计（...
538
+ Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。
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/1190000040835809" target="_blank" title="一张思维大图入门React">一张思维大图入门React</a>
547
+ <a href="https://segmentfault.com/a/1190000040850136" target="_blank" title="Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目">Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目</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>6</span>
558
+ <span>7</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/givebest" title="Programming Language">
562
+ <span>王培</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份React基础知识点，并以思维导图的方式呈现出来，方便跟老铁们一起查漏补缺。“React”完整思维导图也有呀！！！
566
+ 这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。
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/1190000040826531" target="_blank" title="PingCAP CTO 黄东旭 ：基础软件“好用”指南——必须跨越这两道鸿沟！">PingCAP CTO 黄东旭 ：基础软件“好用”指南——必须跨越这两道鸿沟！</a>
575
+ <a href="https://segmentfault.com/a/1190000040851457" target="_blank" title="华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放">华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放</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>3</span>
586
+ <span>1</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/pingcap" title="Programming Language">
590
- <span>PingCAP</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
590
+ <span>华为移动服务</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 最近有一件事情让我印象特别深刻，作为引子和大家唠一唠：我们在内部做一些极端的流量回归仿真实验时，在 TiKV（TiDB 的分布式存储组件）上观测到了异常的 CPU 使用率，但是从我们的 Grafana Metrics、日志输出里...
594
+ 【2021年10月22日·东莞】华为开发者大会 2021（Together）于今天正式开幕，华为在主题演讲中正式发布全新的HMS Core 6，向全球开发者开放7大领域的69个Kit和21,738个API，包括13个跨操作系统能力，开发者基于不同...
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/1190000040836461" target="_blank" title="使用CSS计数器美化有序列表">使用CSS计数器美化有序列表</a>
603
+ <a href="https://segmentfault.com/a/1190000040851497" target="_blank" title="华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力">华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力</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>5</span>
614
+ <span>1</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
618
- <span>dragonir</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
618
+ <span>华为移动服务</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。
622
+ 【2021年10月22日·东莞】华为开发者大会2021（Together）在东莞松山湖正式开幕。本次大会首次采用数字人全程实时手语直播，数字人基于即时听到的语言，通过华为手语服务，实时生成连贯、自然的手语。同时华为宣布...
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/1190000040782397" target="_blank" title="直接拿来用！盘点一些拯救头发的 JS 单行代码，网友：摸鱼必备啊">直接拿来用！盘点一些拯救头发的 JS 单行代码，网友：摸鱼必备啊</a>
631
+ <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
632
632
  </div>
633
633
  <div class="sub-title followers">
634
634
 
@@ -639,15 +639,15 @@
639
639
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
640
640
  </g>
641
641
  </svg>
642
- <span>4</span>
642
+ <span>11</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
646
- <span>前端小智</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
646
+ <span>独钓寒江雪</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
650
+ 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
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/1190000040848951" target="_blank" title="Vue3源码分析之compositionApi">Vue3源码分析之compositionApi</a>
659
+ <a href="https://segmentfault.com/a/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</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>4</span>
670
+ <span>3</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
674
- <span>TNTWEB</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
674
+ <span>lulu_up</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
678
+ 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
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/1190000040825779" target="_blank" title="运动与数据的碰撞，华为分析运动健康行业模板上线">运动与数据的碰撞，华为分析运动健康行业模板上线</a>
687
+ <a href="https://segmentfault.com/a/1190000040851156" target="_blank" title="得物技术时间切片的实践与应用">得物技术时间切片的实践与应用</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>0</span>
698
+ <span>3</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
702
- <span>华为移动服务</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
702
+ <span>得物技术</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 近年来，越来越多的人开始关注身体健康，注重养生。市场上不断涌入一些运动健康类的APP，如跑步、冥想、瑜伽等。一些APP推出的健身课程，让大家可以足不出户锻炼身体，极大地提高了居家运动的便利性。
706
+ 每一个拥有【高级资深】title的前端工程师，必定会对项目的整体性能优化有自己的独到见解。这是往前端业务架构方向转变的必须要具备的能力之一。
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/1190000040826008" target="_blank" title="Go 创始人 Rob Pike 反对在 Go 1.18 标准库中引入泛型支持：建议不要改动 Go 1.18 中的标准库">Go 创始人 Rob Pike 反对在 Go 1.18 标准库中引入泛型支持：建议不要改动 Go 1.18 中的标准库</a>
715
+ <a href="https://segmentfault.com/a/1190000040848627" target="_blank" title="React全新文档终于来了">React全新文档终于来了</a>
716
716
  </div>
717
717
  <div class="sub-title followers">
718
718
 
@@ -726,12 +726,12 @@
726
726
  <span>2</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
730
- <span>MissD</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
730
+ <span>卡颂</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 近日，Go 语言创始人之一 Rob Pike 在 Github 上发表评论引发关注。据悉，他已在 Go 代码仓库提交了一个 issue (#48918)，反对在 Go 1.18 的标准库中引入泛型支持，建议不要改动 Go 1.18 中的标准库。
734
+ React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。
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/1190000040846993" target="_blank" title="前端实现iPhone绕过AppStore从浏览器安装App">前端实现iPhone绕过AppStore从浏览器安装App</a>
743
+ <a href="https://segmentfault.com/a/1190000040849728" target="_blank" title="javascript实现网页截图导出方案">javascript实现网页截图导出方案</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>5</span>
754
+ <span>2</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
758
- <span>dragonir</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/donglegend" title="Programming Language">
758
+ <span>donglegend</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...
762
+ 首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。
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/1190000040826289" target="_blank" title="我带的实习生，转正了！">我带的实习生，转正了！</a>
771
+ <a href="https://segmentfault.com/a/1190000040857051" target="_blank" title="5 个 CSS 新功能">5 个 CSS 新功能</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>4</span>
782
+ <span>2</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
786
- <span>why技术</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
786
+ <span>前端小智</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 然后我说：在我们组里面，不必拘谨，大家在平时沟通的时候也没有上下级的关系，敞开心扉，不要有太多顾虑。我们的氛围是很 open 的，多多沟通。其实你别看我长的老，我年龄也不大，我 94 年的。对了，你哪一年的？
790
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040840390" target="_blank" title="前端- JavaScript异步编程Promise">前端- JavaScript异步编程Promise</a>
799
+ <a href="https://segmentfault.com/a/1190000040851732" target="_blank" title="前端-JavaScript运行原理">前端-JavaScript运行原理</a>
800
800
  </div>
801
801
  <div class="sub-title followers">
802
802
 
@@ -807,7 +807,7 @@
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>2</span>
810
+ <span>5</span>
811
811
  </span>
812
812
  &nbsp;
813
813
  <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
@@ -815,7 +815,7 @@
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：
818
+ 简介理解JavaScript运行原理，我们需要理解以下两方面内容。JavaScript引擎。JavaScript运行时环境。JavaScript引擎什么是JavaScript引擎JavaScript引擎是一个计算机程序，它的主要作用是JavaScript运行时将源码...
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/1190000040824923" target="_blank" title="JavaScript 数学曲线—阿基米德螺线">JavaScript 数学曲线—阿基米德螺线</a>
827
+ <a href="https://segmentfault.com/a/1190000040856612" target="_blank" title="《RabbitMQ》 | 消息丢失也就这么回事">《RabbitMQ》 | 消息丢失也就这么回事</a>
828
828
  </div>
829
829
  <div class="sub-title followers">
830
830
 
@@ -838,12 +838,12 @@
838
838
  <span>2</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
842
- <span>XXHolic</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
842
+ <span>蔡不菜丶</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 引子最近在研究曲线运动的时候，尝试了用 AI 导出的 SVG 路径之后，发现有些还是回归到数学中更合适一些。搜集了一些资料，尝试后总结一下。OriginMy GitHub简介阿基米德螺旋是以公元前 3 世纪希腊数学家阿基米德...
846
+ 本文主要介绍 RabbitMQ的消息丢失问题如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！
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/1190000040832423" target="_blank" title="一文阅尽苹果新品发布会：真“炸场”还是假“炸场”？">一文阅尽苹果新品发布会：真“炸场”还是假“炸场”？</a>
855
+ <a href="https://segmentfault.com/a/1190000040848581" target="_blank" title="wget命令8种实用用法">wget命令8种实用用法</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>2</span>
866
+ <span>4</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
870
- <span>snakesss</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/liangxu_5d63396040bb5" title="Programming Language">
870
+ <span>良许</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 本场发布会的第一个产品是加入新配色的 HomePod mini ，分别是黄色、蓝色、橙色。三款新配色音箱将于 11 月发售，售价 99 美元，与原版价格相同，预计国行售价为 749 元。
874
+ wget 是一个可以从网络上下载文件的免费实用程序，它的工作原理是从 Internet 上获取数据，并将其保存到本地文件中或显示在你的终端上。
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/1190000040841954" target="_blank" title="学点bash，装B - 快速移动光标">学点bash，装B - 快速移动光标</a>
883
+ <a href="https://segmentfault.com/a/1190000040654545" target="_blank" title="TypeScript 中 unknown 与 any 有啥区别">TypeScript 中 unknown 与 any 有啥区别</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -891,43 +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>2</span>
895
- </span>
896
- &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
898
- <span>混子的日常</span>
899
- </a>
900
- </div>
901
- <div class="details">
902
- 学点bash，装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至...
903
- </div>
904
- </div>
905
- </li>
906
-
907
- <li>
908
- <div class="info">
909
- <div class="rank">
910
- <span title="Ranking 30">30</span>
911
- <a href="https://segmentfault.com/a/1190000040849728" target="_blank" title="javascript实现网页截图导出方案">javascript实现网页截图导出方案</a>
912
- </div>
913
- <div class="sub-title followers">
914
-
915
- <span title="Stargazers Count">
916
- <svg width="12" height="12" viewBox="0 0 16 16">
917
- <g fill="none" fill-rule="evenodd">
918
- <path d="M0 0h16v16H0z"/>
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
- </g>
921
- </svg>
922
- <span>2</span>
894
+ <span>3</span>
923
895
  </span>
924
896
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/donglegend" title="Programming Language">
926
- <span>donglegend</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
898
+ <span>前端小智</span>
927
899
  </a>
928
900
  </div>
929
901
  <div class="details">
930
- 首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。
902
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
931
903
  </div>
932
904
  </div>
933
905
  </li>
@@ -948,7 +920,7 @@
948
920
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
949
921
  </a>
950
922
  </p>
951
- <div class="time">Last cache created on 2021/10/25 by Github API v3.</div>
923
+ <div class="time">Last cache created on 2021/10/29 by Github API v3.</div>
952
924
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
925
  </div>
954
926
  </body>