@wcj/github-rank 22.5.10 → 22.5.13

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 +38190 -38147
  2. package/dist/sifou-daily.json +35 -125
  3. package/dist/sifou-monthly.json +134 -134
  4. package/dist/sifou-weekly.json +170 -170
  5. package/dist/toutiao-30.json +84 -84
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +38 -38
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +157 -157
  10. package/dist/trending-weekly.json +170 -170
  11. package/dist/users.china.json +2955 -2956
  12. package/dist/users.json +3578 -3580
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +38190 -38147
  16. package/web/data/sifou-daily.json +35 -125
  17. package/web/data/sifou-monthly.json +134 -134
  18. package/web/data/sifou-weekly.json +170 -170
  19. package/web/data/toutiao-30.json +84 -84
  20. package/web/data/toutiao-7.json +116 -116
  21. package/web/data/toutiao-90.json +38 -38
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +157 -157
  24. package/web/data/trending-weekly.json +170 -170
  25. package/web/data/users.china.json +2955 -2956
  26. package/web/data/users.json +3578 -3580
  27. package/web/index.html +1837 -1837
  28. package/web/repos.html +5629 -5637
  29. package/web/sifou-daily.html +31 -311
  30. package/web/sifou-monthly.html +138 -138
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +79 -79
  33. package/web/toutiao-7.html +79 -79
  34. package/web/toutiao-90.html +38 -38
  35. package/web/trending-monthly.html +136 -140
  36. package/web/trending-weekly.html +148 -148
  37. package/web/trending.html +146 -146
  38. package/web/users.china.html +1527 -1527
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/5/10 by
119
+ <div class="time">Last cache created on 2022/5/13 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041790775" target="_blank" title="SegmentFault 思否加入 ONES">SegmentFault 思否加入 ONES</a>
150
+ <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
158
158
  <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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>38</span>
161
+ <span>23</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
165
- <span>SegmentFault思否</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
165
+ <span>零一</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。
169
+ 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041790801" target="_blank" title="10">10</a>
178
+ <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
186
186
  <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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>47</span>
189
+ <span>24</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
193
- <span>joyqi</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
193
+ <span>铂赛东</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...
197
+ 但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</a>
206
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了！">4.9W 播放量的 TS 动画版进阶教程合集来了！</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,12 @@
217
217
  <span>15</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
221
- <span>零一</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
221
+ <span>阿宝哥</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
225
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
234
+ <a href="https://segmentfault.com/a/1190000041826742" target="_blank" title="现代 CSS 解决方案：CSS 数学函数">现代 CSS 解决方案：CSS 数学函数</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>9</span>
245
+ <span>15</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
249
- <span>民工哥</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
253
+ 在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS！从表盘刻度到艺术剪纸">离谱的 CSS！从表盘刻度到艺术剪纸</a>
262
+ <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>13</span>
273
+ <span>10</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
277
- <span>chokcoco</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
277
+ <span>卡颂</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...
281
+ 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
290
+ <a href="https://segmentfault.com/a/1190000041815758" target="_blank" title="CSS 实现树状结构目录">CSS 实现树状结构目录</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>15</span>
301
+ <span>6</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
305
- <span>铂赛东</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
305
+ <span>XboxYan</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。
309
+ 如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
318
+ <a href="https://segmentfault.com/a/1190000041819433" target="_blank" title="python又搞事情 想一统天下？">python又搞事情 想一统天下？</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>7</span>
329
+ <span>6</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
333
- <span>卡颂</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/wodexiaoxiongbujianliao" title="Programming Language">
333
+ <span>我的小熊不见了</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
337
+ python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041790876" target="_blank" title="4月份，我月更了 25 篇文章，撸了 4w 多个字">4月份，我月更了 25 篇文章，撸了 4w 多个字</a>
346
+ <a href="https://segmentfault.com/a/1190000041830559" target="_blank" title="SegmentFault 思否技术周刊 -- 不走寻常路的 CSS">SegmentFault 思否技术周刊 -- 不走寻常路的 CSS</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>2</span>
357
+ <span>8</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
361
- <span>杨成功</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
361
+ <span>Beverly</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 本来我的计划是五一假期回家的，结果北京疫情愈发严重，出京都困难，小区里每天大喇叭喊着下楼做核酸。最尴尬的是从今天开始，北京餐饮店全部停止堂食，我只能宅在家里默默的拿出囤了好久的白象方便面...
365
+ CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041794118" target="_blank" title="互联网后端技术大全！建议收藏">互联网后端技术大全！建议收藏</a>
374
+ <a href="https://segmentfault.com/a/1190000041747864" target="_blank" title="28个Javascript数组方法，开发者的小抄">28个Javascript数组方法，开发者的小抄</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>6</span>
385
+ <span>4</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
389
- <span>民工哥</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
389
+ <span>前端小智</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...
393
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041790709" target="_blank" title="代码写得好，Reduce 方法少不了">代码写得好，Reduce 方法少不了</a>
402
+ <a href="https://segmentfault.com/a/1190000041804137" target="_blank" title="实现聚焦效果">实现聚焦效果</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>2</span>
413
+ <span>7</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
417
- <span>前端小智</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
417
+ <span>linong</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
421
+ 这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041789825" target="_blank" title="PHP 实现平滑关闭/重启">PHP 实现平滑关闭/重启</a>
430
+ <a href="https://segmentfault.com/a/1190000041818633" target="_blank" title="初级程序员的SQL拾遗-②（表操作）">初级程序员的SQL拾遗-②（表操作）</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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"/>
439
439
  </g>
440
440
  </svg>
441
- <span>3</span>
441
+ <span>5</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/yian" title="Programming Language">
445
- <span>Yian</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
445
+ <span>LYX6666</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 写过 CLI 常驻进程的老司机肯定遇到过这么一个问题：在需要更新程序的时候，我要怎样才能安全关闭老进程？你可能会想到 NGINX、php-fpm 之类的平滑重启是给进程发送 USR2 信号，然后它就会将当前请求处理完再退出。
449
+ 前言虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM映射实现的，自己并没有从底层接触SQL。本文继 初级程序员的SQL拾遗-①（增删改查） 主要内容包括：建库、建表、字段、约束、查询等实际开发过...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041747864" target="_blank" title="28个Javascript数组方法，开发者的小抄">28个Javascript数组方法，开发者的小抄</a>
458
+ <a href="https://segmentfault.com/a/1190000041826495" target="_blank" title="弃用！Github 上用了 Git.io 缩址服务的都注意了">弃用！Github 上用了 Git.io 缩址服务的都注意了</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>4</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
473
- <span>前端小智</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
473
+ <span>云叔_又拍云</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
477
+ GitHub 是面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。对程序员来说，GitHub 可以说是开源精神之所系。在 GitHub 任何职业程序员和编程爱好者都可以分享源代...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041787331" target="_blank" title="如何写出高性能代码之优化内存回收(GC)">如何写出高性能代码之优化内存回收(GC)</a>
486
+ <a href="https://segmentfault.com/a/1190000041818549" target="_blank" title="改@用户功能为动态">改@用户功能为动态</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>4</span>
497
+ <span>5</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
501
- <span>xindoo</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
501
+ <span>小强Zzz</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...
505
+ 查到可以添加几个事件，上述代码为限制input输入内容为数字。onkeyup事件每当输入就会执行，我们设置一个方法，替换非数字为空。里面检测非数字用到了正则表达式。
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041784096" target="_blank" title="PHP 实现守护进程">PHP 实现守护进程</a>
514
+ <a href="https://segmentfault.com/a/1190000041818528" target="_blank" title="ActivatedRoute 和 Router，以及记录后台遇到的问题">ActivatedRoute 和 Router，以及记录后台遇到的问题</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>3</span>
525
+ <span>5</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/yian" title="Programming Language">
529
- <span>Yian</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
529
+ <span>weiewiyi</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 写 PHP CLI 程序的老司机们可能经常会写一些常驻进程，比如消息队列消费者进程，这些进程会一直运行，除非要发版，不然一般不会重启的，所以程序程序是不可能由我们通过 ssh 登录到服务器上通过终端来直接启动的...
533
+ ActivatedRoute 和 Router的区别前台angular使用这两个来进行路由的操作，但是好像一直不大清楚区别。这里简单记录一下。区别 {代码...} ActivatedRoute是当前组件的路由对象，包含了当前的路由信息。router是全...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041793973" target="_blank" title="必备的 6 大计算机网络基础知识点！会 3 个以上就很牛逼了">必备的 6 大计算机网络基础知识点！会 3 个以上就很牛逼了</a>
542
+ <a href="https://segmentfault.com/a/1190000041824928" target="_blank" title="名单公布！24支腾讯Light战队，腾讯Light·公益创新挑战赛总决赛见！">名单公布！24支腾讯Light战队，腾讯Light·公益创新挑战赛总决赛见！</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>2</span>
553
+ <span>1</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
557
- <span>民工哥</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
557
+ <span>六一</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 计算机网络概述计算机网络的分类按照网络的作用范围：广域网（WAN）、城域网（MAN）、局域网（LAN）；按照网络使用者：公用网络、专用网络。计算机网络的层次结构TCP/IP四层模型与OSI体系结构对比：层次结构设计...
561
+ 去年12月23日，在中华全国妇女联合会宣传部指导下，第二届腾讯Light·公益创新挑战赛于厦门正式启动。第二届挑战赛中，腾讯联合中国儿童中心设置「生物多样性保护/教育」、「未成年人安全保护/教育」和「素养教育...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041788930" target="_blank" title="Vue.js 3.x 中跨层级组件如何传递数据？">Vue.js 3.x 中跨层级组件如何传递数据？</a>
570
+ <a href="https://segmentfault.com/a/1190000041815526" target="_blank" title="Vue注册的全局组件配置对象保存的位置">Vue注册的全局组件配置对象保存的位置</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>2</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
585
- <span>Asheng</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
585
+ <span>而井</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 如上图所示，中间组件 &lt;Footer&gt; 可能根本不需要这部分 props，但为了 &lt;DeepChiild&gt; 能访问这些 props，&lt;Footer&gt; 还是需要定义这些 props，并将其传递下去。
589
+ 有时候你想给Vue一些组件库新增一些补丁功能或者修改功能，这些库如果像ElementUI一样有暴露到全局的api，还容易运行时篡改，如果没有暴露到全局上但有注册成全局组件，但是你又不想去库的源代码，怎么办呢？其实...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041789752" target="_blank" title="海外电商支付网关避坑指南">海外电商支付网关避坑指南</a>
598
+ <a href="https://segmentfault.com/a/1190000041827978" target="_blank" title="“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”">“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <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"/>
607
607
  </g>
608
608
  </svg>
609
- <span>3</span>
609
+ <span>1</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
613
- <span>CrazyCodes</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
613
+ <span>葡萄城技术团队</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 上一篇我大致描述了支付系统开发的基本流程，但相比之下，国内的流程虽然大同小异，但必要步骤还是完整的，技术水平比较高，但相比之下，对接海外的三方支付就没有我们想象的那么通畅了。
617
+ 银行的盈利模式是什么?三个字：信息差!从储户手中收拢资金，然后放贷出去，而所谓的“利润”就是这其中的利息差额。在我国，人民银行规定每个季度月末的20号为银行结息日，每一年四次结息，因此每年需要非常频繁的...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041771534" target="_blank" title="Redis 内存优化在 vivo 的探索与实践">Redis 内存优化在 vivo 的探索与实践</a>
626
+ <a href="https://segmentfault.com/a/1190000041814734" target="_blank" title="【校招/社招】面试字节，写了一份硬核简历！">【校招/社招】面试字节，写了一份硬核简历！</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <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"/>
635
635
  </g>
636
636
  </svg>
637
- <span>2</span>
637
+ <span>6</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
641
- <span>vivo互联网技术</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
641
+ <span>小傅哥</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 使用过 Redis 的同学应该都知道，它基于键值对(key-value)的内存数据库，所有数据存放在内存中，内存在 Redis 中扮演一个核心角色，所有的操作都是围绕它进行。
645
+ 傅哥我要实习了、傅哥我要校招了、傅哥我要跳槽了，但我现在还没有啥拿的出手的项目，也不会包装简历，东拼西凑的内容在招聘网站，投了几次都石沉大海没有啥下文了！！！其实就算让我去面试，自己都感觉有虚，怎...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041797847" target="_blank" title="怎么写开源项目的README">怎么写开源项目的README</a>
654
+ <a href="https://segmentfault.com/a/1190000041804404" target="_blank" title="实战 target 选择器，解放生产力！">实战 target 选择器，解放生产力！</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <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"/>
663
663
  </g>
664
664
  </svg>
665
- <span>4</span>
665
+ <span>8</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
669
- <span>前端小智</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/banxia_frontend" title="Programming Language">
669
+ <span>搞前端的半夏</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
673
+ 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041800866" target="_blank" title="【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？">【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？</a>
682
+ <a href="https://segmentfault.com/a/1190000041816069" target="_blank" title="为什么 Go 用起来会难受？这 6 个细节你知道吗">为什么 Go 用起来会难受？这 6 个细节你知道吗</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>2</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
697
- <span>跟着Mic学架构</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
697
+ <span>煎鱼</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 一个工作七年的小伙伴，竟然不知道”wait”和“notify”为什么要在Synchronized代码块里面。好吧，如果屏幕前的你也不知道，请在评论区打上”不知道“。对于这个问题，我们来看看普通人和高手的回答。
701
+ 大家好，我是煎鱼。在做新的应用选型时，我们会进行应用编程语言的选择，这时会纠结 Java、PHP、Go...各种，会思考有没有致命的问题，不能用？可以明确的是，Go 没有非常致命的问题，否则你我他都不会在这里相遇...
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041791987" target="_blank" title="Chrome插件：云音乐听歌识曲">Chrome插件：云音乐听歌识曲</a>
710
+ <a href="https://segmentfault.com/a/1190000041813931" target="_blank" title="谷歌插件: 页面展示i18n的原始key, 营救pm于水火">谷歌插件: 页面展示i18n的原始key, 营救pm于水火</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <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"/>
719
719
  </g>
720
720
  </svg>
721
- <span>2</span>
721
+ <span>3</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
725
- <span>云音乐技术团队</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
725
+ <span>lulu_up</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 当你用网页在视频网站刷视频的时候，有没有碰到过一个 BGM 激起你内心的波澜，而你却不知道它的名字。此时只能打开手机进行听歌识曲，而通过一个浏览器的插件却更容易解决这个问题。不需要繁琐的掏出手机，也不会...
729
+ 背景、     国际化项目会用到一大堆的i18n_key来处理文案, 直接看下面的例子吧:但是实际上我们的代码里可能是这样的: {代码...}      我希望做一款谷歌插件, 它可以让网...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041804404" target="_blank" title="实战 target 选择器，解放生产力！">实战 target 选择器，解放生产力！</a>
738
+ <a href="https://segmentfault.com/a/1190000041820078" target="_blank" title="使用内联CSS 变量，提高灵巧布局效率！">使用内联CSS 变量，提高灵巧布局效率！</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>2</span>
749
+ <span>4</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/banxia_frontend" title="Programming Language">
753
- <span>搞前端的半夏</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
+ <span>前端小智</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...
757
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041792024" target="_blank" title="使用Vite构建工具快速创建Vue项目">使用Vite构建工具快速创建Vue项目</a>
766
+ <a href="https://segmentfault.com/a/1190000041800866" target="_blank" title="【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？">【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>1</span>
777
+ <span>2</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
781
- <span>TANKING</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
781
+ <span>跟着Mic学架构</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 和Webpack相比，Vite具有以下特点1、快速的冷启动，不需要等待打包2、即时的热模块更新，真正的按需编译，不用等待整个项目编译完成Vite构建Vue项目前提：安装Node.js和Vite第一步通过npm创建Vite项目 {代码...} ...
785
+ 一个工作七年的小伙伴，竟然不知道”wait”和“notify”为什么要在Synchronized代码块里面。好吧，如果屏幕前的你也不知道，请在评论区打上”不知道“。对于这个问题，我们来看看普通人和高手的回答。
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041790891" target="_blank" title="ONES 收购 SegmentFault 思否，共建高质量开发者社区">ONES 收购 SegmentFault 思否，共建高质量开发者社区</a>
794
+ <a href="https://segmentfault.com/a/1190000041815869" target="_blank" title="总结一下本周遇到的问题">总结一下本周遇到的问题</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
802
  <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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>2</span>
805
+ <span>4</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
809
- <span>万事ONES</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
809
+ <span>李明</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 成立于2012年的思否，是领先的中文技术问答社区，累计注册开发者用户近700万；同时，思否也是中国最大的黑客马拉松（Hackathon）组织者。
813
+ 在写区域工作人员端任务管理时需要获取登陆人员所管理的居民，这时就出现了一个问题——后台要怎么实现这些功能呢?我们可以发现前台并没有把当前登录用户传给后台，所以理论上应该是直接从后台获取当前登录用户。之...
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041815758" target="_blank" title="CSS 实现树状结构目录">CSS 实现树状结构目录</a>
822
+ <a href="https://segmentfault.com/a/1190000041819357" target="_blank" title="跳动的“loading”，个个都很惊艳！">跳动的“loading”，个个都很惊艳！</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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"/>
831
831
  </g>
832
832
  </svg>
833
- <span>3</span>
833
+ <span>1</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
837
- <span>XboxYan</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/banxia_frontend" title="Programming Language">
837
+ <span>搞前端的半夏</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~
841
+ 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041791068" target="_blank" title="《Mybatis 手撸专栏》第7章：SQL执行器的定义和实现">《Mybatis 手撸专栏》第7章：SQL执行器的定义和实现</a>
850
+ <a href="https://segmentfault.com/a/1190000041802911" target="_blank" title="得物客服一站式工作台卡顿优化之路">得物客服一站式工作台卡顿优化之路</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <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"/>
859
859
  </g>
860
860
  </svg>
861
- <span>3</span>
861
+ <span>1</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
865
- <span>小傅哥</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
865
+ <span>得物技术</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 因为手里的业务工程代码太拉胯了！通常作为业务研发，所开发出来的代码，大部分都是一连串的流程化处理，缺少功能逻辑的解耦，有着迭代频繁但可迭代性差的特点。所以这样的代码通常只能学习业务逻辑，却很难吸收...
869
+ 客服一站式工作台包含了在线、电话、工单和工具类四大功能模块。其中很多通用的模块，比如工单详情、订单详情都是通过iframe的形式嵌套的，在系统加载过程中会比较耗时，再加上在线消息通信模块强依赖tinode第三...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041806754" target="_blank" title="Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者">Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者</a>
878
+ <a href="https://segmentfault.com/a/1190000041815888" target="_blank" title="分享一个我看源码时的小技巧。">分享一个我看源码时的小技巧。</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <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"/>
887
887
  </g>
888
888
  </svg>
889
- <span>3</span>
889
+ <span>2</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
893
- <span>MissD</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
893
+ <span>why技术</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 近日，Node.js 创始人 Ryan Dahl 在社区以“JavaScript Containers”为题发文谈论了自己对 Javascript 容器的看法 —— Javascript 是通用脚本语言的“未来”，而 Javascript 容器则是简化服务器抽象的“先驱”践行者。
897
+ 你好呀，我是歪歪。我在之前的文章里面不是经常叫大家拉源码，然后看代码提交记录吗。也就是看类似于这个界面：比如上面这个界面中，就可以看到 RedissonBaseLock.java 这个文件，由谁在什么时候进行过变更，以及...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041794087" target="_blank" title="备份恢复学的这么差，试用期你都过不了">备份恢复学的这么差，试用期你都过不了</a>
906
+ <a href="https://segmentfault.com/a/1190000041824717" target="_blank" title="Redis 为何使用近似 LRU 算法淘汰数据，而不是真实 LRU？">Redis 为何使用近似 LRU 算法淘汰数据，而不是真实 LRU？</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>2</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
921
- <span>民工哥</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
921
+ <span>码哥字节</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 大家好，我是民工哥。前几天，有个读者找我吐槽，他刚入职一家公司，有一次老大和他说了一句话：就一个数据库的备份、恢复你都学的这么差，怕是连试用期也过不了！确实，数据是企业的重要之中，这项技能是必须掌...
925
+ 在《Redis 数据缓存满了怎么办？》我们知道 Redis 缓存满了之后能通过淘汰策略删除数据腾出空间给新数据。淘汰策略如下所示：设置过期时间的 keyvolatile-ttl、volatile-random、volatile-lru、volatile-lfu 这四...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041790102" target="_blank" title="26种source-map看花了眼？别急，理解这几个全弄懂">26种source-map看花了眼？别急，理解这几个全弄懂</a>
934
+ <a href="https://segmentfault.com/a/1190000041806754" target="_blank" title="Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者">Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>1</span>
945
+ <span>3</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/icecreamlj" title="Programming Language">
949
- <span>一颗冰淇淋</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
949
+ <span>MissD</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 我们在 format.js 文件中打印一个不存在的 hello 变量， 当没有 source map 的时候，没有办法看到报错内容在源码的哪个位置。
953
+ 近日，Node.js 创始人 Ryan Dahl 在社区以“JavaScript Containers”为题发文谈论了自己对 Javascript 容器的看法 —— Javascript 是通用脚本语言的“未来”，而 Javascript 容器则是简化服务器抽象的“先驱”践行者。
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041795672" target="_blank" title="【面试普通人VS高手系列】说说缓存雪崩和缓存穿透的理解，以及如何避免？">【面试普通人VS高手系列】说说缓存雪崩和缓存穿透的理解，以及如何避免？</a>
962
+ <a href="https://segmentfault.com/a/1190000041827003" target="_blank" title="我造了个前端 Mock 工具">我造了个前端 Mock 工具</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>1</span>
973
+ <span>5</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
977
- <span>跟着Mic学架构</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
977
+ <span>亖混子</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 听说10个人去互联网公司面试，有9个人会被问到缓存雪崩和缓存穿透的问题。听说，这9个人里面，至少有8个人回答得不完整。而这8个人里面，全都是在网上找的各种面试资料去应付的，并没有真正理解。当然，也很正常...
981
+ 闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了？后端： 接口完成，就差前端联调了前端：你。。。我。。。（哔~~）第二天 前端加班加点联调好...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/5/10 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/13 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>