@wcj/github-rank 22.6.12 → 22.6.15

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 +33277 -33294
  2. package/dist/sifou-daily.json +48 -21
  3. package/dist/sifou-monthly.json +95 -95
  4. package/dist/sifou-weekly.json +157 -157
  5. package/dist/toutiao-30.json +71 -71
  6. package/dist/toutiao-7.json +117 -117
  7. package/dist/toutiao-90.json +49 -49
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2335 -2337
  12. package/dist/users.json +3784 -3785
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33277 -33294
  16. package/web/data/sifou-daily.json +48 -21
  17. package/web/data/sifou-monthly.json +95 -95
  18. package/web/data/sifou-weekly.json +157 -157
  19. package/web/data/toutiao-30.json +71 -71
  20. package/web/data/toutiao-7.json +117 -117
  21. package/web/data/toutiao-90.json +49 -49
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +2335 -2337
  26. package/web/data/users.json +3784 -3785
  27. package/web/index.html +1864 -1864
  28. package/web/repos.html +4170 -4170
  29. package/web/sifou-daily.html +103 -19
  30. package/web/sifou-monthly.html +110 -110
  31. package/web/sifou-weekly.html +144 -144
  32. package/web/toutiao-30.html +79 -79
  33. package/web/toutiao-7.html +78 -78
  34. package/web/toutiao-90.html +63 -63
  35. package/web/trending-monthly.html +143 -135
  36. package/web/trending-weekly.html +143 -147
  37. package/web/trending.html +140 -152
  38. package/web/users.china.html +1246 -1246
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/12 by
119
+ <div class="time">Last cache created on 2022/6/15 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>22</span>
161
+ <span>11</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>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
178
+ <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
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>13</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
- <span>XboxYan</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
193
+ <span>杨成功</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：
197
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -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/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
206
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</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>9</span>
217
+ <span>8</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
221
- <span>why技术</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
221
+ <span>六一</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
225
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
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/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
234
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</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>6</span>
245
+ <span>4</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
249
- <span>六一</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
249
+ <span>葡萄城技术团队</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
253
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
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/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
262
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</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>8</span>
273
+ <span>7</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
277
- <span>沉静地闪光</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
277
+ <span>XboxYan</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
281
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
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/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
290
+ <a href="https://segmentfault.com/a/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</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>3</span>
301
+ <span>4</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
305
- <span>葡萄城技术团队</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
305
+ <span>TNTWEB</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
309
+ 视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
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/1190000041944842" target="_blank" title="一文搞懂四种 WebSocket 使用方式，建议收藏！！！">一文搞懂四种 WebSocket 使用方式，建议收藏！！！</a>
318
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</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>11</span>
329
+ <span>6</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/heerduo" title="Programming Language">
333
- <span>和耳朵</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
333
+ <span>程序员亮仔</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 在上家公司做IM消息系统的时候，一直是使用 WebSocket 作为收发消息的基础组件，今天就和大家聊聊在 Java 中，使用 WebSocket 所常见的四种姿势，如果大家以后或者现在碰到有要使用 WebSoocket 的情况可以做个参考。
337
+ 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
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/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
346
+ <a href="https://segmentfault.com/a/1190000041952886" target="_blank" title="解决跨海高并发崩溃难题？so easy">解决跨海高并发崩溃难题？so easy</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>4</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
361
- <span>杨成功</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
361
+ <span>云叔_又拍云</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
365
+ 近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...
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/1190000041943445" target="_blank" title="2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势">2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势</a>
374
+ <a href="https://segmentfault.com/a/1190000041958374" target="_blank" title="如何用pkg打包nodejs可执行文件">如何用pkg打包nodejs可执行文件</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>4</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
389
- <span>MissD</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
389
+ <span>墨城</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 此次报告，共有来自全球 125 个国家 / 地区、超 3700+ 名前端开发专业人士填写了调查，同时也融合了来自前端技术开发领域的 19 位专家的观点与分享，并对前端 2020 年和 2022 年的数据并排呈现作对比后最终得出了...
393
+ 使用pkg可以将Node.js项目打包为可执行文件，甚至可以在未安装Node.js的设备上运行。实验环境操作系统：windowsnode版本: 16.14.2操作过程下载PKG咱们可以选择全局安装，在任意目录执行： {代码...} 打包程序先写...
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/1190000041952886" target="_blank" title="解决跨海高并发崩溃难题？so easy">解决跨海高并发崩溃难题？so easy</a>
402
+ <a href="https://segmentfault.com/a/1190000041961319" target="_blank" title="「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！">「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！</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>4</span>
413
+ <span>1</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
417
- <span>云叔_又拍云</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
417
+ <span>MissD</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...
421
+ 随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。
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/1190000041961319" target="_blank" title="「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！">「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！</a>
430
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看那些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看那些还需要学？</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>1</span>
441
+ <span>2</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
445
- <span>MissD</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
445
+ <span>Beverly</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。
449
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
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/1190000041935752" target="_blank" title="Spring是如何支持多数据源的">Spring是如何支持多数据源的</a>
458
+ <a href="https://segmentfault.com/a/1190000041974556" target="_blank" title="【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新">【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>6</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/zhengxl5566" title="Programming Language">
473
- <span>Java课代表</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
473
+ <span>云叔_又拍云</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！
477
+ 大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...
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/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
486
+ <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>
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/aoyangyudakong" title="Programming Language">
501
- <span>黄子毅</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
501
+ <span>胡哥有话说</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
505
+ 一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...
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/1190000041942759" target="_blank" title="微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF">微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF</a>
514
+ <a href="https://segmentfault.com/a/1190000041954650" target="_blank" title="JS自动生成24小时时间区间，时间跨度为60或30分钟">JS自动生成24小时时间区间，时间跨度为60或30分钟</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>3</span>
525
+ <span>2</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
529
- <span>得物技术</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
- 每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...
533
+ 1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...
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/1190000041945597" target="_blank" title="【Java面试】请说一下Mysql索引的优点和缺点？">【Java面试】请说一下Mysql索引的优点和缺点？</a>
542
+ <a href="https://segmentfault.com/a/1190000041954455" target="_blank" title="BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）">BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）</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>3</span>
553
+ <span>2</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
557
- <span>跟着Mic学架构</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
557
+ <span>葡萄城技术团队</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 今天分享的这道面试题，让一个工作4年的小伙子去大众点评拿了60W年薪。这道面试题是： ”请你说一下Mysql索引的优点和缺点“关于这道题，看看普通人和高手的回答
561
+ SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...
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/1190000041954455" target="_blank" title="BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）">BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）</a>
570
+ <a href="https://segmentfault.com/a/1190000041959460" target="_blank" title="一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响">一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响</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>2</span>
581
+ <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
585
- <span>葡萄城技术团队</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
585
+ <span>MissD</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...
589
+ 近日，一位 18 岁的新手因向 GitHub 仓库提交 PR(Pull Request，Pull 请求)，结果一个“@”让 GitHub 变身“僵尸网络”向近 40 万开发者狂发骚扰邮件的“reply-all 风暴”热度席卷了开源圈。
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/1190000041958877" target="_blank" title="react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案">react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案</a>
598
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</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/justbecoder" title="Programming Language">
613
- <span>胡哥有话说</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
613
+ <span>十方</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...
617
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
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/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</a>
626
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</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/tnfe" title="Programming Language">
641
- <span>TNTWEB</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
641
+ <span>卡颂</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
645
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
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/1190000041941513" target="_blank" title="Android对so体积优化的探索与实践">Android对so体积优化的探索与实践</a>
654
+ <a href="https://segmentfault.com/a/1190000041983409" target="_blank" title="2022中国信通院安全运营发展论坛成功召开">2022中国信通院安全运营发展论坛成功召开</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/meituanjishutuandui" title="Programming Language">
669
- <span>美团技术团队</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
669
+ <span>snakesss</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 减小应用安装包的体积，对提升用户体验和下载转化率都大有益处。本文将结合美团平台的实践经验，分享 so 体积优化的思路、收益，以及工程实践中的注意事项。
673
+ 6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...
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/1190000041942007" target="_blank" title="React新文档：不要滥用effect哦">React新文档：不要滥用effect哦</a>
682
+ <a href="https://segmentfault.com/a/1190000041955642" target="_blank" title="JS判定一个给定的时间在某个时间范围内">JS判定一个给定的时间在某个时间范围内</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>1</span>
693
+ <span>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
697
- <span>卡颂</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
697
+ <span>十方</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 大家好，我卡颂。你或你的同事在使用useEffect时有没有发生过以下场景：当你希望状态a变化后发起请求，于是你使用了useEffect： {代码...} 这段代码运行符合预期，上线后也没问题。随着需求不断迭代，其他地方也...
701
+ 有这样的一个场景：给定一个时间，需要判定这个时间在哪个时间范围内.比如时间范围如下： {代码...} 现在给定一个时间 15:28 ，那么就需要返回 [&#34;15:00&#34;,&#34;16:00&#34;] 这个时间范围，具体的实现代码如下： {代码...} ...
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/1190000041951432" target="_blank" title="基于Gin框架的web后端开发（四）: 获取FORM表单参数">基于Gin框架的web后端开发（四）: 获取FORM表单参数</a>
710
+ <a href="https://segmentfault.com/a/1190000041956341" target="_blank" title="一文搞懂│http 和 https 的通信过程及区别">一文搞懂│http 和 https 的通信过程及区别</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>5</span>
721
+ <span>1</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
725
- <span>LiberHome</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
725
+ <span>程序员亮仔</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 我们常用POST请求发送FORM表单数据，这种方式相对于GET方式更加安全。这里先放一个我写的简陋的水平居中的登录页面 {代码...} 登录页的效果是这样的：好了，接下来，把form表单发送给服务器的post请求也加上： {...
729
+ 一、两者的区别端口： http 端口号是80， https 端口号是443传输协议： http 是超文本传输协议，属于明文传输； https 是安全的超文本传输协议，是经过 SSL 加密后的传输协议安全性： https 使用了 TLS/SSL 加密...
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/1190000041959460" target="_blank" title="一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响">一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响</a>
738
+ <a href="https://segmentfault.com/a/1190000041953639" target="_blank" title="得物技术埋点自动化验证的探索和最佳实践">得物技术埋点自动化验证的探索和最佳实践</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>3</span>
749
+ <span>2</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
753
- <span>MissD</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
753
+ <span>得物技术</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 近日，一位 18 岁的新手因向 GitHub 仓库提交 PR(Pull Request，Pull 请求)，结果一个“@”让 GitHub 变身“僵尸网络”向近 40 万开发者狂发骚扰邮件的“reply-all 风暴”热度席卷了开源圈。
757
+ 埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。
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/1190000041911583" target="_blank" title="面试官：说说执行 JavaScript 的 V8 引擎做了什么？">面试官：说说执行 JavaScript 的 V8 引擎做了什么？</a>
766
+ <a href="https://segmentfault.com/a/1190000041961440" target="_blank" title="JS实现JSON对象与URL参数的相互转换">JS实现JSON对象与URL参数的相互转换</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>5</span>
777
+ <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
781
- <span>前端小智</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
781
+ <span>十方</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
785
+ JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。
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/1190000041954650" target="_blank" title="JS自动生成24小时时间区间，时间跨度为60或30分钟">JS自动生成24小时时间区间，时间跨度为60或30分钟</a>
794
+ <a href="https://segmentfault.com/a/1190000041974376" target="_blank" title="实战模拟│企业微信机器人实时报错预警">实战模拟│企业微信机器人实时报错预警</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>1</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
809
- <span>十方</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/cxyliangzai" title="Programming Language">
809
+ <span>程序员亮仔</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...
813
+ 一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...
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/1190000041950968" target="_blank" title="二极管实现或门以及与门的理解">二极管实现或门以及与门的理解</a>
822
+ <a href="https://segmentfault.com/a/1190000041957646" target="_blank" title="JS实现的接粽子小游戏，愿你好运接粽而至">JS实现的接粽子小游戏，愿你好运接粽而至</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -833,12 +833,12 @@
833
833
  <span>2</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
837
- <span>kumfo</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/linshuai" title="Programming Language">
837
+ <span>linshuai</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 二极管实现与门还是或门的前提都是利用二极管的钳位作用，二极管的钳位作用说白了就是，在并联电路中，并联电路上的电压会强制被降压到二极管的电压，以常见的硅二极管来说，二极管接入电路中分担电压大概为0.7V...
841
+ 端午节虽然已经过了，但是美好的生活以旧在继续。这里用 JS 实现了一个简单的接粽子小游戏，寓意美好接粽而至。能接到多少粽子，完全看你手速，不用担心端午没粽子了。线上体验地址
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/1190000041953639" target="_blank" title="得物技术埋点自动化验证的探索和最佳实践">得物技术埋点自动化验证的探索和最佳实践</a>
850
+ <a href="https://segmentfault.com/a/1190000041964961" target="_blank" title="微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code">微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -861,12 +861,12 @@
861
861
  <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
865
- <span>得物技术</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
865
+ <span>MissD</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。
869
+ 太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”
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/1190000041946934" target="_blank" title="JSONP 跨域原理及实现">JSONP 跨域原理及实现</a>
878
+ <a href="https://segmentfault.com/a/1190000041935473" target="_blank" title="新提案，初识CSS的object-view-box属性">新提案，初识CSS的object-view-box属性</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>3</span>
889
+ <span>1</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
893
- <span>佩奇烹饪家</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
893
+ <span>前端小智</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：
897
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041944132" target="_blank" title="css 如何把元素固定在容器底部？（四种方式）">css 如何把元素固定在容器底部？（四种方式）</a>
906
+ <a href="https://segmentfault.com/a/1190000041957879" target="_blank" title="还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！">还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>3</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
921
- <span>linong</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
921
+ <span>macrozheng</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 前几天被人问，「如何把元素固定在容器底部」。（本来想直接把 demo 地址给他，结果没找到，那么今天我们来补一下）Demo 地址想法&amp;思路如果是页面底部，我们可以直接 position: fixed;bottom: 0; 基于浏览器定位...
925
+ 关注我Github的小伙伴应该了解，之前我开源了一款快速开发脚手架mall-tiny，该脚手架继承了mall项目的技术栈，拥有完整的权限管理功能。最近抽空把该项目支持了Spring Boot 2.7.0，今天再和大家聊聊这个脚手架，...
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/1190000041940931" target="_blank" title="如何写出高性能代码之优化数据访问">如何写出高性能代码之优化数据访问</a>
934
+ <a href="https://segmentfault.com/a/1190000041973838" target="_blank" title="项目中关于解构的常用用法">项目中关于解构的常用用法</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>1</span>
945
+ <span>4</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
949
- <span>xindoo</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
949
+ <span>前端小智</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...
953
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041947212" target="_blank" title="用 Go 快速开发一个 RESTful API 服务">用 Go 快速开发一个 RESTful API 服务</a>
962
+ <a href="https://segmentfault.com/a/1190000041956753" target="_blank" title="直播活动系统：基于消息总线的组合能力">直播活动系统：基于消息总线的组合能力</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>2</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
977
- <span>kevinwan</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
977
+ <span>云音乐技术团队</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本低等优点，可以帮助我们快速实现产品需求。我们在使用单体服务快速交付业务价值的同时，也需要为...
981
+ 所谓组装，就离不开老生常谈的复用，我们可以对大部分认为比较共性的场景做好系统级别的封装，封装成一个个复用度较高的服务，然后通过接口和扩展点的方式进行一部分的能力开放，但是有一种场景是解决不了的，就...
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/12 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/15 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>