@wcj/github-rank 22.6.14 → 22.6.17

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 +37672 -37676
  2. package/dist/sifou-daily.json +92 -56
  3. package/dist/sifou-monthly.json +110 -110
  4. package/dist/sifou-weekly.json +169 -169
  5. package/dist/toutiao-30.json +73 -73
  6. package/dist/toutiao-7.json +131 -131
  7. package/dist/toutiao-90.json +58 -58
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +160 -160
  10. package/dist/trending-weekly.json +159 -159
  11. package/dist/users.china.json +2558 -2560
  12. package/dist/users.json +3577 -3578
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +37672 -37676
  16. package/web/data/sifou-daily.json +92 -56
  17. package/web/data/sifou-monthly.json +110 -110
  18. package/web/data/sifou-weekly.json +169 -169
  19. package/web/data/toutiao-30.json +73 -73
  20. package/web/data/toutiao-7.json +131 -131
  21. package/web/data/toutiao-90.json +58 -58
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +160 -160
  24. package/web/data/trending-weekly.json +159 -159
  25. package/web/data/users.china.json +2558 -2560
  26. package/web/data/users.json +3577 -3578
  27. package/web/index.html +1849 -1849
  28. package/web/repos.html +4334 -4338
  29. package/web/sifou-daily.html +159 -47
  30. package/web/sifou-monthly.html +133 -133
  31. package/web/sifou-weekly.html +142 -142
  32. package/web/toutiao-30.html +105 -105
  33. package/web/toutiao-7.html +90 -90
  34. package/web/toutiao-90.html +75 -75
  35. package/web/trending-monthly.html +141 -141
  36. package/web/trending-weekly.html +141 -137
  37. package/web/trending.html +150 -150
  38. package/web/users.china.html +1367 -1367
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/14 by
119
+ <div class="time">Last cache created on 2022/6/17 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
150
+ <a href="https://segmentfault.com/a/1190000041974425" target="_blank" title="巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）">巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
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>24</span>
161
+ <span>16</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
- <span>chokcoco</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
165
+ <span>水冗水孚</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...
169
+ 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -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>11</span>
189
+ <span>17</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" 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/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
206
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,12 @@
217
217
  <span>7</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
221
- <span>六一</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
221
+ <span>葡萄城技术团队</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
225
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
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/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
234
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</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>4</span>
245
+ <span>10</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
249
- <span>葡萄城技术团队</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
249
+ <span>XboxYan</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
253
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
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/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</a>
262
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</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>4</span>
273
+ <span>7</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
277
- <span>TNTWEB</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
277
+ <span>十方</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
281
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
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/1190000041952886" target="_blank" title="解决跨海高并发崩溃难题？so easy">解决跨海高并发崩溃难题？so easy</a>
290
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -301,12 +301,12 @@
301
301
  <span>4</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/kasong" title="Programming Language">
305
+ <span>卡颂</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...
309
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
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/1190000041961319" target="_blank" title="「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！">「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！</a>
318
+ <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</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>1</span>
329
+ <span>8</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
333
- <span>MissD</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
+ <span>chokcoco</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。
337
+ content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
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/1190000041958877" target="_blank" title="react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案">react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案</a>
346
+ <a href="https://segmentfault.com/a/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</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>3</span>
357
+ <span>5</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
361
- <span>胡哥有话说</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
361
+ <span>TNTWEB</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...
365
+ 视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
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/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
374
+ <a href="https://segmentfault.com/a/1190000041974556" target="_blank" title="【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新">【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新</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>4</span>
385
+ <span>6</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
389
- <span>程序员亮仔</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
- 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
393
+ 大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...
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/1190000041954455" target="_blank" title="BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）">BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）</a>
402
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</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>2</span>
413
+ <span>4</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
417
- <span>葡萄城技术团队</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
417
+ <span>7small7</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...
421
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
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/1190000041954650" target="_blank" title="JS自动生成24小时时间区间，时间跨度为60或30分钟">JS自动生成24小时时间区间，时间跨度为60或30分钟</a>
430
+ <a href="https://segmentfault.com/a/1190000041986392" target="_blank" title="什么是走索引？">什么是走索引？</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>4</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
445
- <span>十方</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
445
+ <span>云叔_又拍云</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...
449
+ 索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...
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/1190000041959460" target="_blank" title="一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响">一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响</a>
458
+ <a href="https://segmentfault.com/a/1190000041983409" target="_blank" title="2022中国信通院安全运营发展论坛成功召开">2022中国信通院安全运营发展论坛成功召开</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>3</span>
469
+ <span>1</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
473
- <span>MissD</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
473
+ <span>snakesss</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 近日，一位 18 岁的新手因向 GitHub 仓库提交 PR(Pull Request，Pull 请求)，结果一个“@”让 GitHub 变身“僵尸网络”向近 40 万开发者狂发骚扰邮件的“reply-all 风暴”热度席卷了开源圈。
477
+ 6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...
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/1190000041947212" target="_blank" title="用 Go 快速开发一个 RESTful API 服务">用 Go 快速开发一个 RESTful API 服务</a>
486
+ <a href="https://segmentfault.com/a/1190000041975524" target="_blank" title="喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。">喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>3</span>
497
+ <span>2</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
501
- <span>kevinwan</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
501
+ <span>why技术</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本低等优点，可以帮助我们快速实现产品需求。我们在使用单体服务快速交付业务价值的同时，也需要为...
505
+ 前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。
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/1190000041951432" target="_blank" title="基于Gin框架的web后端开发（四）: 获取FORM表单参数">基于Gin框架的web后端开发（四）: 获取FORM表单参数</a>
514
+ <a href="https://segmentfault.com/a/1190000041961440" target="_blank" title="JS实现JSON对象与URL参数的相互转换">JS实现JSON对象与URL参数的相互转换</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>5</span>
525
+ <span>3</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
529
- <span>LiberHome</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
529
+ <span>十方</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 我们常用POST请求发送FORM表单数据，这种方式相对于GET方式更加安全。这里先放一个我写的简陋的水平居中的登录页面 {代码...} 登录页的效果是这样的：好了，接下来，把form表单发送给服务器的post请求也加上： {...
533
+ JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。
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/1190000041956341" target="_blank" title="一文搞懂│http 和 https 的通信过程及区别">一文搞懂│http 和 https 的通信过程及区别</a>
542
+ <a href="https://segmentfault.com/a/1190000041986657" target="_blank" title="SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！">SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>1</span>
553
+ <span>3</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
557
- <span>程序员亮仔</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
557
+ <span>Beverly</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 一、两者的区别端口： http 端口号是80， https 端口号是443传输协议： http 是超文本传输协议，属于明文传输； https 是安全的超文本传输协议，是经过 SSL 加密后的传输协议安全性： https 使用了 TLS/SSL 加密...
561
+ Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...
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/1190000041955642" target="_blank" title="JS判定一个给定的时间在某个时间范围内">JS判定一个给定的时间在某个时间范围内</a>
570
+ <a href="https://segmentfault.com/a/1190000041973838" 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>3</span>
581
+ <span>4</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
585
- <span>十方</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
585
+ <span>前端小智</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 有这样的一个场景：给定一个时间，需要判定这个时间在哪个时间范围内.比如时间范围如下： {代码...} 现在给定一个时间 15:28 ，那么就需要返回 [&#34;15:00&#34;,&#34;16:00&#34;] 这个时间范围，具体的实现代码如下： {代码...} ...
589
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041949207" target="_blank" title="彰显个性│github和gitlab之自定义首页样式">彰显个性│github和gitlab之自定义首页样式</a>
598
+ <a href="https://segmentfault.com/a/1190000041974376" target="_blank" title="实战模拟│企业微信机器人实时报错预警">实战模拟│企业微信机器人实时报错预警</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <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"/>
607
607
  </g>
608
608
  </svg>
609
- <span>3</span>
609
+ <span>1</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
613
- <span>程序员亮仔</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
613
+ <span>极客飞兔</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 一、个性首页相信很多小伙伴在逛 github 和 gitlab 的时候会发现很多开发者的首页异常的炫酷，如 [链接]二、制作步骤是不是立马想拥有一个属于自己的高大上主页了从上图中我们可以看出，其实它展示的一个 readme ...
617
+ 一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...
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/1190000041950968" target="_blank" title="二极管实现或门以及与门的理解">二极管实现或门以及与门的理解</a>
626
+ <a href="https://segmentfault.com/a/1190000041964961" target="_blank" title="微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code">微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -637,12 +637,12 @@
637
637
  <span>2</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
641
- <span>kumfo</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
641
+ <span>MissD</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 二极管实现与门还是或门的前提都是利用二极管的钳位作用，二极管的钳位作用说白了就是，在并联电路中，并联电路上的电压会强制被降压到二极管的电压，以常见的硅二极管来说，二极管接入电路中分担电压大概为0.7V...
645
+ 太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”
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/1190000041953639" target="_blank" title="得物技术埋点自动化验证的探索和最佳实践">得物技术埋点自动化验证的探索和最佳实践</a>
654
+ <a href="https://segmentfault.com/a/1190000041979445" target="_blank" title="还在用Navicat？这款开源的数据库管理工具界面更炫酷！">还在用Navicat？这款开源的数据库管理工具界面更炫酷！</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>2</span>
665
+ <span>1</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
669
- <span>得物技术</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
669
+ <span>macrozheng</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。
673
+ 数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！
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/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看那些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看那些还需要学？</a>
682
+ <a href="https://segmentfault.com/a/1190000041976390" target="_blank" title="如何使用 GitHub 讨论作为您博客的聊天系统">如何使用 GitHub 讨论作为您博客的聊天系统</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>1</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
697
- <span>Beverly</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
697
+ <span>杭州程序员张张</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
701
+ 在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。
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/1190000041957646" target="_blank" title="JS实现的接粽子小游戏，愿你好运接粽而至">JS实现的接粽子小游戏，愿你好运接粽而至</a>
710
+ <a href="https://segmentfault.com/a/1190000041970976" target="_blank" title="全球 77.5% 的网站都在用 PHP；百度一程序员删库被判 9 个月；OpenCV 4.6 发布 | 思否周刊">全球 77.5% 的网站都在用 PHP；百度一程序员删库被判 9 个月；OpenCV 4.6 发布 | 思否周刊</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>1</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/linshuai" title="Programming Language">
725
- <span>linshuai</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
725
+ <span>snakesss</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 端午节虽然已经过了，但是美好的生活以旧在继续。这里用 JS 实现了一个简单的接粽子小游戏，寓意美好接粽而至。能接到多少粽子，完全看你手速，不用担心端午没粽子了。线上体验地址
729
+ 40s 新闻速递百度一程序员 “删库” 被判刑 9 个月欧盟 2024 年起统一使用 Type-C 接口，苹果或于明年底发布 Type-C iPhone全球 77.5% 的网站都在用 php马斯克为收购 Twitter 筹集新资金的工作由于不确定性而暂停苹...
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/1190000041935473" target="_blank" title="新提案，初识CSS的object-view-box属性">新提案，初识CSS的object-view-box属性</a>
738
+ <a href="https://segmentfault.com/a/1190000041984588" target="_blank" title="HTML DOM querySelectorAll() 代替 jquery的 $(&#39;&#39;) CSS选择器">HTML DOM querySelectorAll() 代替 jquery的 $(&#39;&#39;) CSS选择器</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -749,12 +749,12 @@
749
749
  <span>1</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
- <span>前端小智</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
753
+ <span>TANKING</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
757
+ querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$(&#39;&#39;)选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。
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/1190000041964961" target="_blank" title="微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code">微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code</a>
766
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</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>2</span>
777
+ <span>7</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
781
- <span>MissD</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
781
+ <span>前端小智</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”
785
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
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/1190000041957879" target="_blank" title="还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！">还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！</a>
794
+ <a href="https://segmentfault.com/a/1190000041963752" target="_blank" title="基于Gin框架的web后端开发（十）: Gin框架-中间件(定义、使用、通信与实例)详解">基于Gin框架的web后端开发（十）: Gin框架-中间件(定义、使用、通信与实例)详解</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>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
809
- <span>macrozheng</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
809
+ <span>LiberHome</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 关注我Github的小伙伴应该了解，之前我开源了一款快速开发脚手架mall-tiny，该脚手架继承了mall项目的技术栈，拥有完整的权限管理功能。最近抽空把该项目支持了Spring Boot 2.7.0，今天再和大家聊聊这个脚手架，...
813
+ Gin-中间件：Gin框架的作者为开发者们提供的一种机制，可以让开发者自定义请求执行的Hook函数，中间件函数（或者叫Hook函数、钩子函数）适合处理很多重复的操作的场景（比如登录认证，权限校验，数据分页，耗时统...
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/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
822
+ <a href="https://segmentfault.com/a/1190000041975376" target="_blank" title="View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件">View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件</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/shifang_5b2b70d160932" title="Programming Language">
837
- <span>十方</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/aresn" title="Programming Language">
837
+ <span>Aresn</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
841
+ 新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构
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/1190000041958374" target="_blank" title="如何用pkg打包nodejs可执行文件">如何用pkg打包nodejs可执行文件</a>
850
+ <a href="https://segmentfault.com/a/1190000041963346" target="_blank" title="微服务效率工具 goctl 深度解析（上）">微服务效率工具 goctl 深度解析（上）</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>2</span>
861
+ <span>1</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
865
- <span>墨城</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
865
+ <span>kevinwan</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 使用pkg可以将Node.js项目打包为可执行文件，甚至可以在未安装Node.js的设备上运行。实验环境操作系统：windowsnode版本: 16.14.2操作过程下载PKG咱们可以选择全局安装，在任意目录执行： {代码...} 打包程序先写...
869
+ goctl 的最早功能是为了解决 GRPC 内网调试问题，大约是在 2019 年，在我们的生产环境中，rpc 是内网隔离的，不可通过外网访问，为了快速去 mock 一些线上 RPC client 的请求，就简单的实现了第一版本的代码生成...
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/1190000041956753" target="_blank" title="直播活动系统：基于消息总线的组合能力">直播活动系统：基于消息总线的组合能力</a>
878
+ <a href="https://segmentfault.com/a/1190000041966067" target="_blank" title="Cube 技术解读 | Cube 渲染设计的前世今生">Cube 技术解读 | Cube 渲染设计的前世今生</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <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"/>
887
887
  </g>
888
888
  </svg>
889
- <span>2</span>
889
+ <span>1</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
893
- <span>云音乐技术团队</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/alimobile" title="Programming Language">
893
+ <span>阿里巴巴移动技术</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 所谓组装，就离不开老生常谈的复用，我们可以对大部分认为比较共性的场景做好系统级别的封装，封装成一个个复用度较高的服务，然后通过接口和扩展点的方式进行一部分的能力开放，但是有一种场景是解决不了的，就...
897
+ 阿里是个重运营的公司，前端开发者居多，2016-2017年，在Weex还是1.0时代，React Native开源还没多久，Flutter还没诞生的时候，如何在贴合前端开发环境的前提下，快速铺到android/iOS双平台是个大热点，支付宝内...
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/1190000041961440" target="_blank" title="JS实现JSON对象与URL参数的相互转换">JS实现JSON对象与URL参数的相互转换</a>
906
+ <a href="https://segmentfault.com/a/1190000041986500" target="_blank" title="得物前端唤端业务场景和技术精讲">得物前端唤端业务场景和技术精讲</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>2</span>
917
+ <span>1</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
921
- <span>十方</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
921
+ <span>得物技术</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。
925
+ 当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...
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/1190000041949675" target="_blank" title="(干货)基于 veImageX 搭建海报生成平台 -- 附源码">(干货)基于 veImageX 搭建海报生成平台 -- 附源码</a>
934
+ <a href="https://segmentfault.com/a/1190000041969334" target="_blank" title="6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑">6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑</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>2</span>
945
+ <span>1</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/xiaoqi_60b719bbbf33e" title="Programming Language">
949
- <span>七脉神剑</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
949
+ <span>MissD</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 618 年中促销即将来临，很多公司都会通过海报来宣传自己的促销方案，通常情况下海报由设计团队基于 PS、Sketch 等工具创作，后期若想替换海报文案、商品列表等内容则需打开原工程进行二次创作，修改门槛高且不够...
953
+ 近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。
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/1190000041954099" target="_blank" title="Go 想要加个箭头语法，这下更像 PHP 了！">Go 想要加个箭头语法，这下更像 PHP 了！</a>
962
+ <a href="https://segmentfault.com/a/1190000041965895" target="_blank" title="React Fiber架构原理">React Fiber架构原理</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
977
- <span>煎鱼</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
977
+ <span>xiangzhihong</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 新的 Go 提案目的是添加轻量级的匿名函数语法，业内别名又叫 “箭头语法”，是由 @Damien Neil 所提出的，提案的来源是《proposal: Go 2: Lightweight anonymous function syntax》，褒贬都有：
981
+ 在 React 16 之前，VirtualDOM 的更新过程是采用 Stack 架构实现的，也就是循环递归方式。这种对比方式有一个问题，就是一旦任务开始进行就无法中断，如果应用中组件数量庞大，Virtual DOM 的层级就会比较深。如...
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/14 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/17 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>