@wcj/github-rank 22.10.6 → 22.10.8

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 +27985 -27982
  2. package/dist/sifou-daily.json +1 -29
  3. package/dist/sifou-monthly.json +56 -56
  4. package/dist/sifou-weekly.json +144 -180
  5. package/dist/toutiao-30.json +40 -40
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +23 -23
  8. package/dist/trending-daily.json +164 -164
  9. package/dist/trending-monthly.json +129 -129
  10. package/dist/trending-weekly.json +157 -157
  11. package/dist/users.china.json +1326 -1326
  12. package/dist/users.json +2938 -2938
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27985 -27982
  15. package/web/data/sifou-daily.json +1 -29
  16. package/web/data/sifou-monthly.json +56 -56
  17. package/web/data/sifou-weekly.json +144 -180
  18. package/web/data/toutiao-30.json +40 -40
  19. package/web/data/toutiao-7.json +115 -115
  20. package/web/data/toutiao-90.json +23 -23
  21. package/web/data/trending-daily.json +164 -164
  22. package/web/data/trending-monthly.json +129 -129
  23. package/web/data/trending-weekly.json +157 -157
  24. package/web/data/users.china.json +1326 -1326
  25. package/web/data/users.json +2938 -2938
  26. package/web/index.html +1607 -1607
  27. package/web/repos.html +3532 -3532
  28. package/web/sifou-daily.html +2 -86
  29. package/web/sifou-monthly.html +84 -84
  30. package/web/sifou-weekly.html +120 -232
  31. package/web/toutiao-30.html +66 -66
  32. package/web/toutiao-7.html +87 -87
  33. package/web/toutiao-90.html +24 -24
  34. package/web/trending-monthly.html +116 -116
  35. package/web/trending-weekly.html +137 -141
  36. package/web/trending.html +135 -147
  37. package/web/users.china.html +730 -730
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/6 by
119
+ <div class="time">Last cache created on 2022/10/8 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/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
148
+ <a href="https://segmentfault.com/a/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</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>6</span>
159
+ <span>13</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
163
- <span>凹凸实验室</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
163
+ <span>腹黑的可乐</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
167
+ 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
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/1190000042560534" target="_blank" title="Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！">Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！</a>
176
+ <a href="https://segmentfault.com/a/1190000042571364" target="_blank" title="Video Roll升级，一款小众浏览器插件优化你看视频的体验">Video Roll升级，一款小众浏览器插件优化你看视频的体验</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>4</span>
187
+ <span>1</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/bobonadia" title="Programming Language">
191
- <span>波波Nadia</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/gomi" title="Programming Language">
191
+ <span>Gomi</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...
195
+ 首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。
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/1190000042563735" target="_blank" title="[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px">[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px</a>
204
+ <a href="https://segmentfault.com/a/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -215,12 +215,12 @@
215
215
  <span>4</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
219
- <span>HullQin</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
219
+ <span>雄狮虎豹</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
223
+ 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
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/1190000042563289" target="_blank" title="前端web实现（@、At、艾特）选人或引用数据">前端web实现（@、At、艾特）选人或引用数据</a>
232
+ <a href="https://segmentfault.com/a/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</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/dxpang" title="Programming Language">
247
- <span>xmanlin</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
247
+ <span>小强Zzz</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...
251
+ 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
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/1190000042557390" target="_blank" title="Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！">Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！</a>
260
+ <a href="https://segmentfault.com/a/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</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/jiangdaoyidechahu" title="Programming Language">
275
- <span>eoapi</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
275
+ <span>李明</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 本月，Eolink 旗下专注做开源 API 管理工具的 Eoapi 联合实时数据服务平台的 Tapdata 发布首款合作插件——导入 Tapdata 数据插件，大家一定很好奇 Tapdata 和 Eoapi 如何实现联动呢？
279
+ 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
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/1190000042571364" target="_blank" title="Video Roll升级，一款小众浏览器插件优化你看视频的体验">Video Roll升级，一款小众浏览器插件优化你看视频的体验</a>
288
+ <a href="https://segmentfault.com/a/1190000042569540" target="_blank" title="重学 react">重学 react</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/gomi" title="Programming Language">
303
- <span>Gomi</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/tcdona" title="Programming Language">
303
+ <span>tcdona</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。
307
+ 换工作后，从vue转react已经一年半了，代码写的不多，侥幸以为对react有点熟悉了。但看了「beta.reactjs.org」后依然有被震撼到，对react，自己之前的理解，原来一直都错的离谱。
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/1190000042559544" target="_blank" title="撸了一款 Vue 生态缺失的 CMD+K 类库">撸了一款 Vue 生态缺失的 CMD+K 类库</a>
316
+ <a href="https://segmentfault.com/a/1190000042567817" target="_blank" title="漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG">漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG</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>0</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xlbd" title="Programming Language">
331
- <span>xiaoluoboding</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/xjarea" title="Programming Language">
331
+ <span>xjArea</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。
335
+ Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...
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/1190000042562942" target="_blank" title="Monaco Editor 中的 Keybinding 机制">Monaco Editor 中的 Keybinding 机制</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>2</span>
355
+ <span>1</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
359
- <span>袋鼠云数栈UED</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
- 前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？
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/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</a>
372
+ <a href="https://segmentfault.com/a/1190000042569169" target="_blank" title="[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？">[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？</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>4</span>
383
+ <span>1</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
387
- <span>雄狮虎豹</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
387
+ <span>HullQin</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
391
+ 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
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/1190000042565433" target="_blank" title="一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！">一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！</a>
400
+ <a href="https://segmentfault.com/a/1190000042567864" target="_blank" title="React面试：谈谈虚拟DOM，Diff算法与Key机制">React面试：谈谈虚拟DOM，Diff算法与Key机制</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>2</span>
411
+ <span>1</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
415
- <span>铂赛东</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/jinzhangdedacong" title="Programming Language">
415
+ <span>紧张的大葱</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！
419
+ 原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）
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/1190000042566696" target="_blank" title="2022年 SegmentFault 思否程序员大调查">2022年 SegmentFault 思否程序员大调查</a>
428
+ <a href="https://segmentfault.com/a/1190000042569595" target="_blank" title="JavaScript中this指向哪儿？如何确定this？-前端面试进阶">JavaScript中this指向哪儿？如何确定this？-前端面试进阶</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>10</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
443
- <span>SegmentFault思否</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
443
+ <span>腹黑的可乐</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...
447
+ 只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...
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/1190000042564706" target="_blank" title="通过Node + SSE 做了一个构建日志推送">通过Node + SSE 做了一个构建日志推送</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
 
@@ -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/beishangriji" title="Programming Language">
471
- <span>悲伤日记</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
- SSE 全称是 Server Sent Event，翻译过来的意思就是 服务器派发事件。一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web ...
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/1190000042567817" target="_blank" title="漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG">漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG</a>
484
+ <a href="https://segmentfault.com/a/1190000042567934" target="_blank" title="ShardingSphere高CPU消耗的问题">ShardingSphere高CPU消耗的问题</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>0</span>
495
+ <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/xjarea" title="Programming Language">
499
- <span>xjArea</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/wajueji9527" title="Programming Language">
499
+ <span>开翻挖掘机</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...
503
+ ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...
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/1190000042567477" target="_blank" title="Golang 单例模式与sync.Once">Golang 单例模式与sync.Once</a>
512
+ <a href="https://segmentfault.com/a/1190000042575016" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）">麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）</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/jeffid" title="Programming Language">
527
- <span>Jeffid</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
527
+ <span>码上世界</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。
531
+ 类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find
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/1190000042569540" target="_blank" title="重学 react">重学 react</a>
540
+ <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</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>1</span>
551
+ <span>2</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/tcdona" title="Programming Language">
555
- <span>tcdona</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
555
+ <span>weiewiyi</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 换工作后，从vue转react已经一年半了，代码写的不多，侥幸以为对react有点熟悉了。但看了「beta.reactjs.org」后依然有被震撼到，对react，自己之前的理解，原来一直都错的离谱。
559
+ 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
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/1190000042567349" target="_blank" title="使用gorm写入time.Time的类型时的问题">使用gorm写入time.Time的类型时的问题</a>
568
+ <a href="https://segmentfault.com/a/1190000042575730" target="_blank" title="实现《羊了个羊-美女版》小游戏（低配版）">实现《羊了个羊-美女版》小游戏（低配版）</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>1</span>
579
+ <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/runyubingxue" title="Programming Language">
583
- <span>润雨冰雪</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
583
+ <span>夕水</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。
587
+ 前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...
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/1190000042564259" target="_blank" title="源码学习之MyBatis的底层查询原理">源码学习之MyBatis的底层查询原理</a>
596
+ <a href="https://segmentfault.com/a/1190000042570207" target="_blank" title="Vue项目单元测试入门">Vue项目单元测试入门</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/jdcdevloper" title="Programming Language">
611
- <span>京东云开发者</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/xin1994" title="Programming Language">
611
+ <span>寻雾启示</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 本文通过MyBatis一个低版本的bug（3.4.5之前的版本）入手，分析MyBatis的一次完整的查询流程，从配置文件的解析到一个查询的完整执行过程详细解读MyBatis的一次查询流程，通过本文可以详细了解MyBatis的一次查询...
615
+ 本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...
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/1190000042564033" target="_blank" title="一道React面试题把我整懵了">一道React面试题把我整懵了</a>
624
+ <a href="https://segmentfault.com/a/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -635,12 +635,12 @@
635
635
  <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/jinzhangdedacong" 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
- 提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () =&gt; {}的写法效率高？
643
+ 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
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/1190000042569169" target="_blank" title="[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？">[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？</a>
652
+ <a href="https://segmentfault.com/a/1190000042568640" target="_blank" title="js中的for...in循环">js中的for...in循环</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/hullqin" title="Programming Language">
667
- <span>HullQin</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
667
+ <span>小卢没烦恼</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
671
+ JavaScript中的for...in循环for...in能遍历对象（数组）中的属性用法： {代码...} 例： {代码...} for...in循环能遍历出原型上的属性与方法例: {代码...} for...in循环是无序的 {代码...} 由此可以看出，for...in...
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/1190000042567864" target="_blank" title="React面试：谈谈虚拟DOM，Diff算法与Key机制">React面试：谈谈虚拟DOM，Diff算法与Key机制</a>
680
+ <a href="https://segmentfault.com/a/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</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/jinzhangdedacong" title="Programming Language">
695
- <span>紧张的大葱</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/liboshuai" title="Programming Language">
695
+ <span>李博帅</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）
699
+ JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
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/1190000042560078" target="_blank" title="vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案">vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案</a>
708
+ <a href="https://segmentfault.com/a/1190000042570103" target="_blank" title="call、apply、bind之间的区别">call、apply、bind之间的区别</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/a_fish" title="Programming Language">
723
- <span>Yi_Zhi_Yu</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
723
+ <span>小卢没烦恼</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- clone vue-material-admin 项目到本地运行, 修改了 .env.development, 希望代理到本地5005端口 {代码...} 改为了(参考原始内容照葫芦画瓢, .env.development误人啊) {代码...} devServer配置代理如下 {代码...} ...
727
+ 3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。
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/1190000042559485" target="_blank" title="【2-6 Golang】Go并发编程—定时器timer">【2-6 Golang】Go并发编程—定时器timer</a>
736
+ <a href="https://segmentfault.com/a/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</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/tomato_5e8c292fd884c" title="Programming Language">
751
- <span>西红柿</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
751
+ <span>小卢没烦恼</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 定时器使得我们可以延迟若干时间执行某项任务，或者以某一时间周期性执行某项任务，Linux系统本身也具备定时器能力，Go语言是定时器是基于系统调用实现的吗？另外，Go语言不是多协程吗，定时器触发时...
755
+ 解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...
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/1190000042540442" target="_blank" title="CSS容器查询终于来了">CSS容器查询终于来了</a>
764
+ <a href="https://segmentfault.com/a/1190000042571422" 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>1</span>
775
+ <span>0</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
779
- <span>前端小智</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
779
+ <span>雯文</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042567934" target="_blank" title="ShardingSphere高CPU消耗的问题">ShardingSphere高CPU消耗的问题</a>
792
+ <a href="https://segmentfault.com/a/1190000042571352" target="_blank" title="CSS3中弹性项目的压缩规则">CSS3中弹性项目的压缩规则</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/wajueji9527" title="Programming Language">
807
- <span>开翻挖掘机</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
807
+ <span>小卢没烦恼</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...
811
+ 得到的结果是item1的宽度为140px,item2的宽度为160px,也就是说，item1的压缩值是60px，item2的压缩值为240px。压缩值算法如下：
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/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</a>
820
+ <a href="https://segmentfault.com/a/1190000042573321" target="_blank" title="即时通讯社交应用创业">即时通讯社交应用创业</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>1</span>
831
+ <span>0</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
835
- <span>LnEoi</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
835
+ <span>雯文</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
839
+ 2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,119 +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/1190000042562398" target="_blank" title="深入理解JavaScript-call、apply、bind三大将">深入理解JavaScript-call、apply、bind三大将</a>
849
- </div>
850
- <div class="sub-title followers">
851
-
852
- <span title="Stargazers Count">
853
- <svg width="12" height="12" viewBox="0 0 16 16">
854
- <g fill="none" fill-rule="evenodd">
855
- <path d="M0 0h16v16H0z"/>
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
- </g>
858
- </svg>
859
- <span>1</span>
860
- </span>
861
- &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
863
- <span>山头人汉波</span>
864
- </a>
865
- </div>
866
- <div class="details">
867
- 之前在讲 this 关键字 时，我们介绍过这三个 api，我们得出这样的结论：call、apply 和 bind 都拥有&#34;掰弯&#34; this 指向的能力介于当时的重点是 this，对这三个 api 没有详细介绍，本文，我们来了解一下函数中所谓不...
868
- </div>
869
- </div>
870
- </li>
871
-
872
- <li>
873
- <div class="info">
874
- <div class="rank">
875
- <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042560626" target="_blank" title="Optional源码解析与实践">Optional源码解析与实践</a>
877
- </div>
878
- <div class="sub-title followers">
879
-
880
- <span title="Stargazers Count">
881
- <svg width="12" height="12" viewBox="0 0 16 16">
882
- <g fill="none" fill-rule="evenodd">
883
- <path d="M0 0h16v16H0z"/>
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
- </g>
886
- </svg>
887
- <span>1</span>
888
- </span>
889
- &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/jdcdevloper" title="Programming Language">
891
- <span>京东云开发者</span>
892
- </a>
893
- </div>
894
- <div class="details">
895
- NullPointerException在开发过程中经常遇到，稍有不慎小BUG就出现了，如果避免这个问题呢，Optional就是专门解决这个问题的类，那么Optional如何使用呢？让我们一起探索一下吧！
896
- </div>
897
- </div>
898
- </li>
899
-
900
- <li>
901
- <div class="info">
902
- <div class="rank">
903
- <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042569595" target="_blank" title="JavaScript中this指向哪儿？如何确定this？-前端面试进阶">JavaScript中this指向哪儿？如何确定this？-前端面试进阶</a>
905
- </div>
906
- <div class="sub-title followers">
907
-
908
- <span title="Stargazers Count">
909
- <svg width="12" height="12" viewBox="0 0 16 16">
910
- <g fill="none" fill-rule="evenodd">
911
- <path d="M0 0h16v16H0z"/>
912
- <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"/>
913
- </g>
914
- </svg>
915
- <span>9</span>
916
- </span>
917
- &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
919
- <span>腹黑的可乐</span>
920
- </a>
921
- </div>
922
- <div class="details">
923
- 只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...
924
- </div>
925
- </div>
926
- </li>
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/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</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>2</span>
944
- </span>
945
- &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/jewin" title="Programming Language">
947
- <span>生信分析笔记</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/1190000042563871" target="_blank" title="前端面试前端性能优化篇">前端面试前端性能优化篇</a>
848
+ <a href="https://segmentfault.com/a/1190000042575782" target="_blank" title="最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有">最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有</a>
961
849
  </div>
962
850
  <div class="sub-title followers">
963
851
 
@@ -971,12 +859,12 @@
971
859
  <span>1</span>
972
860
  </span>
973
861
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
975
- <span>腹黑的可乐</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
863
+ <span>Java架构师</span>
976
864
  </a>
977
865
  </div>
978
866
  <div class="details">
979
- 不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...
867
+ Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...
980
868
  </div>
981
869
  </div>
982
870
  </li>
@@ -997,7 +885,7 @@
997
885
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
886
  </a>
999
887
  </div>
1000
- <div class="time">Last cache created on 2022/10/6 by Github API v3.</div>
888
+ <div class="time">Last cache created on 2022/10/8 by Github API v3.</div>
1001
889
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
890
  </div>
1003
891
  </body>