@wcj/github-rank 22.6.21 → 22.6.22

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 +18635 -18637
  2. package/dist/sifou-daily.json +30 -57
  3. package/dist/sifou-monthly.json +49 -49
  4. package/dist/sifou-weekly.json +116 -116
  5. package/dist/toutiao-30.json +57 -57
  6. package/dist/toutiao-7.json +105 -105
  7. package/dist/toutiao-90.json +16 -16
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +150 -150
  10. package/dist/trending-weekly.json +150 -150
  11. package/dist/users.china.json +1396 -1396
  12. package/dist/users.json +2109 -2110
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +18635 -18637
  16. package/web/data/sifou-daily.json +30 -57
  17. package/web/data/sifou-monthly.json +49 -49
  18. package/web/data/sifou-weekly.json +116 -116
  19. package/web/data/toutiao-30.json +57 -57
  20. package/web/data/toutiao-7.json +105 -105
  21. package/web/data/toutiao-90.json +16 -16
  22. package/web/data/trending-daily.json +175 -175
  23. package/web/data/trending-monthly.json +150 -150
  24. package/web/data/trending-weekly.json +150 -150
  25. package/web/data/users.china.json +1396 -1396
  26. package/web/data/users.json +2109 -2110
  27. package/web/index.html +1138 -1138
  28. package/web/repos.html +2574 -2574
  29. package/web/sifou-daily.html +27 -111
  30. package/web/sifou-monthly.html +95 -95
  31. package/web/sifou-weekly.html +139 -139
  32. package/web/toutiao-30.html +89 -89
  33. package/web/toutiao-7.html +83 -83
  34. package/web/toutiao-90.html +17 -17
  35. package/web/trending-monthly.html +131 -135
  36. package/web/trending-weekly.html +134 -130
  37. package/web/trending.html +150 -154
  38. package/web/users.china.html +743 -743
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/6/21 by
119
+ <div class="time">Last cache created on 2022/6/22 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/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
150
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</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>12</span>
161
+ <span>3</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
- <span>XboxYan</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
165
+ <span>SegmentFault思否</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
169
+ 哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...
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/1190000042007938" target="_blank" title="Go 内联优化能让程序快多少？">Go 内联优化能让程序快多少？</a>
178
+ <a href="https://segmentfault.com/a/1190000042011578" target="_blank" title="如何移除你项目中99%的JS代码">如何移除你项目中99%的JS代码</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>1</span>
189
+ <span>3</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
193
- <span>煎鱼</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
193
+ <span>卡颂</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。
197
+ 在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。
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/1190000042008391" target="_blank" title="开源工具 SAP UI5 Tools 介绍">开源工具 SAP UI5 Tools 介绍</a>
206
+ <a href="https://segmentfault.com/a/1190000042015119" target="_blank" title="带你精通防抖与节流">带你精通防抖与节流</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <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"/>
215
215
  </g>
216
216
  </svg>
217
- <span>1</span>
217
+ <span>2</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/jerrywangsap" title="Programming Language">
221
- <span>JerryWang_汪子熙</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/qinglong_62898aa51988d" title="Programming Language">
221
+ <span>清隆</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 大多数 UI5 工具模块提供了 JavaScript api，供其他 Node.js项目直接使用。这允许开发人员通过编程的方式，依赖于UI5工具来实现特定于UI5的构建功能和项目处理，同时创建属于自己的工具来完美匹配项目的需求。
225
+ 本文将介绍防抖与节流的概念、应用场景、代码实现，其中代码实现参考了 lodash 的源码，剔除了其中参数类型与运行环境的检测，使代码更简洁易懂，方便学习理解。
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,35 +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/1190000042007692" target="_blank" title="react入门练习2">react入门练习2</a>
235
- </div>
236
- <div class="sub-title followers">
237
-
238
- <span title="Stargazers Count">
239
- <svg width="12" height="12" viewBox="0 0 16 16">
240
- <g fill="none" fill-rule="evenodd">
241
- <path d="M0 0h16v16H0z"/>
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
- </g>
244
- </svg>
245
- <span>1</span>
246
- </span>
247
- &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/guanine_625792bcb3373" title="Programming Language">
249
- <span>Guanine</span>
250
- </a>
251
- </div>
252
- <div class="details">
253
- 主要内容：游戏难度分成三个等级，改变变量level的具体数值，传给gameA和gameB两个页面。重点：1.在src文件夹中创建一个新的文件夹models，使用useModel，创建一个全局变量level，所有页面均可以使用。2.按钮点击...
254
- </div>
255
- </div>
256
- </li>
257
-
258
- <li>
259
- <div class="info">
260
- <div class="rank">
261
- <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000042006317" target="_blank" title="Vue3 Teleport，这个是真的好用！">Vue3 Teleport，这个是真的好用！</a>
234
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
263
235
  </div>
264
236
  <div class="sub-title followers">
265
237
 
@@ -273,68 +245,12 @@
273
245
  <span>2</span>
274
246
  </span>
275
247
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
277
- <span>前端小智</span>
278
- </a>
279
- </div>
280
- <div class="details">
281
- 点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。
282
- </div>
283
- </div>
284
- </li>
285
-
286
- <li>
287
- <div class="info">
288
- <div class="rank">
289
- <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000042007970" target="_blank" title="Vue3如何通过ref获取真实DOM元素">Vue3如何通过ref获取真实DOM元素</a>
291
- </div>
292
- <div class="sub-title followers">
293
-
294
- <span title="Stargazers Count">
295
- <svg width="12" height="12" viewBox="0 0 16 16">
296
- <g fill="none" fill-rule="evenodd">
297
- <path d="M0 0h16v16H0z"/>
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
- </g>
300
- </svg>
301
- <span>1</span>
302
- </span>
303
- &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/jiaolvdekaixinguo" title="Programming Language">
305
- <span>韩xiao方MY</span>
306
- </a>
307
- </div>
308
- <div class="details">
309
- 在Vue2中我们可以在&lt;template&gt;中的元素标签使用ref属性（类似于原生HTML标签的id属性）在&lt;script&gt;标签通过this.$refs拿到真实DOM标签的元素。
310
- </div>
311
- </div>
312
- </li>
313
-
314
- <li>
315
- <div class="info">
316
- <div class="rank">
317
- <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000042009625" target="_blank" title="走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！">走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！</a>
319
- </div>
320
- <div class="sub-title followers">
321
-
322
- <span title="Stargazers Count">
323
- <svg width="12" height="12" viewBox="0 0 16 16">
324
- <g fill="none" fill-rule="evenodd">
325
- <path d="M0 0h16v16H0z"/>
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
- </g>
328
- </svg>
329
- <span>3</span>
330
- </span>
331
- &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
333
- <span>不会写代码的小白</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
334
250
  </a>
335
251
  </div>
336
252
  <div class="details">
337
- 想冲HarmonyOS周边的看过来！规则简单机会大！ 刚发现了一个新活动，重点是礼品多门槛低机会大！先看看奖品有没有你想要的： 足足有50份奖品！冲个四等奖还能白piao一个实用的T恤啊！！！而且这个是按点赞进行排...
253
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
338
254
  </div>
339
255
  </div>
340
256
  </li>
@@ -342,8 +258,8 @@
342
258
  <li>
343
259
  <div class="info">
344
260
  <div class="rank">
345
- <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000042007751" target="_blank" title="微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序">微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序</a>
261
+ <span title="Ranking 5">5</span>
262
+ <a href="https://segmentfault.com/a/1190000042014570" target="_blank" title="混合开发UIwebview遇到的坑">混合开发UIwebview遇到的坑</a>
347
263
  </div>
348
264
  <div class="sub-title followers">
349
265
 
@@ -354,15 +270,15 @@
354
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"/>
355
271
  </g>
356
272
  </svg>
357
- <span>1</span>
273
+ <span>0</span>
358
274
  </span>
359
275
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
361
- <span>MissD</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/zekihoo" title="Programming Language">
277
+ <span>ZekiHoo</span>
362
278
  </a>
363
279
  </div>
364
280
  <div class="details">
365
- 近日，微软更新了其针对 Microsoft Store（微软应用商店）的策略 7.16 版。该版本策略的一个关键亮点就是 —— 打击了那些重新包装免费开源软件并为其贴上价格标签的非官方开发人员。
281
+ 混合开发时，UIwebview不支持H5视图中overflow属性为scroll的盒子超出视图宽度（图片渲染的情况）现象：滚动区域会变空白解决：1、雪碧图，利用图片定位方式更新图片2、利用better scroll或者iscroll模拟overflow...
366
282
  </div>
367
283
  </div>
368
284
  </li>
@@ -383,7 +299,7 @@
383
299
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
384
300
  </a>
385
301
  </div>
386
- <div class="time">Last cache created on 2022/6/21 by Github API v3.</div>
302
+ <div class="time">Last cache created on 2022/6/22 by Github API v3.</div>
387
303
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
388
304
  </div>
389
305
  </body>
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/6/21 by
119
+ <div class="time">Last cache created on 2022/6/22 by
120
120
 
121
121
 
122
122
 
@@ -231,34 +231,6 @@
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/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
235
- </div>
236
- <div class="sub-title followers">
237
-
238
- <span title="Stargazers Count">
239
- <svg width="12" height="12" viewBox="0 0 16 16">
240
- <g fill="none" fill-rule="evenodd">
241
- <path d="M0 0h16v16H0z"/>
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
- </g>
244
- </svg>
245
- <span>28</span>
246
- </span>
247
- &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
249
- <span>街角小林</span>
250
- </a>
251
- </div>
252
- <div class="details">
253
- 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
254
- </div>
255
- </div>
256
- </li>
257
-
258
- <li>
259
- <div class="info">
260
- <div class="rank">
261
- <span title="Ranking 5">5</span>
262
234
  <a href="https://segmentfault.com/a/1190000041925107" target="_blank" title="归零进一 | SegmentFault 思否社区 10 周年社区福利来了！">归零进一 | SegmentFault 思否社区 10 周年社区福利来了！</a>
263
235
  </div>
264
236
  <div class="sub-title followers">
@@ -286,7 +258,7 @@
286
258
  <li>
287
259
  <div class="info">
288
260
  <div class="rank">
289
- <span title="Ranking 6">6</span>
261
+ <span title="Ranking 5">5</span>
290
262
  <a href="https://segmentfault.com/a/1190000041974425" target="_blank" title="巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）">巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）</a>
291
263
  </div>
292
264
  <div class="sub-title followers">
@@ -314,35 +286,7 @@
314
286
  <li>
315
287
  <div class="info">
316
288
  <div class="rank">
317
- <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
319
- </div>
320
- <div class="sub-title followers">
321
-
322
- <span title="Stargazers Count">
323
- <svg width="12" height="12" viewBox="0 0 16 16">
324
- <g fill="none" fill-rule="evenodd">
325
- <path d="M0 0h16v16H0z"/>
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
- </g>
328
- </svg>
329
- <span>25</span>
330
- </span>
331
- &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
333
- <span>杨成功</span>
334
- </a>
335
- </div>
336
- <div class="details">
337
- 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
338
- </div>
339
- </div>
340
- </li>
341
-
342
- <li>
343
- <div class="info">
344
- <div class="rank">
345
- <span title="Ranking 8">8</span>
289
+ <span title="Ranking 6">6</span>
346
290
  <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
347
291
  </div>
348
292
  <div class="sub-title followers">
@@ -370,7 +314,7 @@
370
314
  <li>
371
315
  <div class="info">
372
316
  <div class="rank">
373
- <span title="Ranking 9">9</span>
317
+ <span title="Ranking 7">7</span>
374
318
  <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
375
319
  </div>
376
320
  <div class="sub-title followers">
@@ -398,7 +342,7 @@
398
342
  <li>
399
343
  <div class="info">
400
344
  <div class="rank">
401
- <span title="Ranking 10">10</span>
345
+ <span title="Ranking 8">8</span>
402
346
  <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
403
347
  </div>
404
348
  <div class="sub-title followers">
@@ -426,7 +370,7 @@
426
370
  <li>
427
371
  <div class="info">
428
372
  <div class="rank">
429
- <span title="Ranking 11">11</span>
373
+ <span title="Ranking 9">9</span>
430
374
  <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
431
375
  </div>
432
376
  <div class="sub-title followers">
@@ -454,7 +398,7 @@
454
398
  <li>
455
399
  <div class="info">
456
400
  <div class="rank">
457
- <span title="Ranking 12">12</span>
401
+ <span title="Ranking 10">10</span>
458
402
  <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
459
403
  </div>
460
404
  <div class="sub-title followers">
@@ -482,7 +426,7 @@
482
426
  <li>
483
427
  <div class="info">
484
428
  <div class="rank">
485
- <span title="Ranking 13">13</span>
429
+ <span title="Ranking 11">11</span>
486
430
  <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
487
431
  </div>
488
432
  <div class="sub-title followers">
@@ -510,7 +454,35 @@
510
454
  <li>
511
455
  <div class="info">
512
456
  <div class="rank">
513
- <span title="Ranking 14">14</span>
457
+ <span title="Ranking 12">12</span>
458
+ <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
459
+ </div>
460
+ <div class="sub-title followers">
461
+
462
+ <span title="Stargazers Count">
463
+ <svg width="12" height="12" viewBox="0 0 16 16">
464
+ <g fill="none" fill-rule="evenodd">
465
+ <path d="M0 0h16v16H0z"/>
466
+ <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"/>
467
+ </g>
468
+ </svg>
469
+ <span>17</span>
470
+ </span>
471
+ &nbsp;
472
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
473
+ <span>XboxYan</span>
474
+ </a>
475
+ </div>
476
+ <div class="details">
477
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
478
+ </div>
479
+ </div>
480
+ </li>
481
+
482
+ <li>
483
+ <div class="info">
484
+ <div class="rank">
485
+ <span title="Ranking 13">13</span>
514
486
  <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
515
487
  </div>
516
488
  <div class="sub-title followers">
@@ -538,7 +510,7 @@
538
510
  <li>
539
511
  <div class="info">
540
512
  <div class="rank">
541
- <span title="Ranking 15">15</span>
513
+ <span title="Ranking 14">14</span>
542
514
  <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
543
515
  </div>
544
516
  <div class="sub-title followers">
@@ -566,7 +538,7 @@
566
538
  <li>
567
539
  <div class="info">
568
540
  <div class="rank">
569
- <span title="Ranking 16">16</span>
541
+ <span title="Ranking 15">15</span>
570
542
  <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -594,7 +566,7 @@
594
566
  <li>
595
567
  <div class="info">
596
568
  <div class="rank">
597
- <span title="Ranking 17">17</span>
569
+ <span title="Ranking 16">16</span>
598
570
  <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
@@ -622,7 +594,7 @@
622
594
  <li>
623
595
  <div class="info">
624
596
  <div class="rank">
625
- <span title="Ranking 18">18</span>
597
+ <span title="Ranking 17">17</span>
626
598
  <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
627
599
  </div>
628
600
  <div class="sub-title followers">
@@ -647,11 +619,39 @@
647
619
  </div>
648
620
  </li>
649
621
 
622
+ <li>
623
+ <div class="info">
624
+ <div class="rank">
625
+ <span title="Ranking 18">18</span>
626
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
627
+ </div>
628
+ <div class="sub-title followers">
629
+
630
+ <span title="Stargazers Count">
631
+ <svg width="12" height="12" viewBox="0 0 16 16">
632
+ <g fill="none" fill-rule="evenodd">
633
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
636
+ </svg>
637
+ <span>11</span>
638
+ </span>
639
+ &nbsp;
640
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
641
+ <span>why技术</span>
642
+ </a>
643
+ </div>
644
+ <div class="details">
645
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
646
+ </div>
647
+ </div>
648
+ </li>
649
+
650
650
  <li>
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/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
654
+ <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</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>8</span>
665
+ <span>16</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
669
- <span>极客飞兔</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
669
+ <span>码哥字节</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
673
+ Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
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/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
682
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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"/>
691
691
  </g>
692
692
  </svg>
693
- <span>9</span>
693
+ <span>8</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
697
- <span>韩天峰</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
697
+ <span>极客飞兔</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
701
+ 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
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/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
710
+ <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</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>10</span>
721
+ <span>9</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
725
- <span>why技术</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
725
+ <span>韩天峰</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
729
+ 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
730
730
  </div>
731
731
  </div>
732
732
  </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/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
822
+ <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</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>12</span>
833
+ <span>10</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
837
- <span>码哥字节</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
837
+ <span>dragonir</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
841
+ 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
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/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</a>
850
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</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>10</span>
861
+ <span>9</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
865
- <span>dragonir</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
+ <span>前端小智</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
869
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
870
870
  </div>
871
871
  </div>
872
872
  </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/6/21 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/22 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>