@wcj/github-rank 21.11.3 → 21.11.7

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