@wcj/github-rank 22.10.11 → 22.10.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 (37) hide show
  1. package/dist/repos.json +27141 -27133
  2. package/dist/sifou-daily.json +62 -35
  3. package/dist/sifou-monthly.json +109 -109
  4. package/dist/sifou-weekly.json +146 -146
  5. package/dist/toutiao-30.json +69 -69
  6. package/dist/toutiao-7.json +100 -100
  7. package/dist/toutiao-90.json +35 -35
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +162 -162
  10. package/dist/trending-weekly.json +159 -159
  11. package/dist/users.china.json +2096 -2097
  12. package/dist/users.json +3179 -3179
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27141 -27133
  15. package/web/data/sifou-daily.json +62 -35
  16. package/web/data/sifou-monthly.json +109 -109
  17. package/web/data/sifou-weekly.json +146 -146
  18. package/web/data/toutiao-30.json +69 -69
  19. package/web/data/toutiao-7.json +100 -100
  20. package/web/data/toutiao-90.json +35 -35
  21. package/web/data/trending-daily.json +169 -169
  22. package/web/data/trending-monthly.json +162 -162
  23. package/web/data/trending-weekly.json +159 -159
  24. package/web/data/users.china.json +2096 -2097
  25. package/web/data/users.json +3179 -3179
  26. package/web/index.html +1673 -1673
  27. package/web/repos.html +3249 -3249
  28. package/web/sifou-daily.html +115 -31
  29. package/web/sifou-monthly.html +114 -114
  30. package/web/sifou-weekly.html +137 -137
  31. package/web/toutiao-30.html +75 -75
  32. package/web/toutiao-7.html +85 -85
  33. package/web/toutiao-90.html +50 -50
  34. package/web/trending-monthly.html +144 -144
  35. package/web/trending-weekly.html +145 -133
  36. package/web/trending.html +144 -148
  37. package/web/users.china.html +1085 -1085
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/10/11 by
119
+ <div class="time">Last cache created on 2022/10/13 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>9</span>
159
+ <span>13</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</a>
176
+ <a href="https://segmentfault.com/a/1190000042589774" target="_blank" title="超强的纯 CSS 鼠标点击拖拽效果">超强的纯 CSS 鼠标点击拖拽效果</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>6</span>
187
+ <span>10</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
191
- <span>小傅哥</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
195
+ 背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</a>
204
+ <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>2</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
219
- <span>思否编辑部</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
219
+ <span>小傅哥</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...
223
+ 为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
232
+ <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>3</span>
243
+ <span>2</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
247
- <span>前端小智</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
247
+ <span>思否编辑部</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
251
+ 受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</a>
260
+ <a href="https://segmentfault.com/a/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>4</span>
271
+ <span>3</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
275
- <span>雄狮虎豹</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
275
+ <span>思否编辑部</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
279
+ 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</a>
288
+ <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>1</span>
299
+ <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
303
- <span>思否编辑部</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
+ <span>前端小智</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
307
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
316
+ <a href="https://segmentfault.com/a/1190000042575730" target="_blank" title="实现《羊了个羊-美女版》小游戏（低配版）">实现《羊了个羊-美女版》小游戏（低配版）</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>3</span>
327
+ <span>5</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
331
- <span>小强Zzz</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
331
+ <span>夕水</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
335
+ 前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</a>
344
+ <a href="https://segmentfault.com/a/1190000042588745" target="_blank" title="想要字体图标设计师却给了SVG？没关系，自己转">想要字体图标设计师却给了SVG？没关系，自己转</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>3</span>
355
+ <span>2</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
359
- <span>李明</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
359
+ <span>街角小林</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
363
+ 本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</a>
372
+ <a href="https://segmentfault.com/a/1190000042583784" target="_blank" title="浅析React中的state">浅析React中的state</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>1</span>
383
+ <span>3</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
387
- <span>LnEoi</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/54r9rxzy" title="Programming Language">
387
+ <span>Itnd</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
391
+ 我们在一些面试题中经常会遇到一个问题，那就是state的改变是同步还是异步的。当初自己只是一味的记住事件触发导致state的改变是异步的，其它情况下都是同步的，并不理解其中的缘由。接下来就为大家梳理下其中的...
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042575730" target="_blank" title="实现《羊了个羊-美女版》小游戏（低配版）">实现《羊了个羊-美女版》小游戏（低配版）</a>
400
+ <a href="https://segmentfault.com/a/1190000042607367" target="_blank" title="详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？">详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>3</span>
411
+ <span>1</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
415
- <span>夕水</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
415
+ <span>葡萄城技术团队</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...
419
+ 嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042583784" target="_blank" title="浅析React中的state">浅析React中的state</a>
428
+ <a href="https://segmentfault.com/a/1190000042554239" target="_blank" title="创建现代npm包的最佳实践">创建现代npm包的最佳实践</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>2</span>
439
+ <span>3</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/54r9rxzy" title="Programming Language">
443
- <span>Itnd</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
443
+ <span>前端小智</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 我们在一些面试题中经常会遇到一个问题，那就是state的改变是同步还是异步的。当初自己只是一味的记住事件触发导致state的改变是异步的，其它情况下都是同步的，并不理解其中的缘由。接下来就为大家梳理下其中的...
447
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</a>
456
+ <a href="https://segmentfault.com/a/1190000042598682" target="_blank" title="致「独一无二」的你｜1024 程序员节系列活动启动">致「独一无二」的你｜1024 程序员节系列活动启动</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>1</span>
467
+ <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
471
- <span>crossoverJie</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
471
+ <span>SegmentFault思否</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
475
+ 不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
484
+ <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -495,12 +495,12 @@
495
495
  <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
499
- <span>代码熬夜敲</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
499
+ <span>crossoverJie</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
503
+ 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042575016" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）">麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）</a>
512
+ <a href="https://segmentfault.com/a/1190000042598225" target="_blank" title="前端框架：性能与灵活性的取舍">前端框架：性能与灵活性的取舍</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>1</span>
523
+ <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
527
- <span>码上世界</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
527
+ <span>卡颂</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find
531
+ 大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042588745" target="_blank" title="想要字体图标设计师却给了SVG？没关系，自己转">想要字体图标设计师却给了SVG？没关系，自己转</a>
540
+ <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>2</span>
551
+ <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
555
- <span>街角小林</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
555
+ <span>代码熬夜敲</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。
559
+ 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
568
+ <a href="https://segmentfault.com/a/1190000042598383" target="_blank" title="SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？">SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
583
- <span>weiewiyi</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
583
+ <span>Beverly</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
587
+ 最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</a>
596
+ <a href="https://segmentfault.com/a/1190000042582608" target="_blank" title="9 月更新 | Visual Studio Code Python">9 月更新 | Visual Studio Code Python</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>2</span>
607
+ <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/jewin" title="Programming Language">
611
- <span>生信分析笔记</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/mstech" title="Programming Language">
611
+ <span>微软技术栈</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
615
+ 我们很高兴地宣布，2022 年 9 月发布的适用于 Visual Studio Code Python和Jupyter扩展现已推出！此版本包括以下改进：改进了对 Jupyter 笔记本的 IntelliSense 支持一个新的 Flake8 扩展试行功能：改进的单元测...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042554239" target="_blank" title="创建现代npm包的最佳实践">创建现代npm包的最佳实践</a>
624
+ <a href="https://segmentfault.com/a/1190000042578076" target="_blank" title="面试官：哪些浏览器事件不会冒泡？">面试官：哪些浏览器事件不会冒泡？</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>2</span>
635
+ <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
639
- <span>前端小智</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
639
+ <span>罡风小天</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
643
+ 你知道哪些浏览器事件不会冒泡吗？回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： {代码...} 具体区别在第三个参数，w3c规定了true...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042582608" target="_blank" title="9 月更新 | Visual Studio Code Python">9 月更新 | Visual Studio Code Python</a>
652
+ <a href="https://segmentfault.com/a/1190000042589069" target="_blank" title="如何快速学习Go的struct数据类型">如何快速学习Go的struct数据类型</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/mstech" title="Programming Language">
667
- <span>微软技术栈</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
667
+ <span>7small7</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 我们很高兴地宣布，2022 年 9 月发布的适用于 Visual Studio Code Python和Jupyter扩展现已推出！此版本包括以下改进：改进了对 Jupyter 笔记本的 IntelliSense 支持一个新的 Flake8 扩展试行功能：改进的单元测...
671
+ 结构是表示字段集合的用户定义类型。它可以用于将数据分组为单个单元而不是将每个数据作为单独的值的地方。例如，员工有firstName、lastName和age。将这三个属性分组到一个名为Employee。
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042578076" target="_blank" title="面试官：哪些浏览器事件不会冒泡？">面试官：哪些浏览器事件不会冒泡？</a>
680
+ <a href="https://segmentfault.com/a/1190000042558282" target="_blank" title="新一波 JavaScript 框架">新一波 JavaScript 框架</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
695
- <span>罡风小天</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
695
+ <span>前端小智</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 你知道哪些浏览器事件不会冒泡吗？回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： {代码...} 具体区别在第三个参数，w3c规定了true...
699
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042574162" target="_blank" title="go性能工具pprof">go性能工具pprof</a>
708
+ <a href="https://segmentfault.com/a/1190000042583953" target="_blank" title="🤖️ 如何逐步关闭 MIUI 无处不在的广告">🤖️ 如何逐步关闭 MIUI 无处不在的广告</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -719,12 +719,12 @@
719
719
  <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
723
- <span>13sai</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
723
+ <span>卤代烃</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- net/http/pprof对于在线服务，对于一个 HTTP Server，访问 pprof 提供的 HTTP 接口，获得性能数据。当然，实际上这里底层也是调用的 runtime/pprof 提供的函数，封装成接口对外提供网络访问。
727
+ 在 2022 年，Android 系统对手机权限的进一步限制，一些过往的卡顿问题都得到了一定的解决。但是在国内的定制版 Android 机上，和原生 Android 系统还是多了一些特色的东西：
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
736
+ <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -747,12 +747,12 @@
747
747
  <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
751
- <span>罡风小天</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
751
+ <span>XboxYan</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
755
+ 欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</a>
764
+ <a href="https://segmentfault.com/a/1190000042587161" target="_blank" title="h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码">h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>1</span>
775
+ <span>2</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/liboshuai" title="Programming Language">
779
- <span>李博帅</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/farmerz" title="Programming Language">
779
+ <span>farmerz</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
783
+ 有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042584134" target="_blank" title="API接口监控实用工具 - WGCLOUD">API接口监控实用工具 - WGCLOUD</a>
792
+ <a href="https://segmentfault.com/a/1190000042595326" target="_blank" title="详解webpack构建优化">详解webpack构建优化</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
807
- <span>一往情深</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/bakuaifujideguantou" title="Programming Language">
807
+ <span>gogo2027</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态
811
+ 当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</a>
820
+ <a href="https://segmentfault.com/a/1190000042602198" target="_blank" title="Go语言学习笔记：Http请求--Gorequest使用">Go语言学习笔记：Http请求--Gorequest使用</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
835
- <span>13sai</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/ipidea" title="Programming Language">
835
+ <span>ipidea</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
839
+ 最近几天部署代理池的时候，用Python写了requests请求测试IP地址检测连通性的脚本。但是发现了一个问题，requests.get带代理请求有时候请求不通。我初步认为代理的问题，但是之后我用了curl请求发现代理是正常的...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042587161" target="_blank" title="h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码">h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码</a>
848
+ <a href="https://segmentfault.com/a/1190000042584134" target="_blank" title="API接口监控实用工具 - WGCLOUD">API接口监控实用工具 - WGCLOUD</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -859,12 +859,12 @@
859
859
  <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/farmerz" title="Programming Language">
863
- <span>farmerz</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
863
+ <span>一往情深</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...
867
+ 随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</a>
876
+ <a href="https://segmentfault.com/a/1190000042588416" target="_blank" title="前端常见问题整理（持续更新）">前端常见问题整理（持续更新）</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>0</span>
887
+ <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
891
- <span>街角小林</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/lunanticsky" title="Programming Language">
891
+ <span>LunanticSky</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
895
+ 作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</a>
904
+ <a href="https://segmentfault.com/a/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
919
- <span>小卢没烦恼</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
919
+ <span>13sai</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...
923
+ 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042575782" target="_blank" title="最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有">最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有</a>
932
+ <a href="https://segmentfault.com/a/1190000042593644" target="_blank" title="element 动态表格新增删除行、列闪现问题">element 动态表格新增删除行、列闪现问题</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>1</span>
943
+ <span>8</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
947
- <span>Java架构师</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/potato_5896cd102b6fe" title="Programming Language">
947
+ <span>tenSe7en</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...
951
+ 无论是新增行列还是删除行列，vue 都需要重新计算单元格的高度和宽度，然后再重新渲染到页面上。因为这个过程被直接反馈到了页面上，所以导致了 table 发生闪烁。
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042573321" target="_blank" title="即时通讯社交应用创业">即时通讯社交应用创业</a>
960
+ <a href="https://segmentfault.com/a/1190000042587022" target="_blank" title="浅谈移动端单屏解决方案">浅谈移动端单屏解决方案</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -971,12 +971,12 @@
971
971
  <span>0</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
975
- <span>雯文</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/deepred5" title="Programming Language">
975
+ <span>深红</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。
979
+ 文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/10/11 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/13 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>