@wcj/github-rank 21.11.2 → 21.11.6

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 +40511 -40482
  2. package/dist/sifou-daily.json +89 -53
  3. package/dist/sifou-monthly.json +113 -113
  4. package/dist/sifou-weekly.json +167 -176
  5. package/dist/toutiao-30.json +81 -81
  6. package/dist/toutiao-7.json +149 -149
  7. package/dist/toutiao-90.json +66 -66
  8. package/dist/trending-daily.json +192 -192
  9. package/dist/trending-monthly.json +189 -189
  10. package/dist/trending-weekly.json +191 -191
  11. package/dist/users.china.json +3236 -3236
  12. package/dist/users.json +3872 -3872
  13. package/package.json +1 -1
  14. package/web/36kr.html +5 -3
  15. package/web/data/repos.json +40511 -40482
  16. package/web/data/sifou-daily.json +89 -53
  17. package/web/data/sifou-monthly.json +113 -113
  18. package/web/data/sifou-weekly.json +167 -176
  19. package/web/data/toutiao-30.json +81 -81
  20. package/web/data/toutiao-7.json +149 -149
  21. package/web/data/toutiao-90.json +66 -66
  22. package/web/data/trending-daily.json +192 -192
  23. package/web/data/trending-monthly.json +189 -189
  24. package/web/data/trending-weekly.json +191 -191
  25. package/web/data/users.china.json +3236 -3236
  26. package/web/data/users.json +3872 -3872
  27. package/web/index.html +1976 -1976
  28. package/web/repos.html +4413 -4391
  29. package/web/sifou-daily.html +160 -46
  30. package/web/sifou-monthly.html +124 -122
  31. package/web/sifou-weekly.html +144 -170
  32. package/web/toutiao-30.html +106 -104
  33. package/web/toutiao-7.html +104 -102
  34. package/web/toutiao-90.html +88 -86
  35. package/web/trending-monthly.html +174 -168
  36. package/web/trending-weekly.html +175 -169
  37. package/web/trending.html +166 -176
  38. package/web/users.china.html +1611 -1611
package/web/sifou-weekly.html CHANGED
@@ -87,12 +87,14 @@
87
87
 
88
88
 
89
89
 
90
- <a target="_blank" href="https://segmentfault.com/hottest"></a>
90
+ <a target="_blank" href="https://segmentfault.com/hottest">
91
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" fill="currentColor" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg>
92
+ </a>
91
93
 
92
94
 
93
95
 
94
96
  </h1>
95
- <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/11/6 by Github API v3.</div>
96
98
  <div class="tabs">
97
99
  <a class="" href="index.html">Users</a>
98
100
  <a class="" href="repos.html">Repos</a>
@@ -114,7 +116,7 @@
114
116
  <div class="info">
115
117
  <div class="rank">
116
118
  <span title="Ranking 1">1</span>
117
- <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
119
+ <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
118
120
  </div>
119
121
  <div class="sub-title followers">
120
122
 
@@ -125,15 +127,15 @@
125
127
  <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"/>
126
128
  </g>
127
129
  </svg>
128
- <span>22</span>
130
+ <span>28</span>
129
131
  </span>
130
132
  &nbsp;
131
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
132
- <span>独钓寒江雪</span>
133
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
134
+ <span>wuwhs</span>
133
135
  </a>
134
136
  </div>
135
137
  <div class="details">
136
- 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
138
+ 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
137
139
  </div>
138
140
  </div>
139
141
  </li>
@@ -142,7 +144,7 @@
142
144
  <div class="info">
143
145
  <div class="rank">
144
146
  <span title="Ranking 2">2</span>
145
- <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
147
+ <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
146
148
  </div>
147
149
  <div class="sub-title followers">
148
150
 
@@ -153,15 +155,15 @@
153
155
  <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"/>
154
156
  </g>
155
157
  </svg>
156
- <span>22</span>
158
+ <span>25</span>
157
159
  </span>
158
160
  &nbsp;
159
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
160
- <span>独钓寒江雪</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
162
+ <span>若川</span>
161
163
  </a>
162
164
  </div>
163
165
  <div class="details">
164
- Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
166
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...
165
167
  </div>
166
168
  </div>
167
169
  </li>
@@ -170,7 +172,7 @@
170
172
  <div class="info">
171
173
  <div class="rank">
172
174
  <span title="Ranking 3">3</span>
173
- <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
175
+ <a href="https://segmentfault.com/a/1190000040906316" target="_blank" title="熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！">熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！</a>
174
176
  </div>
175
177
  <div class="sub-title followers">
176
178
 
@@ -181,15 +183,15 @@
181
183
  <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"/>
182
184
  </g>
183
185
  </svg>
184
- <span>15</span>
186
+ <span>27</span>
185
187
  </span>
186
188
  &nbsp;
187
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
188
- <span>若川</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
190
+ <span>Sunshine_Lin</span>
189
191
  </a>
190
192
  </div>
191
193
  <div class="details">
192
- 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
194
+ 前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...
193
195
  </div>
194
196
  </div>
195
197
  </li>
@@ -198,7 +200,7 @@
198
200
  <div class="info">
199
201
  <div class="rank">
200
202
  <span title="Ranking 4">4</span>
201
- <a href="https://segmentfault.com/a/1190000040881913" target="_blank" title="未来已来，HMS Core 展现元宇宙落地价值">未来已来，HMS Core 展现元宇宙落地价值</a>
203
+ <a href="https://segmentfault.com/a/1190000040891379" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
202
204
  </div>
203
205
  <div class="sub-title followers">
204
206
 
@@ -209,15 +211,15 @@
209
211
  <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"/>
210
212
  </g>
211
213
  </svg>
212
- <span>9</span>
214
+ <span>16</span>
213
215
  </span>
214
216
  &nbsp;
215
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
216
- <span>六一</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
218
+ <span>前端小智</span>
217
219
  </a>
218
220
  </div>
219
221
  <div class="details">
220
- 当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……
222
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
221
223
  </div>
222
224
  </div>
223
225
  </li>
@@ -226,7 +228,7 @@
226
228
  <div class="info">
227
229
  <div class="rank">
228
230
  <span title="Ranking 5">5</span>
229
- <a href="https://segmentfault.com/a/1190000040869270" target="_blank" title="7个关于&#34;this&#34;面试题，你知道几个？">7个关于&#34;this&#34;面试题，你知道几个？</a>
231
+ <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
230
232
  </div>
231
233
  <div class="sub-title followers">
232
234
 
@@ -237,15 +239,15 @@
237
239
  <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"/>
238
240
  </g>
239
241
  </svg>
240
- <span>7</span>
242
+ <span>9</span>
241
243
  </span>
242
244
  &nbsp;
243
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
244
- <span>前端小智</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
246
+ <span>sluke</span>
245
247
  </a>
246
248
  </div>
247
249
  <div class="details">
248
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
250
+ 大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得
249
251
  </div>
250
252
  </div>
251
253
  </li>
@@ -254,7 +256,7 @@
254
256
  <div class="info">
255
257
  <div class="rank">
256
258
  <span title="Ranking 6">6</span>
257
- <a href="https://segmentfault.com/a/1190000040877069" target="_blank" title="涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design">涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design</a>
259
+ <a href="https://segmentfault.com/a/1190000040902611" target="_blank" title="这些 JavaScript函数让你的工作更加 So Easy!">这些 JavaScript函数让你的工作更加 So Easy!</a>
258
260
  </div>
259
261
  <div class="sub-title followers">
260
262
 
@@ -265,15 +267,15 @@
265
267
  <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"/>
266
268
  </g>
267
269
  </svg>
268
- <span>3</span>
270
+ <span>17</span>
269
271
  </span>
270
272
  &nbsp;
271
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
272
- <span>snakesss</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
274
+ <span>前端小智</span>
273
275
  </a>
274
276
  </div>
275
277
  <div class="details">
276
- 据描述，Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...
278
+ 作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
277
279
  </div>
278
280
  </div>
279
281
  </li>
@@ -282,7 +284,7 @@
282
284
  <div class="info">
283
285
  <div class="rank">
284
286
  <span title="Ranking 7">7</span>
285
- <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
287
+ <a href="https://segmentfault.com/a/1190000040896809" target="_blank" title="Go 日常开发常备第三方库和工具">Go 日常开发常备第三方库和工具</a>
286
288
  </div>
287
289
  <div class="sub-title followers">
288
290
 
@@ -293,15 +295,15 @@
293
295
  <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"/>
294
296
  </g>
295
297
  </svg>
296
- <span>6</span>
298
+ <span>7</span>
297
299
  </span>
298
300
  &nbsp;
299
- <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
300
- <span>sluke</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
302
+ <span>crossoverJie</span>
301
303
  </a>
302
304
  </div>
303
305
  <div class="details">
304
- 大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得
306
+ 不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...
305
307
  </div>
306
308
  </div>
307
309
  </li>
@@ -310,7 +312,7 @@
310
312
  <div class="info">
311
313
  <div class="rank">
312
314
  <span title="Ranking 8">8</span>
313
- <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
315
+ <a href="https://segmentfault.com/a/1190000040898864" target="_blank" title="CSS 盒子的边距塌陷">CSS 盒子的边距塌陷</a>
314
316
  </div>
315
317
  <div class="sub-title followers">
316
318
 
@@ -321,15 +323,15 @@
321
323
  <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"/>
322
324
  </g>
323
325
  </svg>
324
- <span>11</span>
326
+ <span>8</span>
325
327
  </span>
326
328
  &nbsp;
327
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
328
- <span>杨成功</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
330
+ <span>云叔_又拍云</span>
329
331
  </a>
330
332
  </div>
331
333
  <div class="details">
332
- 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
334
+ 我相信下面的情形大家在日常工作中常常碰到：在制作静态页面中，为了页面整体的协调与美观，我们想让子盒子 image-div 的上边沿距离父盒子 header-div 的上边沿有一定间距。
333
335
  </div>
334
336
  </div>
335
337
  </li>
@@ -338,7 +340,7 @@
338
340
  <div class="info">
339
341
  <div class="rank">
340
342
  <span title="Ranking 9">9</span>
341
- <a href="https://segmentfault.com/a/1190000040867703" target="_blank" title="JuiceFS 如何帮助趣头条超大规模 HDFS 降负载">JuiceFS 如何帮助趣头条超大规模 HDFS 降负载</a>
343
+ <a href="https://segmentfault.com/a/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</a>
342
344
  </div>
343
345
  <div class="sub-title followers">
344
346
 
@@ -349,15 +351,15 @@
349
351
  <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"/>
350
352
  </g>
351
353
  </svg>
352
- <span>6</span>
354
+ <span>11</span>
353
355
  </span>
354
356
  &nbsp;
355
- <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
356
- <span>JuiceFS</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
358
+ <span>前端小智</span>
357
359
  </a>
358
360
  </div>
359
361
  <div class="details">
360
- 高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。
362
+ 作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
361
363
  </div>
362
364
  </div>
363
365
  </li>
@@ -366,7 +368,7 @@
366
368
  <div class="info">
367
369
  <div class="rank">
368
370
  <span title="Ranking 10">10</span>
369
- <a href="https://segmentfault.com/a/1190000040870566" target="_blank" title="灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”">灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”</a>
371
+ <a href="https://segmentfault.com/a/1190000040897227" target="_blank" title="策略模式在实际业务中的应用">策略模式在实际业务中的应用</a>
370
372
  </div>
371
373
  <div class="sub-title followers">
372
374
 
@@ -377,15 +379,15 @@
377
379
  <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"/>
378
380
  </g>
379
381
  </svg>
380
- <span>3</span>
382
+ <span>6</span>
381
383
  </span>
382
384
  &nbsp;
383
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
384
- <span>葡萄城技术团队</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/xiaotao_5c2cdb80411ca" title="Programming Language">
386
+ <span>bingfeng</span>
385
387
  </a>
386
388
  </div>
387
389
  <div class="details">
388
- 在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。
390
+ 现有一个广告点击数据埋点上报的需求，上报的埋点数据根据点击的广告位置不同做区分进行上报，每个广告位置的数据进行分表存储。（eg：这里大家也不必深究分表存储为什么要这么做，我们只聊策略模式的实际应用）
389
391
  </div>
390
392
  </div>
391
393
  </li>
@@ -394,7 +396,7 @@
394
396
  <div class="info">
395
397
  <div class="rank">
396
398
  <span title="Ranking 11">11</span>
397
- <a href="https://segmentfault.com/a/1190000040864758" target="_blank" title="Python Type Hints 从入门到实践">Python Type Hints 从入门到实践</a>
399
+ <a href="https://segmentfault.com/a/1190000040895223" target="_blank" title="GitOps 应用实践系列 - Argo CD 上手实践">GitOps 应用实践系列 - Argo CD 上手实践</a>
398
400
  </div>
399
401
  <div class="sub-title followers">
400
402
 
@@ -405,15 +407,15 @@
405
407
  <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"/>
406
408
  </g>
407
409
  </svg>
408
- <span>6</span>
410
+ <span>4</span>
409
411
  </span>
410
412
  &nbsp;
411
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
412
- <span>云叔_又拍云</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
414
+ <span>张晋涛</span>
413
415
  </a>
414
416
  </div>
415
417
  <div class="details">
416
- Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。
418
+ 我们通过 KIND（Kubernetes in Docker）工具创建一个用于本地测试的 Kubernetes 集群。使用如下的配置文件，创建一个包含一个 control plane 和三个 work 的集群。
417
419
  </div>
418
420
  </div>
419
421
  </li>
@@ -422,7 +424,7 @@
422
424
  <div class="info">
423
425
  <div class="rank">
424
426
  <span title="Ranking 12">12</span>
425
- <a href="https://segmentfault.com/a/1190000040874554" target="_blank" title="常见 SQL 面试题：经典 50 例">常见 SQL 面试题：经典 50 例</a>
427
+ <a href="https://segmentfault.com/a/1190000040897976" target="_blank" title="CSS 实现搜索相关交互">CSS 实现搜索相关交互</a>
426
428
  </div>
427
429
  <div class="sub-title followers">
428
430
 
@@ -436,12 +438,12 @@
436
438
  <span>8</span>
437
439
  </span>
438
440
  &nbsp;
439
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
440
- <span>民工哥</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
442
+ <span>XboxYan</span>
441
443
  </a>
442
444
  </div>
443
445
  <div class="details">
444
- 多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])
446
+ 先来看一个很常见的搜索框的交互，大概逻辑如下当输入框有内容才显示清除按钮点击清除按钮输入框会清空当输入框有内容并且处于聚焦情况下才显示搜索结果浮层点击搜索条目后关闭整个搜索结果浮层示意如下看着逻辑...
445
447
  </div>
446
448
  </div>
447
449
  </li>
@@ -450,7 +452,7 @@
450
452
  <div class="info">
451
453
  <div class="rank">
452
454
  <span title="Ranking 13">13</span>
453
- <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>
455
+ <a href="https://segmentfault.com/a/1190000040895843" target="_blank" title="把程序做成系统服务">把程序做成系统服务</a>
454
456
  </div>
455
457
  <div class="sub-title followers">
456
458
 
@@ -464,12 +466,12 @@
464
466
  <span>5</span>
465
467
  </span>
466
468
  &nbsp;
467
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
468
- <span>wscats</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
470
+ <span>边城</span>
469
471
  </a>
470
472
  </div>
471
473
  <div class="details">
472
- 当我第一次看到这一题目的时候，我是比较震惊的，分析了下很不合我们编程的常理，并认为不大可能，变量a要在同一情况下要同时等于1，2和3这三个值，这是天方夜谭吧，不亚于哥德巴赫1+1=1的猜想吧，不过一切皆有可...
474
+ 写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...
473
475
  </div>
474
476
  </div>
475
477
  </li>
@@ -478,7 +480,7 @@
478
480
  <div class="info">
479
481
  <div class="rank">
480
482
  <span title="Ranking 14">14</span>
481
- <a href="https://segmentfault.com/a/1190000040874775" target="_blank" title="如何评价抖音前端开源的 Semi Design ？">如何评价抖音前端开源的 Semi Design ？</a>
483
+ <a href="https://segmentfault.com/a/1190000040894152" target="_blank" title="大奖升级！HMS Core线上Codelabs挑战赛第3期：用3D建模构建元宇宙">大奖升级！HMS Core线上Codelabs挑战赛第3期：用3D建模构建元宇宙</a>
482
484
  </div>
483
485
  <div class="sub-title followers">
484
486
 
@@ -492,12 +494,12 @@
492
494
  <span>2</span>
493
495
  </span>
494
496
  &nbsp;
495
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
496
- <span>Peter谭老师</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
498
+ <span>华为移动服务</span>
497
499
  </a>
498
500
  </div>
499
501
  <div class="details">
500
- 开头我是Peter抖音系企业应用设计系统 Semi Design 开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚...
502
+ “元宇宙”概念风生水起，在AR、VR等技术构建的虚拟世界里，3D模型担当重要角色，无论是为玩家提供更丰富更真实游戏体验的3D游戏领域，还是各大电商平台正在启用并不断完善的3D虚拟购物领域……3D建模无疑成为日益迫...
501
503
  </div>
502
504
  </div>
503
505
  </li>
@@ -506,7 +508,7 @@
506
508
  <div class="info">
507
509
  <div class="rank">
508
510
  <span title="Ranking 15">15</span>
509
- <a href="https://segmentfault.com/a/1190000040876086" target="_blank" title="CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框">CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框</a>
511
+ <a href="https://segmentfault.com/a/1190000040890911" target="_blank" title="MySQL事务的隔离级别与并发问题">MySQL事务的隔离级别与并发问题</a>
510
512
  </div>
511
513
  <div class="sub-title followers">
512
514
 
@@ -517,15 +519,15 @@
517
519
  <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"/>
518
520
  </g>
519
521
  </svg>
520
- <span>3</span>
522
+ <span>6</span>
521
523
  </span>
522
524
  &nbsp;
523
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
524
- <span>chokcoco</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/baicai1031" title="Programming Language">
526
+ <span>白菜1031</span>
525
527
  </a>
526
528
  </div>
527
529
  <div class="details">
528
- 本文将通过一个实际的业务需求，讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题：在文字展示的时候，利用了 font-weight: bold 给文字进行...
530
+ 事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。
529
531
  </div>
530
532
  </div>
531
533
  </li>
@@ -534,7 +536,7 @@
534
536
  <div class="info">
535
537
  <div class="rank">
536
538
  <span title="Ranking 16">16</span>
537
- <a href="https://segmentfault.com/a/1190000040885865" target="_blank" title="PC端高倍屏适配方案实践">PC端高倍屏适配方案实践</a>
539
+ <a href="https://segmentfault.com/a/1190000040910391" target="_blank" title="Notification桌面通知实践">Notification桌面通知实践</a>
538
540
  </div>
539
541
  <div class="sub-title followers">
540
542
 
@@ -545,15 +547,15 @@
545
547
  <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"/>
546
548
  </g>
547
549
  </svg>
548
- <span>7</span>
550
+ <span>4</span>
549
551
  </span>
550
552
  &nbsp;
551
- <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
552
- <span>野林</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
554
+ <span>JenK</span>
553
555
  </a>
554
556
  </div>
555
557
  <div class="details">
556
- 随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...
558
+ Notification通知实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些 支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法 {代码...} 参数title定义一个通知...
557
559
  </div>
558
560
  </div>
559
561
  </li>
@@ -562,7 +564,7 @@
562
564
  <div class="info">
563
565
  <div class="rank">
564
566
  <span title="Ranking 17">17</span>
565
- <a href="https://segmentfault.com/a/1190000040875138" target="_blank" title="听说你的对象有个”环“？怎么发现的呢？">听说你的对象有个”环“？怎么发现的呢？</a>
567
+ <a href="https://segmentfault.com/a/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
566
568
  </div>
567
569
  <div class="sub-title followers">
568
570
 
@@ -573,15 +575,15 @@
573
575
  <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"/>
574
576
  </g>
575
577
  </svg>
576
- <span>3</span>
578
+ <span>7</span>
577
579
  </span>
578
580
  &nbsp;
579
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
580
- <span>前端胖头鱼</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
582
+ <span>chokcoco</span>
581
583
  </a>
582
584
  </div>
583
585
  <div class="details">
584
- 1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...
586
+ 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
585
587
  </div>
586
588
  </div>
587
589
  </li>
@@ -590,7 +592,7 @@
590
592
  <div class="info">
591
593
  <div class="rank">
592
594
  <span title="Ranking 18">18</span>
593
- <a href="https://segmentfault.com/a/1190000040861597" target="_blank" title="CI/CD必知：落后master分支检测">CI/CD必知：落后master分支检测</a>
595
+ <a href="https://segmentfault.com/a/1190000040893884" target="_blank" title="三步带你玩转前端Vue装饰器">三步带你玩转前端Vue装饰器</a>
594
596
  </div>
595
597
  <div class="sub-title followers">
596
598
 
@@ -601,15 +603,15 @@
601
603
  <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"/>
602
604
  </g>
603
605
  </svg>
604
- <span>2</span>
606
+ <span>10</span>
605
607
  </span>
606
608
  &nbsp;
607
- <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
608
- <span>Denzel</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/coollsk" title="Programming Language">
610
+ <span>CoolLsk</span>
609
611
  </a>
610
612
  </div>
611
613
  <div class="details">
612
- 来公司一年多，业务之余一直在参与做BU自己的前端发布平台；以前我们的构建底层（CI/CD）大多依赖于集团的能力，所以经常一个应用某个迭代发布之后，其他迭代再构建部署，就会报错，这时就需要打开集团系统的构建...
614
+ 什么是装饰器装饰器怎么封装装饰器能干啥1、什么是装饰器看个例子就懂了eg： {代码...} 反正就是各种嵌套，看起来代码很脓肿,接下来看看【装饰器】怎么写↓ {代码...} 现在看到的写法是不是凉快了很多，没有多层嵌...
613
615
  </div>
614
616
  </div>
615
617
  </li>
@@ -618,7 +620,7 @@
618
620
  <div class="info">
619
621
  <div class="rank">
620
622
  <span title="Ranking 19">19</span>
621
- <a href="https://segmentfault.com/a/1190000040867160" target="_blank" title="我的刷题经验总结">我的刷题经验总结</a>
623
+ <a href="https://segmentfault.com/a/1190000040909653" target="_blank" title="任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源">任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源</a>
622
624
  </div>
623
625
  <div class="sub-title followers">
624
626
 
@@ -632,12 +634,12 @@
632
634
  <span>3</span>
633
635
  </span>
634
636
  &nbsp;
635
- <a target="_blank" href="https://segmentfault.com/u/labuladong" title="Programming Language">
636
- <span>labuladong</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
638
+ <span>snakesss</span>
637
639
  </a>
638
640
  </div>
639
641
  <div class="details">
640
- 这两年在我自己不断刷题，思考和写公众号的过程中，我对算法的理解也是在逐渐加深，所以今天再写一篇，把我这两年的经验和思考浓缩成 4000 字，分享给大家。
642
+ 2018 年，微软宣布正式收购GitHub，微软副总裁 Nat Friedman 担任GitHub 的新 CEO。2021 年 11 月 3 日，GitHub 首席执行官Nat Friedman在任职三年后宣布即将卸任，并回归到他的创业根源。在题为“Thank you, GitH...
641
643
  </div>
642
644
  </div>
643
645
  </li>
@@ -646,7 +648,7 @@
646
648
  <div class="info">
647
649
  <div class="rank">
648
650
  <span title="Ranking 20">20</span>
649
- <a href="https://segmentfault.com/a/1190000040866692" target="_blank" title="程序员如何玩转力扣刷题？">程序员如何玩转力扣刷题？</a>
651
+ <a href="https://segmentfault.com/a/1190000040896846" target="_blank" title="PHP 性能终极 Debug - 生成火焰图">PHP 性能终极 Debug - 生成火焰图</a>
650
652
  </div>
651
653
  <div class="sub-title followers">
652
654
 
@@ -657,15 +659,15 @@
657
659
  <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"/>
658
660
  </g>
659
661
  </svg>
660
- <span>3</span>
662
+ <span>2</span>
661
663
  </span>
662
664
  &nbsp;
663
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
664
- <span>bigsai</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/portlouis" title="Programming Language">
666
+ <span>路易港</span>
665
667
  </a>
666
668
  </div>
667
669
  <div class="details">
668
- 前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...
670
+ 2012 年刚开始学习 PHP，那个时候的 PHP 应用很简单，没有太多复杂的设计模式，像依赖注入，工厂模式这些还几乎没有，Reflection API 那时也才刚出来，一个 PHP 应用就是一些包了前端代码的脚本文件，正是因为 PH...
669
671
  </div>
670
672
  </div>
671
673
  </li>
@@ -674,7 +676,7 @@
674
676
  <div class="info">
675
677
  <div class="rank">
676
678
  <span title="Ranking 21">21</span>
677
- <a href="https://segmentfault.com/a/1190000040883655" target="_blank" title="一条曲线的诞生">一条曲线的诞生</a>
679
+ <a href="https://segmentfault.com/a/1190000040882446" target="_blank" title="谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到">谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到</a>
678
680
  </div>
679
681
  <div class="sub-title followers">
680
682
 
@@ -685,15 +687,15 @@
685
687
  <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"/>
686
688
  </g>
687
689
  </svg>
688
- <span>3</span>
690
+ <span>5</span>
689
691
  </span>
690
692
  &nbsp;
691
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
692
- <span>ES2049</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
694
+ <span>前端小智</span>
693
695
  </a>
694
696
  </div>
695
697
  <div class="details">
696
- 在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...
698
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
697
699
  </div>
698
700
  </div>
699
701
  </li>
@@ -702,7 +704,7 @@
702
704
  <div class="info">
703
705
  <div class="rank">
704
706
  <span title="Ranking 22">22</span>
705
- <a href="https://segmentfault.com/a/1190000040873944" target="_blank" title="面试不再慌，终于有人把TCP讲明白了。。。">面试不再慌，终于有人把TCP讲明白了。。。</a>
707
+ <a href="https://segmentfault.com/a/1190000040904889" target="_blank" title="纯 Git 实现前端 CI/CD">纯 Git 实现前端 CI/CD</a>
706
708
  </div>
707
709
  <div class="sub-title followers">
708
710
 
@@ -713,15 +715,15 @@
713
715
  <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"/>
714
716
  </g>
715
717
  </svg>
716
- <span>2</span>
718
+ <span>6</span>
717
719
  </span>
718
720
  &nbsp;
719
- <a target="_blank" href="https://segmentfault.com/u/23g69kz6" title="Programming Language">
720
- <span>Java大将军</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
722
+ <span>杨成功</span>
721
723
  </a>
722
724
  </div>
723
725
  <div class="details">
724
- TCP（Transmission Control Protocol，传输控制协议） 是计算机网络的的重要组成部分，也是网络编程的重要内容，还有我们平时接触最多的 HTTP 也是基于 TCP 实现的。TCP 可以说是最重要的传输层协议，既然如此，...
726
+ 最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...
725
727
  </div>
726
728
  </div>
727
729
  </li>
@@ -730,7 +732,7 @@
730
732
  <div class="info">
731
733
  <div class="rank">
732
734
  <span title="Ranking 23">23</span>
733
- <a href="https://segmentfault.com/a/1190000040869235" target="_blank" title="深入浅出Java内存模型">深入浅出Java内存模型</a>
735
+ <a href="https://segmentfault.com/a/1190000040889773" target="_blank" title="【一文秒懂】带你彻底搞懂范式与反范式数据库设计">【一文秒懂】带你彻底搞懂范式与反范式数据库设计</a>
734
736
  </div>
735
737
  <div class="sub-title followers">
736
738
 
@@ -741,15 +743,15 @@
741
743
  <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"/>
742
744
  </g>
743
745
  </svg>
744
- <span>5</span>
746
+ <span>6</span>
745
747
  </span>
746
748
  &nbsp;
747
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
748
- <span>Java3y</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
750
+ <span>CrazyCodes</span>
749
751
  </a>
750
752
  </div>
751
753
  <div class="details">
752
- 面试官：我记得你的最终答案是：Java为了屏蔽硬件和操作系统访问内存的各种差异，提出了「Java内存模型」的规范，保证了Java程序在各种平台下对内存的访问都能得到一致效果
754
+ 范式就是前辈通过不断的验证给到的为了建立冗余较小、结构合理的数据库，是设计数据库必须遵循的一定规则，在关系型数据库中这种规格叫做范式，本篇不仅说明范式设计，也会给到一些例子，带着各位一起分析给到的...
753
755
  </div>
754
756
  </div>
755
757
  </li>
@@ -758,7 +760,7 @@
758
760
  <div class="info">
759
761
  <div class="rank">
760
762
  <span title="Ranking 24">24</span>
761
- <a href="https://segmentfault.com/a/1190000040866790" target="_blank" title="基于位运算的权限设计">基于位运算的权限设计</a>
763
+ <a href="https://segmentfault.com/a/1190000040903585" target="_blank" title="程序员避坑指南36条">程序员避坑指南36条</a>
762
764
  </div>
763
765
  <div class="sub-title followers">
764
766
 
@@ -772,12 +774,12 @@
772
774
  <span>4</span>
773
775
  </span>
774
776
  &nbsp;
775
- <a target="_blank" href="https://segmentfault.com/u/n_makuangmo" title="Programming Language">
776
- <span>伍陆柒</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
778
+ <span>程序员cxuan</span>
777
779
  </a>
778
780
  </div>
779
781
  <div class="details">
780
- 基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左，由低到高操作符速记：&amp;按位与：对应位都是 1 则...
782
+ Hey guys 各位小伙伴们大家好！我是 cxuan，一个恰当的摸鱼时间，写下了 36 条建议分享给大家，这些建议很多是我亲身实践，也有一部分是我和同行聊天所得到的经验，希望大家能及时闭坑。
781
783
  </div>
782
784
  </div>
783
785
  </li>
@@ -786,7 +788,7 @@
786
788
  <div class="info">
787
789
  <div class="rank">
788
790
  <span title="Ranking 25">25</span>
789
- <a href="https://segmentfault.com/a/1190000040873601" target="_blank" title="分辨率越高清晰度越高吗？">分辨率越高清晰度越高吗？</a>
791
+ <a href="https://segmentfault.com/a/1190000040899147" target="_blank" title="刚刚！字节旗下软件崩了，包括抖音、头条、飞书...">刚刚！字节旗下软件崩了，包括抖音、头条、飞书...</a>
790
792
  </div>
791
793
  <div class="sub-title followers">
792
794
 
@@ -797,15 +799,15 @@
797
799
  <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"/>
798
800
  </g>
799
801
  </svg>
800
- <span>5</span>
802
+ <span>2</span>
801
803
  </span>
802
804
  &nbsp;
803
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
804
- <span>编程码农</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
806
+ <span>snakesss</span>
805
807
  </a>
806
808
  </div>
807
809
  <div class="details">
808
- 显示屏清晰度对于计算机上显示的文字和图片，正常来说显示器分辨率越高清晰度就会更高，不过有时我们切换一些超高分辨率后也识别不出差异，这是为什么？简单来说显示清晰度由物理因素和视力因素。物理因素就是设...
810
+ ​11月2日上午，多个用户表示打开抖音后无法发布视频，且搜索结果也为空，电脑端后台一片空白。推荐算法失效，服务器异常半小时左右，目前已恢复正常。
809
811
  </div>
810
812
  </div>
811
813
  </li>
@@ -814,7 +816,7 @@
814
816
  <div class="info">
815
817
  <div class="rank">
816
818
  <span title="Ranking 26">26</span>
817
- <a href="https://segmentfault.com/a/1190000040882505" target="_blank" title="议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕">议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕</a>
819
+ <a href="https://segmentfault.com/a/1190000040887536" target="_blank" title="Vue3源码分析——编译模块和编译器">Vue3源码分析——编译模块和编译器</a>
818
820
  </div>
819
821
  <div class="sub-title followers">
820
822
 
@@ -825,15 +827,15 @@
825
827
  <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"/>
826
828
  </g>
827
829
  </svg>
828
- <span>3</span>
830
+ <span>2</span>
829
831
  </span>
830
832
  &nbsp;
831
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
832
- <span>思否编辑部</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/lashoucuijs" title="Programming Language">
834
+ <span>戎马</span>
833
835
  </a>
834
836
  </div>
835
837
  <div class="details">
836
- 作为业界最具影响力的开源盛事，2021 中国开源年会（COSCon&#39;21）将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛，和线下聚会两部分。
838
+ Parse 阶段将模板字符串转换为语法抽象树 AST。Transform 阶段对 AST 做一些转换处理。Codegen 阶段根据 AST 生成相应的渲染函数字符串。
837
839
  </div>
838
840
  </div>
839
841
  </li>
@@ -842,7 +844,7 @@
842
844
  <div class="info">
843
845
  <div class="rank">
844
846
  <span title="Ranking 27">27</span>
845
- <a href="https://segmentfault.com/a/1190000040879529" target="_blank" title="TransX 一个小巧玲珑的 vue 组件切换动画库">TransX 一个小巧玲珑的 vue 组件切换动画库</a>
847
+ <a href="https://segmentfault.com/a/1190000040895978" target="_blank" title="JavaScript 垃圾回收机制">JavaScript 垃圾回收机制</a>
846
848
  </div>
847
849
  <div class="sub-title followers">
848
850
 
@@ -853,15 +855,15 @@
853
855
  <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"/>
854
856
  </g>
855
857
  </svg>
856
- <span>4</span>
858
+ <span>2</span>
857
859
  </span>
858
860
  &nbsp;
859
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
860
- <span>TNTWEB</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/yindong_5ff2c41222b8c" title="Programming Language">
862
+ <span>隐冬</span>
861
863
  </a>
862
864
  </div>
863
865
  <div class="details">
864
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
866
+ 这也就意味着，在软件开放行业必然存在着很多值得优化的地方，特别是在前端开发过程中，性能优化可以认为是无处不在的。例如请求资源时所用到的网络，以及数据的传输方式，再或者开发过程中所使用到的框架等都可...
865
867
  </div>
866
868
  </div>
867
869
  </li>
@@ -870,7 +872,7 @@
870
872
  <div class="info">
871
873
  <div class="rank">
872
874
  <span title="Ranking 28">28</span>
873
- <a href="https://segmentfault.com/a/1190000040877833" target="_blank" title="如何给普通图片加上水波纹【shader 奇技淫巧】">如何给普通图片加上水波纹【shader 奇技淫巧】</a>
875
+ <a href="https://segmentfault.com/a/1190000040889788" target="_blank" title="Hermes将成为React Native默认的JS引擎">Hermes将成为React Native默认的JS引擎</a>
874
876
  </div>
875
877
  <div class="sub-title followers">
876
878
 
@@ -884,12 +886,12 @@
884
886
  <span>2</span>
885
887
  </span>
886
888
  &nbsp;
887
- <a target="_blank" href="https://segmentfault.com/u/master_yoda" title="Programming Language">
888
- <span>这是上帝的杰作</span>
889
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
890
+ <span>xiangzhihong</span>
889
891
  </a>
890
892
  </div>
891
893
  <div class="details">
892
- 3D场景实现水波纹，我们往往会使用网格去模拟真实的水流动，无论是简单的三角函数或是gerstner wave。然后通过真实物理渲染（base physcal render）来实现其中的折射与反射。这些实现可以参考《GPU GEMS》第一版。
894
+ 自 2019 年首次发布以来，小巧轻便的 JavaScript 引擎 Hermes 在社区中的名气越来越高，很多的框架也开始支持Hermes。作为 React Native 领域高人气元框架的缔造者，Expo 团队此前公布了对 Hermes 的实验性支持。...
893
895
  </div>
894
896
  </div>
895
897
  </li>
@@ -898,7 +900,7 @@
898
900
  <div class="info">
899
901
  <div class="rank">
900
902
  <span title="Ranking 29">29</span>
901
- <a href="https://segmentfault.com/a/1190000040873895" target="_blank" title="prettier 把我代码弄的很丑">prettier 把我代码弄的很丑</a>
903
+ <a href="https://segmentfault.com/a/1190000040891739" target="_blank" title="高并发场景下JVM调优实践之路">高并发场景下JVM调优实践之路</a>
902
904
  </div>
903
905
  <div class="sub-title followers">
904
906
 
@@ -909,43 +911,15 @@
909
911
  <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"/>
910
912
  </g>
911
913
  </svg>
912
- <span>4</span>
913
- </span>
914
- &nbsp;
915
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
916
- <span>混子的日常</span>
917
- </a>
918
- </div>
919
- <div class="details">
920
- 开篇一个小故事：近日组内多人反馈 eslint fix 后的代码很丑。我说我看看，然而 2 个月过去了，我都没有搞定。。。（老透明，想刷存在感。）又暴露了我的无知：是 eslint 修的，还是 prettier 修的这是什么奇怪的...
921
- </div>
922
- </div>
923
- </li>
924
-
925
- <li>
926
- <div class="info">
927
- <div class="rank">
928
- <span title="Ranking 30">30</span>
929
- <a href="https://segmentfault.com/a/1190000040879096" target="_blank" title="前端必会的nginx（配置可视化）">前端必会的nginx（配置可视化）</a>
930
- </div>
931
- <div class="sub-title followers">
932
-
933
- <span title="Stargazers Count">
934
- <svg width="12" height="12" viewBox="0 0 16 16">
935
- <g fill="none" fill-rule="evenodd">
936
- <path d="M0 0h16v16H0z"/>
937
- <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"/>
938
- </g>
939
- </svg>
940
- <span>4</span>
914
+ <span>3</span>
941
915
  </span>
942
916
  &nbsp;
943
- <a target="_blank" href="https://segmentfault.com/u/yangkaiqiang" title="Programming Language">
944
- <span>Runningfyy</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
918
+ <span>vivo互联网技术</span>
945
919
  </a>
946
920
  </div>
947
921
  <div class="details">
948
- 1.介绍Nginx（发音同“engine X”）是异步框架的web服务器，也可以用作反向代理、负载平衡器和HTTP缓存。特点：和node类似，Nginx使用异步事件驱动的方法来处理请求，适合处理io密集型场景前端为什么要学：测试环境...
922
+ 一、背景2021年2月，收到反馈，视频APP某核心接口高峰期响应慢，影响用户体验。通过监控发现，接口响应慢主要是P99耗时高引起的，怀疑与该服务的GC有关，该服务典型的一个实例GC表现如下图：可以看出，在观察周期...
949
923
  </div>
950
924
  </div>
951
925
  </li>
@@ -966,7 +940,7 @@
966
940
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
967
941
  </a>
968
942
  </div>
969
- <div class="time">Last cache created on 2021/11/2 by Github API v3.</div>
943
+ <div class="time">Last cache created on 2021/11/6 by Github API v3.</div>
970
944
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
971
945
  </div>
972
946
  </body>