@wcj/github-rank 21.10.27 → 21.10.31

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 +35876 -35868
  2. package/dist/sifou-daily.json +40 -85
  3. package/dist/sifou-monthly.json +115 -115
  4. package/dist/sifou-weekly.json +169 -178
  5. package/dist/toutiao-30.json +117 -117
  6. package/dist/toutiao-7.json +135 -135
  7. package/dist/toutiao-90.json +55 -55
  8. package/dist/trending-daily.json +190 -190
  9. package/dist/trending-monthly.json +174 -174
  10. package/dist/trending-weekly.json +194 -194
  11. package/dist/users.china.json +3158 -3158
  12. package/dist/users.json +3912 -3913
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35876 -35868
  16. package/web/data/sifou-daily.json +40 -85
  17. package/web/data/sifou-monthly.json +115 -115
  18. package/web/data/sifou-weekly.json +169 -178
  19. package/web/data/toutiao-30.json +117 -117
  20. package/web/data/toutiao-7.json +135 -135
  21. package/web/data/toutiao-90.json +55 -55
  22. package/web/data/trending-daily.json +190 -190
  23. package/web/data/trending-monthly.json +174 -174
  24. package/web/data/trending-weekly.json +194 -194
  25. package/web/data/users.china.json +3158 -3158
  26. package/web/data/users.json +3912 -3913
  27. package/web/index.html +2060 -2060
  28. package/web/repos.html +4228 -4228
  29. package/web/sifou-daily.html +34 -174
  30. package/web/sifou-monthly.html +131 -131
  31. package/web/sifou-weekly.html +142 -170
  32. package/web/toutiao-30.html +120 -120
  33. package/web/toutiao-7.html +99 -99
  34. package/web/toutiao-90.html +96 -96
  35. package/web/trending-monthly.html +161 -161
  36. package/web/trending-weekly.html +179 -167
  37. package/web/trending.html +165 -169
  38. package/web/users.china.html +1816 -1816
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/31 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/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</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>19</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/king_hcj" title="Programming Language">
114
+ <span>独钓寒江雪</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。
118
+ 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
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/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</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/king_hcj" title="Programming Language">
142
+ <span>独钓寒江雪</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。
146
+ Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
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/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</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>16</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/xboxyan" title="Programming Language">
170
+ <span>XboxYan</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...
174
+ 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
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/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>11</span>
194
+ <span>14</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/minnanitkong" 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
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 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/1190000040839358" target="_blank" title="uniapp云函数教程② ：商品列表增删改查">uniapp云函数教程② ：商品列表增删改查</a>
211
+ <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</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>5</span>
222
+ <span>14</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/lxchuan12" title="Programming Language">
226
+ <span>若川</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...
230
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
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/1190000040881913" target="_blank" title="未来已来，HMS Core 展现元宇宙落地价值">未来已来，HMS Core 展现元宇宙落地价值</a>
240
240
  </div>
241
241
  <div class="sub-title followers">
242
242
 
@@ -247,7 +247,7 @@
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>9</span>
251
251
  </span>
252
252
  &nbsp;
253
253
  <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
@@ -255,7 +255,7 @@
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。
258
+ 当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……
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>10</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/1190000040869270" target="_blank" title="7个关于&#34;this&#34;面试题，你知道几个？">7个关于&#34;this&#34;面试题，你知道几个？</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>7</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/1190000040877069" target="_blank" title="涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design">涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design</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>3</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/snakesss" title="Programming Language">
338
+ <span>snakesss</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- PDF文档遵循iOS32000的规范是由Adobe 公司推出的文档格式，之所以应用如此广泛，是因为PDF精确定位了每个字符的坐标、根据坐标绘制的各种形状，使用PDF格式传输和打印文档可以保证格式的一致性，然后很多PDF文件...
342
+ 据描述，Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...
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/1190000040846993" target="_blank" title="前端实现iPhone绕过AppStore从浏览器安装App">前端实现iPhone绕过AppStore从浏览器安装App</a>
351
+ <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -359,15 +359,15 @@
359
359
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
360
360
  </g>
361
361
  </svg>
362
- <span>7</span>
362
+ <span>6</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
366
- <span>dragonir</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
366
+ <span>JuiceFS</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...
370
+ 高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。
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/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>3</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/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</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/yunshu_blog" title="Programming Language">
422
+ <span>云叔_又拍云</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
426
+ Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。
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/1190000040874554" target="_blank" title="常见 SQL 面试题：经典 50 例">常见 SQL 面试题：经典 50 例</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/jishuroad" title="Programming Language">
450
+ <span>民工哥</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
454
+ 多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])
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/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</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>6</span>
474
+ <span>4</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/ruidoc" title="Programming Language">
478
+ <span>杨成功</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。
482
+ 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
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/1190000040856612" target="_blank" title="《RabbitMQ》 | 消息丢失也就这么回事">《RabbitMQ》 | 消息丢失也就这么回事</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>3</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/17689400062" title="Programming Language">
506
+ <span>蔡不菜丶</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。
510
+ 本文主要介绍 RabbitMQ的消息丢失问题如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！
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/1190000040851457" target="_blank" title="华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放">华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放</a>
519
+ <a href="https://segmentfault.com/a/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</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>1</span>
530
+ <span>3</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
534
- <span>华为移动服务</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
534
+ <span>lulu_up</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 【2021年10月22日·东莞】华为开发者大会 2021（Together）于今天正式开幕，华为在主题演讲中正式发布全新的HMS Core 6，向全球开发者开放7大领域的69个Kit和21,738个API，包括13个跨操作系统能力，开发者基于不同...
538
+ 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
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/1190000040851497" target="_blank" title="华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力">华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力</a>
547
+ <a href="https://segmentfault.com/a/1190000040880874" target="_blank" title="大厂面试题分享：如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?">大厂面试题分享：如何让(a===1&amp;&amp;a===2&amp;&amp;a===3)的值为true?</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>1</span>
558
+ <span>4</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
562
- <span>华为移动服务</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
562
+ <span>wscats</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 【2021年10月22日·东莞】华为开发者大会2021（Together）在东莞松山湖正式开幕。本次大会首次采用数字人全程实时手语直播，数字人基于即时听到的语言，通过华为手语服务，实时生成连贯、自然的手语。同时华为宣布...
566
+ 当我第一次看到这一题目的时候，我是比较震惊的，分析了下很不合我们编程的常理，并认为不大可能，变量a要在同一情况下要同时等于1，2和3这三个值，这是天方夜谭吧，不亚于哥德巴赫1+1=1的猜想吧，不过一切皆有可...
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/1190000040845022" target="_blank" title="异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！">异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！</a>
575
+ <a href="https://segmentfault.com/a/1190000040874775" target="_blank" title="如何评价抖音前端开源的 Semi Design ？">如何评价抖音前端开源的 Semi Design ？</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>1</span>
586
+ <span>2</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
590
- <span>华为移动服务</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
590
+ <span>Peter谭老师</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...
594
+ 开头我是Peter抖音系企业应用设计系统 Semi Design 开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚...
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/1190000040848951" target="_blank" title="Vue3源码分析之compositionApi">Vue3源码分析之compositionApi</a>
603
+ <a href="https://segmentfault.com/a/1190000040857051" target="_blank" title="5 个 CSS 新功能">5 个 CSS 新功能</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>4</span>
614
+ <span>2</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
618
- <span>TNTWEB</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
618
+ <span>前端小智</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
622
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040840390" target="_blank" title="前端- JavaScript异步编程Promise">前端- JavaScript异步编程Promise</a>
631
+ <a href="https://segmentfault.com/a/1190000040866692" 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>3</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/bigsai" title="Programming Language">
646
+ <span>bigsai</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：
650
+ 前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...
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/1190000040845483" target="_blank" title="前端-JavaScript异步编程async函数">前端-JavaScript异步编程async函数</a>
659
+ <a href="https://segmentfault.com/a/1190000040873944" target="_blank" title="面试不再慌，终于有人把TCP讲明白了。。。">面试不再慌，终于有人把TCP讲明白了。。。</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>3</span>
670
+ <span>2</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
674
- <span>编程码农</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/23g69kz6" title="Programming Language">
674
+ <span>Java大将军</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- 基本概念传统JavaScript异步编程的形式大体分以下几种。回调函数事件监听发布/订阅Promise 对象异步一个任务连续的执行就叫做同步。如果将任务为分两步执行，执行完第一步，转而执行其它任务，等做好了准备，再回...
678
+ TCP（Transmission Control Protocol，传输控制协议） 是计算机网络的的重要组成部分，也是网络编程的重要内容，还有我们平时接触最多的 HTTP 也是基于 TCP 实现的。TCP 可以说是最重要的传输层协议，既然如此，...
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/1190000040845760" target="_blank" title="前端时间国际化入门">前端时间国际化入门</a>
687
+ <a href="https://segmentfault.com/a/1190000040869235" target="_blank" title="深入浅出Java内存模型">深入浅出Java内存模型</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>2</span>
698
+ <span>4</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/75team" title="Programming Language">
702
- <span>奇舞团</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
702
+ <span>Java3y</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 最近在开发一个需要完善国际化方案的前端项目，在处理时间国际化的时候遇到了一些问题。于是花了一些时间研究，有了这篇文章。不过由于网上关于 JavaScript 中 Date 对象的坑的文章已经一抓一大把了，因此这篇文...
706
+ 面试官：我记得你的最终答案是：Java为了屏蔽硬件和操作系统访问内存的各种差异，提出了「Java内存模型」的规范，保证了Java程序在各种平台下对内存的访问都能得到一致效果
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/1190000040848627" target="_blank" title="React全新文档终于来了">React全新文档终于来了</a>
715
+ <a href="https://segmentfault.com/a/1190000040873601" 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>5</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/onlythinking" title="Programming Language">
730
+ <span>编程码农</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。
734
+ 显示屏清晰度对于计算机上显示的文字和图片，正常来说显示器分辨率越高清晰度就会更高，不过有时我们切换一些超高分辨率后也识别不出差异，这是为什么？简单来说显示清晰度由物理因素和视力因素。物理因素就是设...
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/1190000040855590" target="_blank" title="前端代码库里的 git hooks">前端代码库里的 git hooks</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/1023" title="Programming Language">
758
+ <span>混子的日常</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。
762
+ 本篇文章收获什么：git hooks 的基本知识yorkie 的原理浅析如何使用 本地 vscode 打开 github 项目故事是这样的：我：在npm run lint脚本里面加了vue-tsc --noEmit --skipLibCheck &amp;&amp; ....这个命令后，--...
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/1190000040857744" target="_blank" title="超牛逼的性能监控神器！快速定位线上问题">超牛逼的性能监控神器！快速定位线上问题</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/jishuroad" title="Programming Language">
786
+ <span>民工哥</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
+ 今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...
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/1190000040857798" target="_blank" title="第七期:前端九条启发分享">第七期:前端九条启发分享</a>
799
+ <a href="https://segmentfault.com/a/1190000040883655" target="_blank" title="一条曲线的诞生">一条曲线的诞生</a>
800
800
  </div>
801
801
  <div class="sub-title followers">
802
802
 
@@ -810,12 +810,12 @@
810
810
  <span>3</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
814
- <span>lulu_up</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
814
+ <span>ES2049</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 &#34;json对象&#34;, 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...
818
+ 在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...
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/1190000040851732" target="_blank" title="前端-JavaScript运行原理">前端-JavaScript运行原理</a>
827
+ <a href="https://segmentfault.com/a/1190000040875138" target="_blank" title="听说你的对象有个”环“？怎么发现的呢？">听说你的对象有个”环“？怎么发现的呢？</a>
828
828
  </div>
829
829
  <div class="sub-title followers">
830
830
 
@@ -835,15 +835,15 @@
835
835
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
836
836
  </g>
837
837
  </svg>
838
- <span>5</span>
838
+ <span>2</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
842
- <span>编程码农</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
842
+ <span>前端胖头鱼</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 简介理解JavaScript运行原理，我们需要理解以下两方面内容。JavaScript引擎。JavaScript运行时环境。JavaScript引擎什么是JavaScript引擎JavaScript引擎是一个计算机程序，它的主要作用是JavaScript运行时将源码...
846
+ 1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...
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/1190000040854433" target="_blank" title="从零开始实现一个在线三角形生成器">从零开始实现一个在线三角形生成器</a>
855
+ <a href="https://segmentfault.com/a/1190000040876086" target="_blank" title="CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框">CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框</a>
856
856
  </div>
857
857
  <div class="sub-title followers">
858
858
 
@@ -863,15 +863,15 @@
863
863
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
864
864
  </g>
865
865
  </svg>
866
- <span>3</span>
866
+ <span>2</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
870
- <span>夕水</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
870
+ <span>chokcoco</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...
874
+ 本文将通过一个实际的业务需求，讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题：在文字展示的时候，利用了 font-weight: bold 给文字进行...
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/1190000040843418" target="_blank" title="Go 开发时要了解的 1 个内存模型细节">Go 开发时要了解的 1 个内存模型细节</a>
883
+ <a href="https://segmentfault.com/a/1190000040867160" target="_blank" title="我的刷题经验总结">我的刷题经验总结</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -894,40 +894,12 @@
894
894
  <span>2</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
898
- <span>煎鱼</span>
899
- </a>
900
- </div>
901
- <div class="details">
902
- 在日常工作中，如果我们能够了解 Go 语言内存模型，那会带来非常大的作用。这样在看一些极端情况，又或是变态面试题的时候，就能够明白程序运行表现下的很多根本原因了。
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/1190000040844198" target="_blank" title="前端表单验证常用的25个JS正则表达式">前端表单验证常用的25个JS正则表达式</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>3</span>
923
- </span>
924
- &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/zuidiaolatiaochuangshijie" title="Programming Language">
926
- <span>嘴叼辣条闯世界</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/labuladong" title="Programming Language">
898
+ <span>labuladong</span>
927
899
  </a>
928
900
  </div>
929
901
  <div class="details">
930
- 1、手机号校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码...} 7、日期 YYYY-MM-DD {代码...} 8、日期 YYYY-MM-D...
902
+ 这两年在我自己不断刷题，思考和写公众号的过程中，我对算法的理解也是在逐渐加深，所以今天再写一篇，把我这两年的经验和思考浓缩成 4000 字，分享给大家。
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/27 by Github API v3.</div>
923
+ <div class="time">Last cache created on 2021/10/31 by Github API v3.</div>
952
924
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
925
  </div>
954
926
  </body>