@wcj/github-rank 22.5.1 → 22.5.4

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 +34832 -34829
  2. package/dist/sifou-daily.json +24 -6
  3. package/dist/sifou-monthly.json +49 -49
  4. package/dist/sifou-weekly.json +176 -176
  5. package/dist/toutiao-30.json +71 -71
  6. package/dist/toutiao-7.json +132 -132
  7. package/dist/toutiao-90.json +41 -41
  8. package/dist/trending-daily.json +172 -172
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2039 -2040
  12. package/dist/users.json +3192 -3192
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34832 -34829
  16. package/web/data/sifou-daily.json +24 -6
  17. package/web/data/sifou-monthly.json +49 -49
  18. package/web/data/sifou-weekly.json +176 -176
  19. package/web/data/toutiao-30.json +71 -71
  20. package/web/data/toutiao-7.json +132 -132
  21. package/web/data/toutiao-90.json +41 -41
  22. package/web/data/trending-daily.json +172 -172
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +2039 -2040
  26. package/web/data/users.json +3192 -3192
  27. package/web/index.html +1833 -1833
  28. package/web/repos.html +4414 -4414
  29. package/web/sifou-daily.html +62 -6
  30. package/web/sifou-monthly.html +66 -66
  31. package/web/sifou-weekly.html +148 -148
  32. package/web/toutiao-30.html +76 -76
  33. package/web/toutiao-7.html +85 -85
  34. package/web/toutiao-90.html +40 -40
  35. package/web/trending-monthly.html +140 -140
  36. package/web/trending-weekly.html +143 -143
  37. package/web/trending.html +147 -151
  38. package/web/users.china.html +1101 -1101
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/5/1 by
119
+ <div class="time">Last cache created on 2022/5/4 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/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
150
+ <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板！！！">我做了一个在线白板！！！</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -161,12 +161,12 @@
161
161
  <span>5</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
165
- <span>佩奇烹饪家</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
165
+ <span>街角小林</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。
169
+ 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...
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/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
178
+ <a href="https://segmentfault.com/a/1190000041767393" target="_blank" title="使用 CSS 绘制带有动画效果的 React Logo">使用 CSS 绘制带有动画效果的 React Logo</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>9</span>
189
+ <span>3</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
193
- <span>chokcoco</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
193
+ <span>林小志</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...
197
+ 原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...
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/1190000041753021" target="_blank" title="初级程序员的SQL拾遗（增删改查）">初级程序员的SQL拾遗（增删改查）</a>
206
+ <a href="https://segmentfault.com/a/1190000041767627" 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>10</span>
217
+ <span>4</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
221
- <span>LYX6666</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
221
+ <span>云叔_又拍云</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...
225
+ 《App Annie x Google 2021年移动游戏出海洞察报告》中提到 2021 年上半年最新数据显示，中国游戏开发商在海外游戏市场份额从四年前的 10% 增长到今年的超过 23% ，已超越美国、日本开发商，第一次跃升海外游戏市...
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/1190000041769612" target="_blank" title="我做了一个在线白板！！！">我做了一个在线白板！！！</a>
234
+ <a href="https://segmentfault.com/a/1190000041775900" target="_blank" title="没有框架怎么办？原生 CSS + JS 实现一个标签输入框">没有框架怎么办？原生 CSS + JS 实现一个标签输入框</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>3</span>
245
+ <span>2</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" 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
- 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...
253
+ 欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...
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/1190000041752525" target="_blank" title="从计算机网络开始，分析ftp报文内容">从计算机网络开始，分析ftp报文内容</a>
262
+ <a href="https://segmentfault.com/a/1190000041768636" target="_blank" title="js手写题梳理汇总">js手写题梳理汇总</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>9</span>
273
+ <span>4</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
277
- <span>weiewiyi</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
277
+ <span>墨城</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 前言最近计网老师要求参照课本中的PPPoE协议，分析自己用wireShark抓取的ftp用户名报文，分析帧结构，解析报文内容。计算机网络体系结构分析报文，我们就需要回头认真地了解计算机网络体系结构。（主要是因为忘了...
281
+ 1、实现原生 AJAX 封装 {代码...} 2、实现 new 过程 {代码...} 3、打乱一个数组 {代码...} 4、防抖函数 {代码...} 5、节流函数 {代码...} 6、数组去重 {代码...} 7、setTimeout 实现 setInterval {代码...} 8、se...
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/1190000041754537" target="_blank" title="CSS 绘制一个时钟">CSS 绘制一个时钟</a>
290
+ <a href="https://segmentfault.com/a/1190000041771296" target="_blank" title="CSS 阴影进阶，实现更加的立体的阴影效果！">CSS 阴影进阶，实现更加的立体的阴影效果！</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
299
299
  </g>
300
300
  </svg>
301
- <span>6</span>
301
+ <span>3</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
305
- <span>XboxYan</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
+ <span>chokcoco</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...
309
+ CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...
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/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布，快来领奖~">招聘季征文活动获奖名单公布，快来领奖~</a>
318
+ <a href="https://segmentfault.com/a/1190000041776588" target="_blank" title="全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验">全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验</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>5</span>
329
+ <span>3</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
333
- <span>SegmentFault思否</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
333
+ <span>HMSCore</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...
337
+ 移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...
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/1190000041753907" target="_blank" title="5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站">5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站</a>
346
+ <a href="https://segmentfault.com/a/1190000041767241" target="_blank" title="【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！">【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！</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>1</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
361
- <span>wscats</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
361
+ <span>葡萄城技术团队</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...
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/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
374
+ <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些CSS提效技巧，你需要知道！">这些CSS提效技巧，你需要知道！</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>7</span>
385
+ <span>3</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
389
- <span>playboy5566</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
389
+ <span>前端小智</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
393
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041753659" target="_blank" title="面试官：Vue3响应式系统都不会写，还敢说精通？">面试官：Vue3响应式系统都不会写，还敢说精通？</a>
402
+ <a href="https://segmentfault.com/a/1190000041776041" target="_blank" title="标准化思想及组装式架构在后端BFF中的实践">标准化思想及组装式架构在后端BFF中的实践</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>5</span>
413
+ <span>2</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
417
- <span>前端胖头鱼</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
417
+ <span>美团技术团队</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学...
421
+ 在本地生活服务领域，面向C端的信息展示类功能存在着类生物系统的复杂性，具体体现在以下三个方面：功能多，为了帮助用户高效找店、找服务，信息会在尽可能多的地方展示；差异大，同样的信息，在不同客户端、不同...
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/1190000041758099" target="_blank" title="面试算法题记录">面试算法题记录</a>
430
+ <a href="https://segmentfault.com/a/1190000041765370" target="_blank" title="【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！">【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -441,12 +441,12 @@
441
441
  <span>1</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
445
- <span>小强Zzz</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
445
+ <span>HMSCore</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...
449
+ 了解更多详情&gt;&gt;访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~
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/1190000041767627" target="_blank" title="游戏出海浪潮下，这些技术难点该如何攻克">游戏出海浪潮下，这些技术难点该如何攻克</a>
458
+ <a href="https://segmentfault.com/a/1190000041772895" target="_blank" title="js面试题(基础)梳理">js面试题(基础)梳理</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>4</span>
469
+ <span>2</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
473
- <span>云叔_又拍云</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
473
+ <span>墨城</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 《App Annie x Google 2021年移动游戏出海洞察报告》中提到 2021 年上半年最新数据显示，中国游戏开发商在海外游戏市场份额从四年前的 10% 增长到今年的超过 23% ，已超越美国、日本开发商，第一次跃升海外游戏市...
477
+ 1、JavaScript有几种数据类型？ {代码...} 2、JavaScript最大安全数字与最小安全数字？ {代码...} 3、深拷贝与浅拷贝的区别？ {代码...} 4、闭包是什么？ {代码...} 例子: {代码...} 5、原型链是什么 {代码...} 6...
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/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
486
+ <a href="https://segmentfault.com/a/1190000041765492" target="_blank" title="在线富文本编辑器初探">在线富文本编辑器初探</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>7</span>
497
+ <span>1</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
501
- <span>零一</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/zuckjet" title="Programming Language">
501
+ <span>Zuckjet</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
505
+ 在线富文本编辑器是用于在 Web 浏览器中编辑文本的界面，它为用户呈现所见即所得（WYSIWYG）的编辑区域。它的优势是充分利用 HTML 的丰富表现能力，减少用户对文本格式转换的工作量。这里的富文本是相较于纯文本...
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/1190000041767393" target="_blank" title="使用 CSS 绘制带有动画效果的 React Logo">使用 CSS 绘制带有动画效果的 React Logo</a>
514
+ <a href="https://segmentfault.com/a/1190000041747848" target="_blank" title="前端面试资料整理【css篇】">前端面试资料整理【css篇】</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/linxz" title="Programming Language">
529
- <span>林小志</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
529
+ <span>donggg</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...
533
+ 分类简单选择器：id选择器、类选择器、标签选择器、组合选择器：后代选择器（空格）、子选择器（&gt;）、兄弟选择器 （+）、通用选择器（~）伪类（:hover）伪元素（::before, ::firt-child，::not()）属性选择器
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/1190000041757995" target="_blank" title="angular 拖动功能">angular 拖动功能</a>
542
+ <a href="https://segmentfault.com/a/1190000041774153" target="_blank" title="冴羽答读者问：悄悄过来蹭个回答">冴羽答读者问：悄悄过来蹭个回答</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>6</span>
553
+ <span>1</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
557
- <span>weiewiyi</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
557
+ <span>冴羽</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。
561
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文这个问题我们就聊聊“如何提问”好了。回答这个问题，自我感觉有些班门弄斧，因为我并不是一个擅长提问的...
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/1190000041748470" target="_blank" title="商品3D展示来啦，HMS Core3D建模服务助力电商发展">商品3D展示来啦，HMS Core3D建模服务助力电商发展</a>
570
+ <a href="https://segmentfault.com/a/1190000041773106" target="_blank" title="玩转 chrome 效率起飞">玩转 chrome 效率起飞</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>1</span>
581
+ <span>2</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
585
- <span>HMSCore</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
585
+ <span>亖混子</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 传统电商商品展示采用图文结合的形式，文案介绍产品的相关参数，搭配精美图片去吸引客户眼球。但图文商品展示由于色差、尺寸不符等原因，会让消费者产生图片和实物不一致的疑虑，且消费者需要消耗大量精力阅读和...
589
+ 使用方式： 在目标接口上鼠标右键 Copy as cUrl （mac）、Copy as PowerShell（windows） 将文本发给后端同学即可，后端在终端输入文本请求接口。
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/1190000041768636" target="_blank" title="js手写题梳理汇总">js手写题梳理汇总</a>
598
+ <a href="https://segmentfault.com/a/1190000041770032" target="_blank" title="WebComponents框架direflow实现原理">WebComponents框架direflow实现原理</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>4</span>
609
+ <span>2</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
613
- <span>墨城</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/chennihuannianqing" title="Programming Language">
613
+ <span>趁你还年轻</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 1、实现原生 AJAX 封装 {代码...} 2、实现 new 过程 {代码...} 3、打乱一个数组 {代码...} 4、防抖函数 {代码...} 5、节流函数 {代码...} 6、数组去重 {代码...} 7、setTimeout 实现 setInterval {代码...} 8、se...
617
+ 这个框架支持React方式写WebComponents。框架地址：[链接]假设有这样一个web component组件。 {代码...} 完整构建步骤一个完整的direflow web component组件，包含以下步骤。创建一个web component标签创建一个Re...
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/1190000041767241" target="_blank" title="【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！">【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！</a>
626
+ <a href="https://segmentfault.com/a/1190000041781158" target="_blank" title="乞丐是如何节约Java内存的">乞丐是如何节约Java内存的</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>1</span>
637
+ <span>2</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
641
- <span>葡萄城技术团队</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/yujiaao" title="Programming Language">
641
+ <span>Yujiaao</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 负责技术支持的葡萄又来啦。三日不见，我们的客户又为我们发来新的问题。这次我们需要实现的场景是在前端表格环境中，像模板按钮那样，点击之后弹出一个侧边栏，然后通过点击不同的单元格显示不同的内容。挤接下...
645
+ 内存使用优化在 Java 中很重要。系统性能主要限于内存访问性能而非 CPU 主频，否则，为什么 CPU 生产商要实现所有这些 L1、L2 和 L3 缓存？这意味着通过减少应用程序内存占用，您很可能会通过让 CPU 等待更少量的...
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/1190000041762309" target="_blank" title="有奖调研 | 即时消息服务的产品需求规划就交给你了！">有奖调研 | 即时消息服务的产品需求规划就交给你了！</a>
654
+ <a href="https://segmentfault.com/a/1190000041765775" target="_blank" title="逆向进阶，利用 AST 技术还原 JavaScript 混淆代码">逆向进阶，利用 AST 技术还原 JavaScript 混淆代码</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>1</span>
665
+ <span>2</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
669
- <span>HMSCore</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/kuaidaili" title="Programming Language">
669
+ <span>K哥爬虫</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 截至2021年6月，我国即时通信用户规模达到9.83亿，以97%的网民使用占比，在用户量级之巅一览众山小。今天就来聊聊这个“如空气般存在”的能力——IM（Instant Messaging）即时消息。（数据来自中国互联网络信息中心（...
673
+ AST（Abstract Syntax Tree），中文抽象语法树，简称语法树（Syntax Tree），是源代码的抽象语法结构的树状表现形式，树上的每个节点都表示源代码中的一种结构。语法树不是某一种编程语言独有的，JavaScript、Pyt...
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/1190000041753869" target="_blank" title="JavaScript 有趣的冷知识：模板字符串">JavaScript 有趣的冷知识：模板字符串</a>
682
+ <a href="https://segmentfault.com/a/1190000041778413" target="_blank" title="Javascript知识点：浅拷贝和深拷贝">Javascript知识点：浅拷贝和深拷贝</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>2</span>
693
+ <span>1</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
697
- <span>前端小智</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
697
+ <span>Awbeci</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
701
+ 先聊一下Javascript的数据类型有哪些？值类型：数字型(Number)、字符类型(String)、布尔类型(Boolean)、Null、undefined、Symbol引用类型：对象类型(Object)、数组类型(Array)、函数类型(function)、正则类型(Reg...
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/1190000041764959" target="_blank" title="create-react-app 初始化 React 工程，配置工具链，以及如何改多页应用">create-react-app 初始化 React 工程，配置工具链，以及如何改多页应用</a>
710
+ <a href="https://segmentfault.com/a/1190000041783254" target="_blank" title="golang 后端技术开发必备总结">golang 后端技术开发必备总结</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -721,12 +721,12 @@
721
721
  <span>3</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/sky124380729" title="Programming Language">
725
- <span>sky124380729</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/fengyun_58aa59db14dcd" title="Programming Language">
725
+ <span>风云</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 然而事实上create-react-app大多数还是帮我们简化了webpack的配置，对于一个稍微大型的工程，或者需要多人协作的工程来说，工具链的配置也是必不可少的。比如提交代码前格式化验证，git提交信息的验证，已经保存...
729
+ 首先谈谈后端开发，常用的语言是Java、Golang、Python。Java语言类型的程序员是目前市面上最多的，也是很多公司都会选择的。Java语言开发的整个后端项目有比较好的项目规范，适用于业务逻辑复杂的情况。本人从事...
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/1190000041771296" target="_blank" title="CSS 阴影进阶，实现更加的立体的阴影效果！">CSS 阴影进阶，实现更加的立体的阴影效果！</a>
738
+ <a href="https://segmentfault.com/a/1190000041781215" 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>4</span>
749
+ <span>2</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
753
- <span>chokcoco</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
753
+ <span>CrazyCodes</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...
757
+ 前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...
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/1190000041763709" target="_blank" title="冴羽答读者问：钱和成长，哪个更重要？">冴羽答读者问：钱和成长，哪个更重要？</a>
766
+ <a href="https://segmentfault.com/a/1190000041776606" target="_blank" title="开发者“请回答”！HN 热帖“当你对软件开发感到失望，该如何规划职业道路？”">开发者“请回答”！HN 热帖“当你对软件开发感到失望，该如何规划职业道路？”</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>3</span>
777
+ <span>1</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
781
- <span>冴羽</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
781
+ <span>MissD</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 如果只是抽象的回答这个问题，那毫无疑问是“成长”重要，因为我认为“成长”就意味着你有能力拿到更匹配的职位，拿到更高的薪酬，实现更自由的财务，否则你连这些也没有做到，“成长”不就只是一句美好的自我幻想吗？
785
+ 外界对科技圈有这样的一句评价，“软件驱动世界,而开发者则是这背后的引擎”...确实，对于软件开发者而言，在开源精神的大环境下通过代码编程来驱动世界进步，既务实又浪漫。
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/1190000041752122" target="_blank" title="冴羽答读者问：除代码外，就没别的优先级很高的爱好了吗？">冴羽答读者问：除代码外，就没别的优先级很高的爱好了吗？</a>
794
+ <a href="https://segmentfault.com/a/1190000041772444" target="_blank" title="浏览器扫码打开Android/iOS App">浏览器扫码打开Android/iOS App</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>2</span>
805
+ <span>1</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
809
- <span>冴羽</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
809
+ <span>xiangzhihong</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 纵观我所有的文章，在「冴羽答读者问」系列之前，我从来不写非技术类的文章。而在技术文章中，我写作的一个标准是：不写废话，所以我不会像一些作者在技术文章中，还写一点生活的情况或者最近在干的事情。当然，...
813
+ 打开浏览器，扫描某个二维码时需要启动特定的App，要实现这样的需求，我们首先需要解析HTML页面的二维码，通常解析后的内容格式为： {代码...} scheme：判别启动的App。host：适当记述。path：传值时必须的key，...
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/1190000041763964" target="_blank" title="工程师们看过来｜这是我见过的IT圈最“潮”的产品发布会了！">工程师们看过来｜这是我见过的IT圈最“潮”的产品发布会了！</a>
822
+ <a href="https://segmentfault.com/a/1190000041770726" target="_blank" title="WGCLOUD如何配置某些磁盘不用发送告警通知">WGCLOUD如何配置某些磁盘不用发送告警通知</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -833,12 +833,12 @@
833
833
  <span>1</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/zhuyundataflux" title="Programming Language">
837
- <span>观测云</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
837
+ <span>徐三刀</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 近年来，“可观测性”话题在全球技术圈掀起一轮轮热度后，国内IT圈也终于沸腾了！2022年，国内各家云服务商、监控运维软件服务商纷纷跟进，推出新一代基于可观测性能力的工具或产品，一时间百花齐放。国内IT工程师...
841
+ 有一个简单的自定义方法，新建一个json文件，名称为hostWarnDiy.json，这个名称不能修改的，不然改了系统识别不了，内容格式如下如下，记得把IP和磁盘改为自己的实际值，多余的主机可以删除的：
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/1190000041776588" target="_blank" title="全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验">全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验</a>
850
+ <a href="https://segmentfault.com/a/1190000041770856" target="_blank" title="WGCLOUD怎么设置每页显示多少条">WGCLOUD怎么设置每页显示多少条</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/hms_core" title="Programming Language">
865
- <span>HMSCore</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
865
+ <span>徐三刀</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...
869
+ 在server/config/application.yml可以修改列表页面，每页显示多少条数据，如下，修改数字即可，然后重启server就好了，打开页面看看是不是修改过来了
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/1190000041754201" target="_blank" title="技术团队为什么要坚持开展技术分享会以及落地实施">技术团队为什么要坚持开展技术分享会以及落地实施</a>
878
+ <a href="https://segmentfault.com/a/1190000041779624" target="_blank" title="基于 Chromium 的 DOM-XSS 自动检测工具">基于 Chromium 的 DOM-XSS 自动检测工具</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/maoduolikuaipao" title="Programming Language">
893
- <span>前端有猫腻</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/v8blink" title="Programming Language">
893
+ <span>灰豆</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 关于团队持续开展 技术分享会 这件事，我个人认为不管团队规模大小，工作强度高低。都应该坚持做下去的一件事。持续开展技术分享会，好处多多。我认为最终能通过技术分享会提炼出几个关键词 技术，分享，成长，热...
897
+ 大家好，我是灰豆。我基于 Chromium 源码实现了 DOM-XSS 检测工具，用于发现可疑的 DOM-XSS。该工具采用动态污染追踪（Taint Tracking）技术，可以监测攻击者可控的输入源（source）与威胁发生点（sink）之间的数...
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/1190000041765370" target="_blank" title="【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！">【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！</a>
906
+ <a href="https://segmentfault.com/a/1190000041769086" target="_blank" title="网红面试题：从输入 url 到看到页面发生了什么">网红面试题：从输入 url 到看到页面发生了什么</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>1</span>
917
+ <span>2</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
921
- <span>HMSCore</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
921
+ <span>山头人汉波</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 了解更多详情&gt;&gt;访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~
925
+ 这题扎眼看上去没问题，无非是 HTTP 请求到浏览器渲染，但可以聊的东西很多。我想它的执行顺序是，用户输入——开始导航——HTTP请求——浏览器渲染。其中用户输入、开始导航、浏览器渲染是浏览器方面的知识点，HTTP请...
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/1190000041775900" target="_blank" title="没有框架怎么办？原生 CSS + JS 实现一个标签输入框">没有框架怎么办？原生 CSS + JS 实现一个标签输入框</a>
934
+ <a href="https://segmentfault.com/a/1190000041783756" 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>3</span>
945
+ <span>2</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
949
- <span>XboxYan</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/frankyu_61d5c9910b1b1" title="Programming Language">
949
+ <span>FrankYu</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...
953
+ 导读：《架构设计》系列为极客时间李运华老师《从0开始学架构》课程笔记。本文为第一部分，主要介绍架构设计的历史背景、相关概念、目的、复杂度、原则以及流程。从整体上对架构设计有所了解。
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/1190000041749980" target="_blank" title="Redis 内存满了怎么办？这样设置才正确！">Redis 内存满了怎么办？这样设置才正确！</a>
962
+ <a href="https://segmentfault.com/a/1190000041766081" target="_blank" title="得物技术浅谈深入浅出的Redis分布式锁">得物技术浅谈深入浅出的Redis分布式锁</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
971
  </g>
972
972
  </svg>
973
- <span>3</span>
973
+ <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
977
- <span>码哥字节</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
977
+ <span>得物技术</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 上回在《Redis 数据过期了会被立马删除么？》说到如果过期的数据太多，定时删除无法删除完全（每次删除完过期的 key 还是超过 25%），同时这些 key 再也不会被客户端请求，就无法走惰性删除，内存被打满会怎样？
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/5/1 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/4 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>