@wcj/github-rank 22.10.9 → 22.10.10

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 +19674 -19676
  2. package/dist/sifou-daily.json +31 -22
  3. package/dist/sifou-monthly.json +65 -65
  4. package/dist/sifou-weekly.json +130 -112
  5. package/dist/toutiao-30.json +70 -70
  6. package/dist/toutiao-7.json +89 -89
  7. package/dist/toutiao-90.json +27 -27
  8. package/dist/trending-daily.json +165 -165
  9. package/dist/trending-monthly.json +128 -128
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +1155 -1155
  12. package/dist/users.json +2195 -2195
  13. package/package.json +1 -1
  14. package/web/data/repos.json +19674 -19676
  15. package/web/data/sifou-daily.json +31 -22
  16. package/web/data/sifou-monthly.json +65 -65
  17. package/web/data/sifou-weekly.json +130 -112
  18. package/web/data/toutiao-30.json +70 -70
  19. package/web/data/toutiao-7.json +89 -89
  20. package/web/data/toutiao-90.json +27 -27
  21. package/web/data/trending-daily.json +165 -165
  22. package/web/data/trending-monthly.json +128 -128
  23. package/web/data/trending-weekly.json +163 -163
  24. package/web/data/users.china.json +1155 -1155
  25. package/web/data/users.json +2195 -2195
  26. package/web/index.html +1255 -1255
  27. package/web/repos.html +2604 -2604
  28. package/web/sifou-daily.html +48 -20
  29. package/web/sifou-monthly.html +81 -81
  30. package/web/sifou-weekly.html +172 -116
  31. package/web/toutiao-30.html +97 -97
  32. package/web/toutiao-7.html +68 -68
  33. package/web/toutiao-90.html +41 -41
  34. package/web/trending-monthly.html +117 -117
  35. package/web/trending-weekly.html +148 -144
  36. package/web/trending.html +142 -142
  37. package/web/users.china.html +617 -617
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/9 by
119
+ <div class="time">Last cache created on 2022/10/10 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</a>
148
+ <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>14</span>
159
+ <span>4</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
163
- <span>腹黑的可乐</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
163
+ <span>小傅哥</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
167
+ 为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -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/1190000042571364" target="_blank" title="Video Roll升级，一款小众浏览器插件优化你看视频的体验">Video Roll升级，一款小众浏览器插件优化你看视频的体验</a>
176
+ <a href="https://segmentfault.com/a/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</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>1</span>
187
+ <span>4</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/gomi" title="Programming Language">
191
- <span>Gomi</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
191
+ <span>雄狮虎豹</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。
195
+ 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
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/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</a>
204
+ <a href="https://segmentfault.com/a/1190000042571364" target="_blank" title="Video Roll升级，一款小众浏览器插件优化你看视频的体验">Video Roll升级，一款小众浏览器插件优化你看视频的体验</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>4</span>
215
+ <span>1</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
219
- <span>雄狮虎豹</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/gomi" title="Programming Language">
219
+ <span>Gomi</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
223
+ 首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。
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/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
232
+ <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>3</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
247
- <span>小强Zzz</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
247
+ <span>前端小智</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
251
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</a>
260
+ <a href="https://segmentfault.com/a/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>3</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
275
- <span>李明</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
275
+ <span>小强Zzz</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
279
+ 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
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/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</a>
288
+ <a href="https://segmentfault.com/a/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -299,12 +299,12 @@
299
299
  <span>1</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
303
- <span>LnEoi</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
303
+ <span>思否编辑部</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
307
+ 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
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/1190000042569540" target="_blank" title="重学 react">重学 react</a>
316
+ <a href="https://segmentfault.com/a/1190000042573964" 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>1</span>
327
+ <span>3</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/tcdona" title="Programming Language">
331
- <span>tcdona</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
331
+ <span>李明</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 换工作后，从vue转react已经一年半了，代码写的不多，侥幸以为对react有点熟悉了。但看了「beta.reactjs.org」后依然有被震撼到，对react，自己之前的理解，原来一直都错的离谱。
335
+ 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
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/1190000042569595" target="_blank" title="JavaScript中this指向哪儿？如何确定this？-前端面试进阶">JavaScript中this指向哪儿？如何确定this？-前端面试进阶</a>
344
+ <a href="https://segmentfault.com/a/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</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>10</span>
355
+ <span>1</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
359
- <span>腹黑的可乐</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
359
+ <span>LnEoi</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...
363
+ 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
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/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</a>
372
+ <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</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>2</span>
383
+ <span>1</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/jewin" title="Programming Language">
387
- <span>生信分析笔记</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
387
+ <span>crossoverJie</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
391
+ 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
392
392
  </div>
393
393
  </div>
394
394
  </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/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
456
+ <a href="https://segmentfault.com/a/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
471
- <span>weiewiyi</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/jewin" title="Programming Language">
471
+ <span>生信分析笔记</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
475
+ 正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
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/1190000042570207" target="_blank" title="Vue项目单元测试入门">Vue项目单元测试入门</a>
484
+ <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>1</span>
495
+ <span>2</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/xin1994" title="Programming Language">
499
- <span>寻雾启示</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
499
+ <span>weiewiyi</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...
503
+ 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
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/1190000042571032" target="_blank" title="Vue实战必会的几个技巧">Vue实战必会的几个技巧</a>
512
+ <a href="https://segmentfault.com/a/1190000042578076" target="_blank" title="面试官：哪些浏览器事件不会冒泡？">面试官：哪些浏览器事件不会冒泡？</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/junyidemaodou" title="Programming Language">
527
- <span>yyds2026</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
527
+ <span>罡风小天</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- vue 中常见别名有：up/向上箭头、down/向下箭头、left/左箭头、right/右箭头、space/空格、tab/换行、esc/退出、enter/回车、delete/删除
531
+ 你知道哪些浏览器事件不会冒泡吗？回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： {代码...} 具体区别在第三个参数，w3c规定了true...
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/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
540
+ <a href="https://segmentfault.com/a/1190000042571032" target="_blank" title="Vue实战必会的几个技巧">Vue实战必会的几个技巧</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
555
- <span>罡风小天</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/junyidemaodou" title="Programming Language">
555
+ <span>yyds2026</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
559
+ vue 中常见别名有：up/向上箭头、down/向下箭头、left/左箭头、right/右箭头、space/空格、tab/换行、esc/退出、enter/回车、delete/删除
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/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</a>
568
+ <a href="https://segmentfault.com/a/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>1</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/liboshuai" title="Programming Language">
583
- <span>李博帅</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
583
+ <span>罡风小天</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
587
+ 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
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/1190000042570103" target="_blank" title="call、apply、bind之间的区别">call、apply、bind之间的区别</a>
596
+ <a href="https://segmentfault.com/a/1190000042574162" target="_blank" title="go性能工具pprof">go性能工具pprof</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -607,12 +607,12 @@
607
607
  <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
611
- <span>小卢没烦恼</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
611
+ <span>13sai</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。
615
+ net/http/pprof对于在线服务，对于一个 HTTP Server，访问 pprof 提供的 HTTP 接口，获得性能数据。当然，实际上这里底层也是调用的 runtime/pprof 提供的函数，封装成接口对外提供网络访问。
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/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</a>
624
+ <a href="https://segmentfault.com/a/1190000042584599" 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>1</span>
635
+ <span>6</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
639
- <span>小卢没烦恼</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
639
+ <span>卡颂</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...
643
+ 大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...
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/1190000042571352" target="_blank" title="CSS3中弹性项目的压缩规则">CSS3中弹性项目的压缩规则</a>
652
+ <a href="https://segmentfault.com/a/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</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/_632fb19cc6ef3" title="Programming Language">
667
- <span>小卢没烦恼</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/liboshuai" title="Programming Language">
667
+ <span>李博帅</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 得到的结果是item1的宽度为140px,item2的宽度为160px,也就是说，item1的压缩值是60px，item2的压缩值为240px。压缩值算法如下：
671
+ JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
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/1190000042573321" target="_blank" title="即时通讯社交应用创业">即时通讯社交应用创业</a>
680
+ <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>0</span>
691
+ <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
695
- <span>雯文</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
695
+ <span>代码熬夜敲</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。
699
+ 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
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/1190000042575782" target="_blank" title="最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有">最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有</a>
708
+ <a href="https://segmentfault.com/a/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</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/taozi_60b0b3c71b1a8" title="Programming Language">
723
- <span>Java架构师</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
723
+ <span>13sai</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...
727
+ 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
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/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</a>
736
+ <a href="https://segmentfault.com/a/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>1</span>
747
+ <span>0</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
751
- <span>13sai</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
751
+ <span>街角小林</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
755
+ Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
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/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</a>
764
+ <a href="https://segmentfault.com/a/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</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>0</span>
775
+ <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
779
- <span>街角小林</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
779
+ <span>小卢没烦恼</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
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/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
792
+ <a href="https://segmentfault.com/a/1190000042583784" target="_blank" title="浅析React中的state">浅析React中的state</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>3</span>
803
+ <span>2</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
807
- <span>前端小智</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/54r9rxzy" title="Programming Language">
807
+ <span>Itnd</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
811
+ 我们在一些面试题中经常会遇到一个问题，那就是state的改变是同步还是异步的。当初自己只是一味的记住事件触发导致state的改变是异步的，其它情况下都是同步的，并不理解其中的缘由。接下来就为大家梳理下其中的...
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/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</a>
820
+ <a href="https://segmentfault.com/a/1190000042571352" target="_blank" title="CSS3中弹性项目的压缩规则">CSS3中弹性项目的压缩规则</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>2</span>
831
+ <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
835
- <span>小傅哥</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
835
+ <span>小卢没烦恼</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
839
+ 得到的结果是item1的宽度为140px,item2的宽度为160px,也就是说，item1的压缩值是60px，item2的压缩值为240px。压缩值算法如下：
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/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
848
+ <a href="https://segmentfault.com/a/1190000042573321" target="_blank" title="即时通讯社交应用创业">即时通讯社交应用创业</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>1</span>
859
+ <span>0</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
863
- <span>代码熬夜敲</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
863
+ <span>雯文</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
867
+ 2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。
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/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</a>
876
+ <a href="https://segmentfault.com/a/1190000042575782" target="_blank" title="最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有">最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -887,12 +887,12 @@
887
887
  <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
891
- <span>crossoverJie</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
891
+ <span>Java架构师</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
895
+ Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -925,6 +925,62 @@
925
925
  </div>
926
926
  </li>
927
927
 
928
+ <li>
929
+ <div class="info">
930
+ <div class="rank">
931
+ <span title="Ranking 29">29</span>
932
+ <a href="https://segmentfault.com/a/1190000042587161" target="_blank" title="h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码">h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码</a>
933
+ </div>
934
+ <div class="sub-title followers">
935
+
936
+ <span title="Stargazers Count">
937
+ <svg width="12" height="12" viewBox="0 0 16 16">
938
+ <g fill="none" fill-rule="evenodd">
939
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
942
+ </svg>
943
+ <span>1</span>
944
+ </span>
945
+ &nbsp;
946
+ <a target="_blank" href="https://segmentfault.com/u/farmerz" title="Programming Language">
947
+ <span>farmerz</span>
948
+ </a>
949
+ </div>
950
+ <div class="details">
951
+ 有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...
952
+ </div>
953
+ </div>
954
+ </li>
955
+
956
+ <li>
957
+ <div class="info">
958
+ <div class="rank">
959
+ <span title="Ranking 30">30</span>
960
+ <a href="https://segmentfault.com/a/1190000042584134" target="_blank" title="API接口监控实用工具 - WGCLOUD">API接口监控实用工具 - WGCLOUD</a>
961
+ </div>
962
+ <div class="sub-title followers">
963
+
964
+ <span title="Stargazers Count">
965
+ <svg width="12" height="12" viewBox="0 0 16 16">
966
+ <g fill="none" fill-rule="evenodd">
967
+ <path d="M0 0h16v16H0z"/>
968
+ <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"/>
969
+ </g>
970
+ </svg>
971
+ <span>1</span>
972
+ </span>
973
+ &nbsp;
974
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
975
+ <span>一往情深</span>
976
+ </a>
977
+ </div>
978
+ <div class="details">
979
+ 随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态
980
+ </div>
981
+ </div>
982
+ </li>
983
+
928
984
  </ul>
929
985
  <div class="footer">
930
986
  <div>
@@ -941,7 +997,7 @@
941
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
942
998
  </a>
943
999
  </div>
944
- <div class="time">Last cache created on 2022/10/9 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/10 by Github API v3.</div>
945
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
946
1002
  </div>
947
1003
  </body>