@wcj/github-rank 22.10.7 → 22.10.9

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 +27068 -27054
  2. package/dist/sifou-daily.json +38 -1
  3. package/dist/sifou-monthly.json +98 -98
  4. package/dist/sifou-weekly.json +138 -156
  5. package/dist/toutiao-30.json +55 -55
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +3 -3
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +150 -150
  10. package/dist/trending-weekly.json +149 -149
  11. package/dist/users.china.json +1824 -1824
  12. package/dist/users.json +2752 -2752
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27068 -27054
  15. package/web/data/sifou-daily.json +38 -1
  16. package/web/data/sifou-monthly.json +98 -98
  17. package/web/data/sifou-weekly.json +138 -156
  18. package/web/data/toutiao-30.json +55 -55
  19. package/web/data/toutiao-7.json +116 -116
  20. package/web/data/toutiao-90.json +3 -3
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +150 -150
  23. package/web/data/trending-weekly.json +149 -149
  24. package/web/data/users.china.json +1824 -1824
  25. package/web/data/users.json +2752 -2752
  26. package/web/index.html +1542 -1542
  27. package/web/repos.html +3403 -3403
  28. package/web/sifou-daily.html +114 -2
  29. package/web/sifou-monthly.html +143 -143
  30. package/web/sifou-weekly.html +115 -171
  31. package/web/toutiao-30.html +100 -100
  32. package/web/toutiao-7.html +91 -91
  33. package/web/toutiao-90.html +5 -5
  34. package/web/trending-monthly.html +139 -139
  35. package/web/trending-weekly.html +131 -131
  36. package/web/trending.html +150 -146
  37. package/web/users.china.html +931 -931
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/7 by
119
+ <div class="time">Last cache created on 2022/10/9 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/1190000042565433" target="_blank" title="一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！">一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！</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>4</span>
159
+ <span>14</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" 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
- 我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！
167
+ 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
168
168
  </div>
169
169
  </div>
170
170
  </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/1190000042566696" target="_blank" title="2022年 SegmentFault 思否程序员大调查">2022年 SegmentFault 思否程序员大调查</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
 
@@ -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>2</span>
243
+ <span>3</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
247
- <span>SegmentFault思否</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
- 国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...
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/1190000042564706" target="_blank" title="通过Node + SSE 做了一个构建日志推送">通过Node + SSE 做了一个构建日志推送</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
 
@@ -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>1</span>
271
+ <span>3</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/beishangriji" title="Programming Language">
275
- <span>悲伤日记</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
- SSE 全称是 Server Sent Event，翻译过来的意思就是 服务器派发事件。一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web ...
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/1190000042567477" target="_blank" title="Golang 单例模式与sync.Once">Golang 单例模式与sync.Once</a>
288
+ <a href="https://segmentfault.com/a/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</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/jeffid" title="Programming Language">
303
- <span>Jeffid</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
303
+ <span>LnEoi</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。
307
+ 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
308
308
  </div>
309
309
  </div>
310
310
  </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/1190000042567817" target="_blank" title="漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG">漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG</a>
344
+ <a href="https://segmentfault.com/a/1190000042569595" target="_blank" title="JavaScript中this指向哪儿？如何确定this？-前端面试进阶">JavaScript中this指向哪儿？如何确定this？-前端面试进阶</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>0</span>
355
+ <span>10</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/xjarea" title="Programming Language">
359
- <span>xjArea</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
359
+ <span>腹黑的可乐</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...
363
+ 只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...
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/1190000042567349" target="_blank" title="使用gorm写入time.Time的类型时的问题">使用gorm写入time.Time的类型时的问题</a>
372
+ <a href="https://segmentfault.com/a/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</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>2</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/runyubingxue" title="Programming Language">
387
- <span>润雨冰雪</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/jewin" title="Programming Language">
387
+ <span>生信分析笔记</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。
391
+ 正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
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/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</a>
400
+ <a href="https://segmentfault.com/a/1190000042575016" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）">麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）</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/crister_612f55567eb8c" title="Programming Language">
415
- <span>李明</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
415
+ <span>码上世界</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
419
+ 类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find
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/1190000042564259" target="_blank" title="源码学习之MyBatis的底层查询原理">源码学习之MyBatis的底层查询原理</a>
428
+ <a href="https://segmentfault.com/a/1190000042575730" target="_blank" title="实现《羊了个羊-美女版》小游戏（低配版）">实现《羊了个羊-美女版》小游戏（低配版）</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -439,12 +439,12 @@
439
439
  <span>2</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/jdcdevloper" title="Programming Language">
443
- <span>京东云开发者</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
443
+ <span>夕水</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 本文通过MyBatis一个低版本的bug（3.4.5之前的版本）入手，分析MyBatis的一次完整的查询流程，从配置文件的解析到一个查询的完整执行过程详细解读MyBatis的一次查询流程，通过本文可以详细了解MyBatis的一次查询...
447
+ 前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...
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/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
456
+ <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</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>3</span>
467
+ <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
471
- <span>小强Zzz</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
471
+ <span>weiewiyi</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
475
+ 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
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/1190000042569169" target="_blank" title="[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？">[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？</a>
484
+ <a href="https://segmentfault.com/a/1190000042570207" target="_blank" title="Vue项目单元测试入门">Vue项目单元测试入门</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/hullqin" title="Programming Language">
499
- <span>HullQin</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/xin1994" title="Programming Language">
499
+ <span>寻雾启示</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
503
+ 本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...
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/1190000042564033" target="_blank" title="一道React面试题把我整懵了">一道React面试题把我整懵了</a>
512
+ <a href="https://segmentfault.com/a/1190000042571032" target="_blank" title="Vue实战必会的几个技巧">Vue实战必会的几个技巧</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/jinzhangdedacong" title="Programming Language">
527
- <span>紧张的大葱</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/junyidemaodou" title="Programming Language">
527
+ <span>yyds2026</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () =&gt; {}的写法效率高？
531
+ vue 中常见别名有：up/向上箭头、down/向下箭头、left/左箭头、right/右箭头、space/空格、tab/换行、esc/退出、enter/回车、delete/删除
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/1190000042567864" target="_blank" title="React面试：谈谈虚拟DOM，Diff算法与Key机制">React面试：谈谈虚拟DOM，Diff算法与Key机制</a>
540
+ <a href="https://segmentfault.com/a/1190000042574651" 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/jinzhangdedacong" title="Programming Language">
555
- <span>紧张的大葱</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
555
+ <span>罡风小天</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）
559
+ 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
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/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</a>
568
+ <a href="https://segmentfault.com/a/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</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/lneoi" title="Programming Language">
583
- <span>LnEoi</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/liboshuai" title="Programming Language">
583
+ <span>李博帅</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
587
+ JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
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/1190000042570103" target="_blank" title="call、apply、bind之间的区别">call、apply、bind之间的区别</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/_632fb19cc6ef3" title="Programming Language">
611
+ <span>小卢没烦恼</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
615
+ 3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。
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/1190000042567934" target="_blank" title="ShardingSphere高CPU消耗的问题">ShardingSphere高CPU消耗的问题</a>
624
+ <a href="https://segmentfault.com/a/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</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/wajueji9527" title="Programming Language">
639
- <span>开翻挖掘机</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
639
+ <span>小卢没烦恼</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...
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/1190000042569595" target="_blank" title="JavaScript中this指向哪儿？如何确定this？-前端面试进阶">JavaScript中this指向哪儿？如何确定this？-前端面试进阶</a>
652
+ <a href="https://segmentfault.com/a/1190000042571352" target="_blank" title="CSS3中弹性项目的压缩规则">CSS3中弹性项目的压缩规则</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>9</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
667
- <span>腹黑的可乐</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
- 只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...
671
+ 得到的结果是item1的宽度为140px,item2的宽度为160px,也就是说，item1的压缩值是60px，item2的压缩值为240px。压缩值算法如下：
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/1190000042564339" target="_blank" title="vue项目性能优化-前端加分项">vue项目性能优化-前端加分项</a>
680
+ <a href="https://segmentfault.com/a/1190000042573321" target="_blank" title="即时通讯社交应用创业">即时通讯社交应用创业</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>1</span>
691
+ <span>0</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/fengdudehongjinyu" title="Programming Language">
695
- <span>风度翩翩的红金鱼</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/wen_62753939d92c2" title="Programming Language">
695
+ <span>雯文</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置...
699
+ 2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。
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/1190000042570207" target="_blank" title="Vue项目单元测试入门">Vue项目单元测试入门</a>
708
+ <a href="https://segmentfault.com/a/1190000042575782" target="_blank" title="最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有">最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有</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/xin1994" title="Programming Language">
723
- <span>寻雾启示</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
723
+ <span>Java架构师</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...
727
+ Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...
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/1190000042563871" target="_blank" title="前端面试前端性能优化篇">前端面试前端性能优化篇</a>
736
+ <a href="https://segmentfault.com/a/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</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/fuheidekele" title="Programming Language">
751
- <span>腹黑的可乐</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
751
+ <span>13sai</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...
755
+ 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
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/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
764
+ <a href="https://segmentfault.com/a/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</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>2</span>
775
+ <span>0</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
779
- <span>weiewiyi</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
779
+ <span>街角小林</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
783
+ Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
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/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</a>
792
+ <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</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>7</span>
803
+ <span>3</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
807
- <span>腹黑的可乐</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
807
+ <span>前端小智</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
811
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042568640" target="_blank" title="js中的for...in循环">js中的for...in循环</a>
820
+ <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</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>2</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
835
- <span>小卢没烦恼</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
835
+ <span>小傅哥</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- JavaScript中的for...in循环for...in能遍历对象（数组）中的属性用法： {代码...} 例： {代码...} for...in循环能遍历出原型上的属性与方法例: {代码...} for...in循环是无序的 {代码...} 由此可以看出，for...in...
839
+ 为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
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/1190000042575016" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）">麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）</a>
848
+ <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</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/code4world" title="Programming Language">
863
- <span>码上世界</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
863
+ <span>代码熬夜敲</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find
867
+ 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
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/1190000042570103" target="_blank" title="call、apply、bind之间的区别">call、apply、bind之间的区别</a>
876
+ <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</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/_632fb19cc6ef3" title="Programming Language">
891
- <span>小卢没烦恼</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
891
+ <span>crossoverJie</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。
895
+ 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
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/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
904
+ <a href="https://segmentfault.com/a/1190000042580894" target="_blank" title="vue项目接入海康威视h5player.js播放器">vue项目接入海康威视h5player.js播放器</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,68 +915,12 @@
915
915
  <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
919
- <span>罡风小天</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/ruiruik" title="Programming Language">
919
+ <span>瑞瑞同学_</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
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/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</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/_632fb19cc6ef3" 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/1190000042573592" target="_blank" title="面试题-Java基础">面试题-Java基础</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/liboshuai" title="Programming Language">
975
- <span>李博帅</span>
976
- </a>
977
- </div>
978
- <div class="details">
979
- JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...
923
+ 最近公司项目需要接入海康视频监控，先后使用了easyplayer.js(只能播放海康视频的hls视频流，加载很慢，放弃),海康自带WEB插件(需要用户安装插件，放弃)，最终决定使用海康H5player.js插件，使用版本V2.12，供大...
980
924
  </div>
981
925
  </div>
982
926
  </li>
@@ -997,7 +941,7 @@
997
941
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
942
  </a>
999
943
  </div>
1000
- <div class="time">Last cache created on 2022/10/7 by Github API v3.</div>
944
+ <div class="time">Last cache created on 2022/10/9 by Github API v3.</div>
1001
945
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
946
  </div>
1003
947
  </body>