@wcj/github-rank 21.10.27 → 21.10.28

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 +20892 -20885
  2. package/dist/sifou-daily.json +103 -67
  3. package/dist/sifou-monthly.json +47 -47
  4. package/dist/sifou-weekly.json +99 -108
  5. package/dist/toutiao-30.json +53 -53
  6. package/dist/toutiao-7.json +99 -99
  7. package/dist/toutiao-90.json +23 -23
  8. package/dist/trending-daily.json +197 -197
  9. package/dist/trending-monthly.json +149 -149
  10. package/dist/trending-weekly.json +192 -192
  11. package/dist/users.china.json +1275 -1275
  12. package/dist/users.json +1852 -1853
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20892 -20885
  16. package/web/data/sifou-daily.json +103 -67
  17. package/web/data/sifou-monthly.json +47 -47
  18. package/web/data/sifou-weekly.json +99 -108
  19. package/web/data/toutiao-30.json +53 -53
  20. package/web/data/toutiao-7.json +99 -99
  21. package/web/data/toutiao-90.json +23 -23
  22. package/web/data/trending-daily.json +197 -197
  23. package/web/data/trending-monthly.json +149 -149
  24. package/web/data/trending-weekly.json +192 -192
  25. package/web/data/users.china.json +1275 -1275
  26. package/web/data/users.json +1852 -1853
  27. package/web/index.html +1003 -1003
  28. package/web/repos.html +2621 -2621
  29. package/web/sifou-daily.html +169 -57
  30. package/web/sifou-monthly.html +65 -65
  31. package/web/sifou-weekly.html +101 -129
  32. package/web/toutiao-30.html +63 -63
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +55 -55
  35. package/web/trending-monthly.html +146 -150
  36. package/web/trending-weekly.html +171 -167
  37. package/web/trending.html +178 -174
  38. package/web/users.china.html +703 -703
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/27 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/28 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/1190000040840891" target="_blank" title="前端如何防止用户修改水印？">前端如何防止用户修改水印？</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>20</span>
110
+ <span>25</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/kyrieliu" 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
- 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
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/1190000040846926" 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>22</span>
138
+ <span>20</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
142
- <span>前端胖头鱼</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/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/1190000040850857" target="_blank" title="前端如何实现token的无感刷新">前端如何实现token的无感刷新</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>19</span>
166
+ <span>17</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
170
- <span>xiangzhihong</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
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
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/1190000040837145" target="_blank" title="利用 CSS Overview 面板重构优化你的网站">利用 CSS Overview 面板重构优化你的网站</a>
183
+ <a href="https://segmentfault.com/a/1190000040842990" 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>11</span>
194
+ <span>6</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
198
- <span>chokcoco</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
198
+ <span>六一</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：
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/1190000040839358" target="_blank" title="uniapp云函数教程② ：商品列表增删改查">uniapp云函数教程② ：商品列表增删改查</a>
211
+ <a href="https://segmentfault.com/a/1190000040849064" target="_blank" title="你设计的秒杀系统，能通过 “双十一” 大考吗？">你设计的秒杀系统，能通过 “双十一” 大考吗？</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -222,12 +222,12 @@
222
222
  <span>5</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
226
- <span>JenK</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
226
+ <span>snakesss</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...
230
+ 10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...
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/1190000040842990" 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>6</span>
250
+ <span>10</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" 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
- 近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。
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/1190000040849064" target="_blank" title="你设计的秒杀系统，能通过 “双十一” 大考吗？">你设计的秒杀系统，能通过 “双十一” 大考吗？</a>
267
+ <a href="https://segmentfault.com/a/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</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/snakesss" title="Programming Language">
282
- <span>snakesss</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
282
+ <span>CrazyCodes</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...
286
+ 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
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/1190000040842378" target="_blank" title="记录：Webpack5把微前端qiankun的配置文件干没了">记录：Webpack5把微前端qiankun的配置文件干没了</a>
295
+ <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</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>5</span>
306
+ <span>10</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
310
- <span>Peter谭老师</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
310
+ <span>前端小智</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的
314
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040837967" target="_blank" title="初探JavaScript PDF blob转换为Word docx方法">初探JavaScript PDF blob转换为Word docx方法</a>
323
+ <a href="https://segmentfault.com/a/1190000040842378" target="_blank" title="记录：Webpack5把微前端qiankun的配置文件干没了">记录：Webpack5把微前端qiankun的配置文件干没了</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>6</span>
334
+ <span>5</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
338
- <span>葡萄城技术团队</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
338
+ <span>Peter谭老师</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- PDF文档遵循iOS32000的规范是由Adobe 公司推出的文档格式，之所以应用如此广泛，是因为PDF精确定位了每个字符的坐标、根据坐标绘制的各种形状，使用PDF格式传输和打印文档可以保证格式的一致性，然后很多PDF文件...
342
+ 从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的
343
343
  </div>
344
344
  </div>
345
345
  </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/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</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>14</span>
390
+ <span>1</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
394
- <span>独钓寒江雪</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
- Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
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/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</a>
407
+ <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
408
408
  </div>
409
409
  <div class="sub-title followers">
410
410
 
@@ -415,15 +415,15 @@
415
415
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
416
416
  </g>
417
417
  </svg>
418
- <span>7</span>
418
+ <span>6</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
422
- <span>CrazyCodes</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
422
+ <span>若川</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
426
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
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/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
435
+ <a href="https://segmentfault.com/a/1190000040850136" target="_blank" title="Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目">Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目</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>9</span>
446
+ <span>7</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
450
- <span>XboxYan</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/givebest" title="Programming Language">
450
+ <span>王培</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
454
+ 这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。
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/1190000040836461" target="_blank" title="使用CSS计数器美化有序列表">使用CSS计数器美化有序列表</a>
463
+ <a href="https://segmentfault.com/a/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</a>
464
464
  </div>
465
465
  <div class="sub-title followers">
466
466
 
@@ -474,12 +474,12 @@
474
474
  <span>6</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
478
- <span>dragonir</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
478
+ <span>云叔_又拍云</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。
482
+ Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。
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/1190000040850136" target="_blank" title="Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目">Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目</a>
491
+ <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</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>7</span>
502
+ <span>5</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/givebest" title="Programming Language">
506
- <span>王培</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
506
+ <span>JuiceFS</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。
510
+ 高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。
511
511
  </div>
512
512
  </div>
513
513
  </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/1190000040840390" target="_blank" title="前端- JavaScript异步编程Promise">前端- JavaScript异步编程Promise</a>
631
+ <a href="https://segmentfault.com/a/1190000040854433" target="_blank" title="从零开始实现一个在线三角形生成器">从零开始实现一个在线三角形生成器</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>2</span>
642
+ <span>5</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
646
- <span>编程码农</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
646
+ <span>夕水</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：
650
+ 在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...
651
651
  </div>
652
652
  </div>
653
653
  </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/1190000040848627" target="_blank" title="React全新文档终于来了">React全新文档终于来了</a>
715
+ <a href="https://segmentfault.com/a/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</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>2</span>
726
+ <span>3</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/lulu_up" title="Programming Language">
730
+ <span>lulu_up</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。
734
+ 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
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/1190000040849728" target="_blank" title="javascript实现网页截图导出方案">javascript实现网页截图导出方案</a>
743
+ <a href="https://segmentfault.com/a/1190000040848627" target="_blank" title="React全新文档终于来了">React全新文档终于来了</a>
744
744
  </div>
745
745
  <div class="sub-title followers">
746
746
 
@@ -754,12 +754,12 @@
754
754
  <span>2</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/donglegend" title="Programming Language">
758
- <span>donglegend</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
758
+ <span>卡颂</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。
762
+ React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。
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/1190000040841954" target="_blank" title="学点bash，装B - 快速移动光标">学点bash，装B - 快速移动光标</a>
771
+ <a href="https://segmentfault.com/a/1190000040849728" target="_blank" title="javascript实现网页截图导出方案">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>3</span>
782
+ <span>2</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
786
- <span>混子的日常</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/donglegend" title="Programming Language">
786
+ <span>donglegend</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 学点bash，装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至...
790
+ 首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -796,34 +796,6 @@
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/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</a>
800
- </div>
801
- <div class="sub-title followers">
802
-
803
- <span title="Stargazers Count">
804
- <svg width="12" height="12" viewBox="0 0 16 16">
805
- <g fill="none" fill-rule="evenodd">
806
- <path d="M0 0h16v16H0z"/>
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
- </g>
809
- </svg>
810
- <span>3</span>
811
- </span>
812
- &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
814
- <span>lulu_up</span>
815
- </a>
816
- </div>
817
- <div class="details">
818
- 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
819
- </div>
820
- </div>
821
- </li>
822
-
823
- <li>
824
- <div class="info">
825
- <div class="rank">
826
- <span title="Ranking 27">27</span>
827
799
  <a href="https://segmentfault.com/a/1190000040851732" target="_blank" title="前端-JavaScript运行原理">前端-JavaScript运行原理</a>
828
800
  </div>
829
801
  <div class="sub-title followers">
@@ -851,8 +823,8 @@
851
823
  <li>
852
824
  <div class="info">
853
825
  <div class="rank">
854
- <span title="Ranking 28">28</span>
855
- <a href="https://segmentfault.com/a/1190000040854433" target="_blank" title="从零开始实现一个在线三角形生成器">从零开始实现一个在线三角形生成器</a>
826
+ <span title="Ranking 27">27</span>
827
+ <a href="https://segmentfault.com/a/1190000040857051" target="_blank" title="5 个 CSS 新功能">5 个 CSS 新功能</a>
856
828
  </div>
857
829
  <div class="sub-title followers">
858
830
 
@@ -863,15 +835,15 @@
863
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"/>
864
836
  </g>
865
837
  </svg>
866
- <span>3</span>
838
+ <span>2</span>
867
839
  </span>
868
840
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
870
- <span>夕水</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
842
+ <span>前端小智</span>
871
843
  </a>
872
844
  </div>
873
845
  <div class="details">
874
- 在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...
846
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
875
847
  </div>
876
848
  </div>
877
849
  </li>
@@ -879,8 +851,8 @@
879
851
  <li>
880
852
  <div class="info">
881
853
  <div class="rank">
882
- <span title="Ranking 29">29</span>
883
- <a href="https://segmentfault.com/a/1190000040843418" target="_blank" title="Go 开发时要了解的 1 个内存模型细节">Go 开发时要了解的 1 个内存模型细节</a>
854
+ <span title="Ranking 28">28</span>
855
+ <a href="https://segmentfault.com/a/1190000040856612" target="_blank" title="《RabbitMQ》 | 消息丢失也就这么回事">《RabbitMQ》 | 消息丢失也就这么回事</a>
884
856
  </div>
885
857
  <div class="sub-title followers">
886
858
 
@@ -894,12 +866,12 @@
894
866
  <span>2</span>
895
867
  </span>
896
868
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
898
- <span>煎鱼</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/17689400062" title="Programming Language">
870
+ <span>蔡不菜丶</span>
899
871
  </a>
900
872
  </div>
901
873
  <div class="details">
902
- 在日常工作中，如果我们能够了解 Go 语言内存模型，那会带来非常大的作用。这样在看一些极端情况，又或是变态面试题的时候，就能够明白程序运行表现下的很多根本原因了。
874
+ 本文主要介绍 RabbitMQ的消息丢失问题如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！
903
875
  </div>
904
876
  </div>
905
877
  </li>
@@ -907,7 +879,7 @@
907
879
  <li>
908
880
  <div class="info">
909
881
  <div class="rank">
910
- <span title="Ranking 30">30</span>
882
+ <span title="Ranking 29">29</span>
911
883
  <a href="https://segmentfault.com/a/1190000040844198" target="_blank" title="前端表单验证常用的25个JS正则表达式">前端表单验证常用的25个JS正则表达式</a>
912
884
  </div>
913
885
  <div class="sub-title followers">
@@ -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/27 by Github API v3.</div>
923
+ <div class="time">Last cache created on 2021/10/28 by Github API v3.</div>
952
924
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
925
  </div>
954
926
  </body>