@wcj/github-rank 22.6.2 → 22.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +33744 -33760
  2. package/dist/sifou-daily.json +30 -102
  3. package/dist/sifou-monthly.json +109 -109
  4. package/dist/sifou-weekly.json +161 -161
  5. package/dist/toutiao-30.json +51 -51
  6. package/dist/toutiao-7.json +121 -121
  7. package/dist/toutiao-90.json +34 -34
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +171 -171
  10. package/dist/trending-weekly.json +173 -173
  11. package/dist/users.china.json +2418 -2418
  12. package/dist/users.json +3289 -3289
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33744 -33760
  16. package/web/data/sifou-daily.json +30 -102
  17. package/web/data/sifou-monthly.json +109 -109
  18. package/web/data/sifou-weekly.json +161 -161
  19. package/web/data/toutiao-30.json +51 -51
  20. package/web/data/toutiao-7.json +121 -121
  21. package/web/data/toutiao-90.json +34 -34
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +171 -171
  24. package/web/data/trending-weekly.json +173 -173
  25. package/web/data/users.china.json +2418 -2418
  26. package/web/data/users.json +3289 -3289
  27. package/web/index.html +1709 -1709
  28. package/web/repos.html +4352 -4356
  29. package/web/sifou-daily.html +26 -250
  30. package/web/sifou-monthly.html +141 -141
  31. package/web/sifou-weekly.html +140 -140
  32. package/web/toutiao-30.html +48 -48
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +59 -59
  35. package/web/trending-monthly.html +152 -148
  36. package/web/trending-weekly.html +150 -150
  37. package/web/trending.html +144 -148
  38. package/web/users.china.html +1281 -1281
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/6/2 by
119
+ <div class="time">Last cache created on 2022/6/5 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
158
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
159
159
  </g>
160
160
  </svg>
161
- <span>39</span>
161
+ <span>40</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
@@ -186,7 +186,7 @@
186
186
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
187
187
  </g>
188
188
  </svg>
189
- <span>20</span>
189
+ <span>22</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
206
+ <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
215
  </g>
216
216
  </svg>
217
- <span>8</span>
217
+ <span>9</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
221
- <span>韩天峰</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
221
+ <span>Beverly</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
225
+ JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</a>
234
+ <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
243
243
  </g>
244
244
  </svg>
245
- <span>8</span>
245
+ <span>11</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
249
- <span>dragonir</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
249
+ <span>思否编辑部</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
253
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
262
+ <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
271
271
  </g>
272
272
  </svg>
273
- <span>7</span>
273
+ <span>5</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
277
- <span>Beverly</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
277
+ <span>SegmentFault思否</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
281
+ 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041898249" target="_blank" title="Change Buffer 只适用于非唯一索引页？错">Change Buffer 只适用于非唯一索引页？错</a>
290
+ <a href="https://segmentfault.com/a/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
299
299
  </g>
300
300
  </svg>
301
- <span>6</span>
301
+ <span>9</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
305
- <span>云叔_又拍云</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
305
+ <span>XboxYan</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：
309
+ 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
318
+ <a href="https://segmentfault.com/a/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
327
327
  </g>
328
328
  </svg>
329
- <span>8</span>
329
+ <span>5</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
333
- <span>亖混子</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
333
+ <span>Peter谭老师</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
337
+ 背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</a>
346
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
355
355
  </g>
356
356
  </svg>
357
- <span>7</span>
357
+ <span>8</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
- <span>XboxYan</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
361
+ <span>亖混子</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
365
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041907712" target="_blank" title="Go 反射机制详解">Go 反射机制详解</a>
374
+ <a href="https://segmentfault.com/a/1190000041926032" target="_blank" title="Golang 常见设计模式之单例模式">Golang 常见设计模式之单例模式</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>6</span>
385
+ <span>5</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
389
- <span>LiberHome</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
389
+ <span>云叔_又拍云</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...
393
+ 之前我们已经看过了 Golang 常见设计模式中的装饰和选项模式，今天要看的是 Golang 设计模式里最简单的单例模式。单例模式的作用是确保无论对象被实例化多少次，全局都只有一个实例存在。根据这一特性，我们可以...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</a>
402
+ <a href="https://segmentfault.com/a/1190000041921943" target="_blank" title="无需安装、注册，一行命令搞定内网穿透！关键是完全免费">无需安装、注册，一行命令搞定内网穿透！关键是完全免费</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>6</span>
413
+ <span>8</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
417
- <span>佩奇烹饪家</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
417
+ <span>民工哥</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
421
+ 内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
430
+ <a href="https://segmentfault.com/a/1190000041919298" target="_blank" title="3000帧动画图解MySQL为什么需要binlog、redo log和undo log">3000帧动画图解MySQL为什么需要binlog、redo log和undo log</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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"/>
439
439
  </g>
440
440
  </svg>
441
- <span>2</span>
441
+ <span>7</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
445
- <span>六一</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
445
+ <span>CoderW</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
449
+ 全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041919298" target="_blank" title="3000帧动画图解MySQL为什么需要binlog、redo log和undo log">3000帧动画图解MySQL为什么需要binlog、redo log和undo log</a>
458
+ <a href="https://segmentfault.com/a/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
467
467
  </g>
468
468
  </svg>
469
- <span>6</span>
469
+ <span>4</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
473
- <span>CoderW</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/aobing" title="Programming Language">
473
+ <span>敖丙</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...
477
+ 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
486
+ <a href="https://segmentfault.com/a/1190000041926424" target="_blank" title="十年老友记 | @Dont：可以说我是看着思否从小长大的">十年老友记 | @Dont：可以说我是看着思否从小长大的</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -497,12 +497,12 @@
497
497
  <span>3</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
501
- <span>沉静地闪光</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
501
+ <span>思否编辑部</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
505
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041921943" target="_blank" title="无需安装、注册，一行命令搞定内网穿透！关键是完全免费">无需安装、注册，一行命令搞定内网穿透！关键是完全免费</a>
514
+ <a href="https://segmentfault.com/a/1190000041914844" target="_blank" title="多线程下载、数学求解器... Edge，你还有多少惊喜是我不知道的？">多线程下载、数学求解器... Edge，你还有多少惊喜是我不知道的？</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>6</span>
525
+ <span>2</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
529
- <span>民工哥</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
529
+ <span>snakesss</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...
533
+ 自 2010 年谷歌 Chrome 浏览器发布后，其凭借“首款支持 Windows、Linux 操作系统稳定版本“的强大背景迅速占领全球市场。而 Edge 浏览器发布于 2015 年，这些年 Edge 浏览器一路“摸爬滚打”，直到现在终于能和 Chro...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041903085" target="_blank" title="linux挂载新硬盘并进行分区格式化">linux挂载新硬盘并进行分区格式化</a>
542
+ <a href="https://segmentfault.com/a/1190000041923452" target="_blank" title="地表最强 Markdown 文本编辑工具——Obsidian">地表最强 Markdown 文本编辑工具——Obsidian</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -553,12 +553,12 @@
553
553
  <span>3</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/zimug" title="Programming Language">
557
- <span>字母哥博客</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/jeffjade" title="Programming Language">
557
+ <span>jeffjade</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 最近要给小伙伴们写几篇文章，关于《linux下误删除文件之后该如何恢复》。对于没有进程占用的文件想要进行数据恢复，不同的文件系统格式需要使用不同的工具，比如：ext4、xfs等。我找遍了我所有的虚拟机服务器，...
561
+ 沈从文先生在给张兆和的情书中，有写道：“我一辈子走过许多地方的路，行过许多地方的桥，看过许多形状的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过非常多基于 Markdown ...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
570
+ <a href="https://segmentfault.com/a/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>4</span>
581
+ <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/zuoyan" title="Programming Language">
585
- <span>左盐</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
585
+ <span>冴羽</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
589
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</a>
598
+ <a href="https://segmentfault.com/a/1190000041913353" target="_blank" title="&#39;return await promise&#39; 与 &#39;return promise&#39; 这细微的区别">&#39;return await promise&#39; 与 &#39;return promise&#39; 这细微的区别</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/aobing" title="Programming Language">
613
- <span>敖丙</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
+ <span>前端小智</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
617
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041906954" target="_blank" title="冴羽答读者问：怎么平衡工作与生活？">冴羽答读者问：怎么平衡工作与生活？</a>
626
+ <a href="https://segmentfault.com/a/1190000041923139" target="_blank" title="React 发明的 server component 居然和 server-side render不是一个东西">React 发明的 server component 居然和 server-side render不是一个东西</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
635
635
  </g>
636
636
  </svg>
637
- <span>3</span>
637
+ <span>2</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
641
- <span>冴羽</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/loki" title="Programming Language">
641
+ <span>知心哥哥</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...
645
+ React 发明的 server component 居然和 server-side render不是一个东西，是用一种JSON数据把页面描述出来，让浏览器渲染的技术。
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
654
+ <a href="https://segmentfault.com/a/1190000041926606" target="_blank" title="十年老友记 | @杨成功：没有什么能比写代码更让我快乐">十年老友记 | @杨成功：没有什么能比写代码更让我快乐</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
663
663
  </g>
664
664
  </svg>
665
- <span>3</span>
665
+ <span>2</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
669
- <span>云音乐技术团队</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
669
+ <span>思否编辑部</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
673
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</a>
682
+ <a href="https://segmentfault.com/a/1190000041913824" target="_blank" title="精读《web reflow》">精读《web reflow》</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
691
691
  </g>
692
692
  </svg>
693
- <span>3</span>
693
+ <span>4</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
697
- <span>冴羽</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
697
+ <span>黄子毅</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
701
+ 网页渲染会经历 DOM -&gt; CSSOM -&gt; Layout(重排 or reflow) -&gt; Paint(重绘) -&gt; Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041904219" target="_blank" title="云音乐低代码：基于 CodeSandbox 的沙箱性能优化">云音乐低代码：基于 CodeSandbox 的沙箱性能优化</a>
710
+ <a href="https://segmentfault.com/a/1190000041918026" target="_blank" title="前端需要了解的色彩知识">前端需要了解的色彩知识</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
719
  </g>
720
720
  </svg>
721
- <span>2</span>
721
+ <span>5</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
725
- <span>云音乐技术团队</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
725
+ <span>野林</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...
729
+ 在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041910623" target="_blank" title="iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊">iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊</a>
738
+ <a href="https://segmentfault.com/a/1190000041923141" target="_blank" title="11个常用JS小小技巧">11个常用JS小小技巧</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>2</span>
749
+ <span>6</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
753
- <span>snakesss</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/lengxing" title="Programming Language">
753
+ <span>前端荣耀</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 40s 新闻速递扎克伯格因参与数据泄露决策遭起诉苹果 iPhone 14 Pro 高清渲染图曝光苹果关闭 iOS 15.4.1 验证通道Win11 “大义灭亲”：控制功能拦截自家文件搜狐大量员工遭遇 “工资补助” 诈骗，损失惨重iPhone14 有...
757
+ 在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041909858" target="_blank" title="坑：ssh: connect to host github.com port 22: Connection refused">坑：ssh: connect to host github.com port 22: Connection refused</a>
766
+ <a href="https://segmentfault.com/a/1190000041926643" target="_blank" title="十年老友记 | @边城：恰当的编程是会产生幸福感的">十年老友记 | @边城：恰当的编程是会产生幸福感的</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>7</span>
777
+ <span>2</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
781
- <span>coding进阶</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
781
+ <span>思否编辑部</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 本文以Windows系统为例进行说明，在个人电脑上使用Git命令来操作GitHub上的项目，本来都很正常，突然某一天开始，会提示如下错误ssh: connect to host github.com port 22: Connection refused。
785
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
794
+ <a href="https://segmentfault.com/a/1190000041933782" target="_blank" title="Flutter与webview通信桥梁开发">Flutter与webview通信桥梁开发</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
802
  <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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>3</span>
805
+ <span>1</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
809
- <span>徐三刀</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
809
+ <span>JenK</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
813
+ 最近业务有需求需要在flutter内使用webview进行内嵌H5进行展示，此时需要涉及到H5与flutter之间额通信问题。比如发送消息或者H5调用Flutter的相机等等
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041899090" target="_blank" title="JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE">JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE</a>
822
+ <a href="https://segmentfault.com/a/1190000041926813" target="_blank" title="2022年你不知道的CSS新特性">2022年你不知道的CSS新特性</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
831
831
  </g>
832
832
  </svg>
833
- <span>2</span>
833
+ <span>1</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
837
- <span>程序猿DD</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/yangyaya" title="Programming Language">
837
+ <span>阳呀呀</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。
841
+ 虽然2022年已经过去了三分之一，但是也不妨碍我们来聊一聊，在今年CSS都会新增哪些新特性。其中有些特性已经在主流浏览器中得到了支持，有些还在实验性阶段，但也会随着时间的推移慢慢而来。
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041913824" target="_blank" title="精读《web reflow》">精读《web reflow》</a>
850
+ <a href="https://segmentfault.com/a/1190000041917022" target="_blank" title="绿色城市智慧运营：Web 3D 垃圾分类 GIS 系统">绿色城市智慧运营：Web 3D 垃圾分类 GIS 系统</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
859
859
  </g>
860
860
  </svg>
861
- <span>4</span>
861
+ <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
865
- <span>黄子毅</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
865
+ <span>hightopo</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 网页渲染会经历 DOM -&gt; CSSOM -&gt; Layout(重排 or reflow) -&gt; Paint(重绘) -&gt; Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。
869
+ 《上海市生活垃圾管理条例》施行至今已有两年多，上海市民践行绿色低碳理念、主动参与生活垃圾分类的习惯基本养成，分类实效逐步趋于稳定，湿垃圾分类量稳定在日均 9000 吨以上，可回收物回收量保持在日均 7000 ...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041896797" target="_blank" title="让你事半功倍的JS utils工具函数">让你事半功倍的JS utils工具函数</a>
878
+ <a href="https://segmentfault.com/a/1190000041933855" target="_blank" title="杭漂5年前端感受-白驹过隙，人生如梦">杭漂5年前端感受-白驹过隙，人生如梦</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -889,12 +889,12 @@
889
889
  <span>2</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
893
- <span>南城大前端</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/chennihuannianqing" title="Programming Language">
893
+ <span>趁你还年轻</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 今日分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。
897
+ 高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041909488" target="_blank" title="【Java面试】如何中断一个正在运行的线程？">【Java面试】如何中断一个正在运行的线程？</a>
906
+ <a href="https://segmentfault.com/a/1190000041911703" target="_blank" title="不要用100vh做移动响应">不要用100vh做移动响应</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <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"/>
915
915
  </g>
916
916
  </svg>
917
- <span>4</span>
917
+ <span>2</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
921
- <span>跟着Mic学架构</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
921
+ <span>前端小智</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...
925
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041910095" target="_blank" title="JavaScript 之原型、原型链">JavaScript 之原型、原型链</a>
934
+ <a href="https://segmentfault.com/a/1190000041922305" target="_blank" title="如果做到前后端并行开发？使用云端Mock真的是效率大增！！！">如果做到前后端并行开发？使用云端Mock真的是效率大增！！！</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>3</span>
945
+ <span>1</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
949
- <span>佩奇烹饪家</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
949
+ <span>Sunshine_Lin</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...
953
+ 前言大家好，我是林三心前后端分离回想起几年前那种前后端一体的时代，就有点抓狂，那时候如果一个项目给一人负责还好，要是多人开发，那简直是麻烦上天了（懂的都懂）近几年开始转为前后端分离的开发模式，降低...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041909288" target="_blank" title="GitHub Copilot could not connect to server">GitHub Copilot could not connect to server</a>
962
+ <a href="https://segmentfault.com/a/1190000041919860" target="_blank" title="Go 项目配置文件的定义和读取">Go 项目配置文件的定义和读取</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>2</span>
973
+ <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/luoyang_5c76c1a8be165" title="Programming Language">
977
- <span>裸阳</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
977
+ <span>kevinwan</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- GitHub Copilot could not connect to server. Extension activation failed: &#34;connect ECONNREFUSED 127.0.0.1:443&#34;
981
+ 我们在写应用时，基本都会用到配置文件，从各种 shell 到 nginx 等，都有自己的配置文件。虽然这没有太多难度，但是配置项一般相对比较繁杂，解析、校验也会比较麻烦。本文就给大家讲讲我们是怎么简化配置文件的...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/6/2 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/5 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>