@wcj/github-rank 22.8.14 → 22.8.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +32130 -32128
  2. package/dist/sifou-daily.json +117 -18
  3. package/dist/sifou-monthly.json +96 -96
  4. package/dist/sifou-weekly.json +170 -170
  5. package/dist/toutiao-30.json +80 -80
  6. package/dist/toutiao-7.json +114 -114
  7. package/dist/toutiao-90.json +46 -46
  8. package/dist/trending-daily.json +164 -175
  9. package/dist/trending-monthly.json +151 -151
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2344 -2345
  12. package/dist/users.json +3559 -3560
  13. package/package.json +1 -1
  14. package/web/data/repos.json +32130 -32128
  15. package/web/data/sifou-daily.json +117 -18
  16. package/web/data/sifou-monthly.json +96 -96
  17. package/web/data/sifou-weekly.json +170 -170
  18. package/web/data/toutiao-30.json +80 -80
  19. package/web/data/toutiao-7.json +114 -114
  20. package/web/data/toutiao-90.json +46 -46
  21. package/web/data/trending-daily.json +164 -175
  22. package/web/data/trending-monthly.json +151 -151
  23. package/web/data/trending-weekly.json +165 -165
  24. package/web/data/users.china.json +2344 -2345
  25. package/web/data/users.json +3559 -3560
  26. package/web/index.html +1734 -1734
  27. package/web/repos.html +3798 -3798
  28. package/web/sifou-daily.html +324 -16
  29. package/web/sifou-monthly.html +96 -96
  30. package/web/sifou-weekly.html +147 -147
  31. package/web/toutiao-30.html +105 -105
  32. package/web/toutiao-7.html +90 -90
  33. package/web/toutiao-90.html +69 -69
  34. package/web/trending-monthly.html +127 -135
  35. package/web/trending-weekly.html +144 -144
  36. package/web/trending.html +144 -178
  37. package/web/users.china.html +1264 -1264
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/8/14 by
119
+ <div class="time">Last cache created on 2022/8/17 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042283578" target="_blank" title="使用 CSS 构建强大且酷炫的粒子动画">使用 CSS 构建强大且酷炫的粒子动画</a>
148
+ <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>18</span>
159
+ <span>10</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
- <span>chokcoco</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
163
+ <span>万事ONES</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。
167
+ ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析（四）">可视化拖拽组件库一些技术要点原理分析（四）</a>
176
+ <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>12</span>
187
+ <span>14</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
191
- <span>谭光志</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
191
+ <span>乌柏木</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...
195
+ 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
204
+ <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>14</span>
215
+ <span>7</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
219
- <span>乌柏木</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
219
+ <span>卡颂</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
223
+ 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
232
+ <a href="https://segmentfault.com/a/1190000042300972" target="_blank" title="Vue仿钉钉审批流程">Vue仿钉钉审批流程</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
241
241
  </g>
242
242
  </svg>
243
- <span>9</span>
243
+ <span>7</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
247
- <span>lulu_up</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
247
+ <span>xiangzhihong</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
251
+ workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
260
+ <a href="https://segmentfault.com/a/1190000042298118" target="_blank" title="手写一个有点意思的电梯小程序">手写一个有点意思的电梯小程序</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
269
  </g>
270
270
  </svg>
271
- <span>6</span>
271
+ <span>8</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
275
- <span>谭光志</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
275
+ <span>夕水</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。
279
+ 通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
288
+ <a href="https://segmentfault.com/a/1190000042304159" target="_blank" title="如何在BI中增加“路线地图”并进行数据分析？">如何在BI中增加“路线地图”并进行数据分析？</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>11</span>
299
+ <span>2</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
303
- <span>之家技术</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
303
+ <span>葡萄城技术团队</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
307
+ 随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042280585" target="_blank" title="PHP如何提高高并发能力">PHP如何提高高并发能力</a>
316
+ <a href="https://segmentfault.com/a/1190000042301384" target="_blank" title="🔬 一文搞懂前端兼容问题">🔬 一文搞懂前端兼容问题</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>5</span>
327
+ <span>4</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
331
- <span>7small7</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
331
+ <span>卤代烃</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。
335
+ 对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
344
+ <a href="https://segmentfault.com/a/1190000042301443" target="_blank" title="终于新增了：查看所有测试历史的功能，我有点迫不及待了">终于新增了：查看所有测试历史的功能，我有点迫不及待了</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
353
  </g>
354
354
  </svg>
355
- <span>8</span>
355
+ <span>3</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
359
- <span>vivo互联网技术</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
359
+ <span>猿计划</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
363
+ 当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</a>
372
+ <a href="https://segmentfault.com/a/1190000042296782" target="_blank" title="SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React">SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
381
381
  </g>
382
382
  </svg>
383
- <span>4</span>
383
+ <span>3</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
387
- <span>街角小林</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
387
+ <span>Beverly</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
391
+ 公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务...
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042304159" target="_blank" title="如何在BI中增加“路线地图”并进行数据分析？">如何在BI中增加“路线地图”并进行数据分析？</a>
400
+ <a href="https://segmentfault.com/a/1190000042318628" target="_blank" title="谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到">谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
409
  </g>
410
410
  </svg>
411
- <span>2</span>
411
+ <span>4</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
415
- <span>葡萄城技术团队</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
415
+ <span>前端小智</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...
419
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042300972" target="_blank" title="Vue仿钉钉审批流程">Vue仿钉钉审批流程</a>
428
+ <a href="https://segmentfault.com/a/1190000042311837" target="_blank" title="用 http-middleware-proxy 造了个代理工具">用 http-middleware-proxy 造了个代理工具</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>6</span>
439
+ <span>5</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
443
- <span>xiangzhihong</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
443
+ <span>亖混子</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...
447
+ 有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
456
+ <a href="https://segmentfault.com/a/1190000042301399" target="_blank" title="又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...">又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
465
465
  </g>
466
466
  </svg>
467
- <span>2</span>
467
+ <span>3</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
471
- <span>null仔</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
471
+ <span>猿计划</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
475
+ Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042301384" target="_blank" title="🔬 一文搞懂前端兼容问题">🔬 一文搞懂前端兼容问题</a>
484
+ <a href="https://segmentfault.com/a/1190000042316720" target="_blank" title="开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术">开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -495,12 +495,12 @@
495
495
  <span>4</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
499
- <span>卤代烃</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/gomi" title="Programming Language">
499
+ <span>Gomi</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...
503
+ 大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042280857" target="_blank" title="Flutter 的 6 个最有用的 VS Code扩展">Flutter 的 6 个最有用的 VS Code扩展</a>
512
+ <a href="https://segmentfault.com/a/1190000042261970" target="_blank" title="Vue递归组件：渲染嵌套评论">Vue递归组件：渲染嵌套评论</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>4</span>
523
+ <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
527
- <span>杭州程序员张张</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
527
+ <span>前端小智</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- Pubspec Assist 是一个 Visual Studio Code 扩展，它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml，所有这些都无需离开您的编辑器。
531
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042301443" target="_blank" title="终于新增了：查看所有测试历史的功能，我有点迫不及待了">终于新增了：查看所有测试历史的功能，我有点迫不及待了</a>
540
+ <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>3</span>
551
+ <span>5</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
555
- <span>猿计划</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
555
+ <span>黄子毅</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
559
+ pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042298118" target="_blank" title="手写一个有点意思的电梯小程序">手写一个有点意思的电梯小程序</a>
568
+ <a href="https://segmentfault.com/a/1190000042301806" target="_blank" title="请求体格式有哪些呢？我总结常见的这几种">请求体格式有哪些呢？我总结常见的这几种</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>6</span>
579
+ <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
583
- <span>夕水</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
583
+ <span>气势凌人的柿子</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...
587
+ Form-data有两种格式的 Form-data（表单数据），multipart/form-data 和 application/x-www-form-urlencoded;
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042288003" target="_blank" title="快速了解navigator API setAppBadge">快速了解navigator API setAppBadge</a>
596
+ <a href="https://segmentfault.com/a/1190000042295108" target="_blank" title="那些年在Coding质量上走过的路">那些年在Coding质量上走过的路</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
605
605
  </g>
606
606
  </svg>
607
- <span>4</span>
607
+ <span>2</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
611
- <span>XboxYan</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/camile" title="Programming Language">
611
+ <span>泊浮目</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...
615
+ 最近接了几个项目，代码质量参差不齐。本想按照以往的实践建议每个patch都做review，但往往dead line当头。我会想，我如果对这次patch做了review、以及长期做review能给业务带来什么价值。接着本文，我还想讨论其...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042301399" target="_blank" title="又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...">又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...</a>
624
+ <a href="https://segmentfault.com/a/1190000042298935" target="_blank" title="教你如何开发一个数据转换插件">教你如何开发一个数据转换插件</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -635,12 +635,12 @@
635
635
  <span>3</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
639
- <span>猿计划</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
639
+ <span>eoapi</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...
643
+ 在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042261970" target="_blank" title="Vue递归组件：渲染嵌套评论">Vue递归组件：渲染嵌套评论</a>
652
+ <a href="https://segmentfault.com/a/1190000042311288" target="_blank" title="终、《图解HTTP》读书笔记 - 汇总篇（总结）">终、《图解HTTP》读书笔记 - 汇总篇（总结）</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
661
661
  </g>
662
662
  </svg>
663
- <span>3</span>
663
+ <span>0</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
667
- <span>前端小智</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/lazytimes" title="Programming Language">
667
+ <span>Xander</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
671
+ 终、《图解HTTP》读书笔记 - 汇总篇（总结）引言又一本网络基础的书啃完了，这本书建议结合[[《网络是怎么样连接的》读书笔记 - 汇总篇]]([链接])这一篇读书笔记食用（当然也可以直接看原书）。把这两本书啃完对...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042267962" target="_blank" title="Redis 定长队列的探索和实践">Redis 定长队列的探索和实践</a>
680
+ <a href="https://segmentfault.com/a/1190000042299910" target="_blank" title="vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！">vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>2</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
695
- <span>vivo互联网技术</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/yisuan" title="Programming Language">
695
+ <span>马赛克就是我</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- vivo 互联网服务器团队 - Wang Zhi一、业务背景从技术的角度来说，技术方案的选型都是受限于实际的业务场景，都以解决实际业务场景为目标。在我们的实际业务场景中，需要以游戏的维度收集和上报行为数据，考虑数...
699
+ 即开即用，提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。 参考、借鉴vue-element-admin项目。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042282563" target="_blank" title="精读《Unique, MapTypes, Construct Tuple...》">精读《Unique, MapTypes, Construct Tuple...》</a>
708
+ <a href="https://segmentfault.com/a/1190000042295231" target="_blank" title="使用CSS实现多种Noise噪点效果">使用CSS实现多种Noise噪点效果</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>2</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
723
- <span>黄子毅</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
723
+ <span>dragonir</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：
727
+ 在插画中添加噪点肌理可以营造出一种自然的氛围。噪点肌理可以用于塑造阴影、高光、深度以及更多细节，并优化插画质感，应用噪点肌理的方式在扁平插画中广受欢迎。
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042311837" target="_blank" title="用 http-middleware-proxy 造了个代理工具">用 http-middleware-proxy 造了个代理工具</a>
736
+ <a href="https://segmentfault.com/a/1190000042317550" target="_blank" title="将废弃的安卓手机重新用作Web服务器 一">将废弃的安卓手机重新用作Web服务器 一</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>5</span>
747
+ <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
751
- <span>亖混子</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/riki_wang" title="Programming Language">
751
+ <span>Riki一二三</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。
755
+ 将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042283694" target="_blank" title="一文搞懂│XSS攻击、SQL注入、CSRF攻击、DDOS攻击、DNS劫持">一文搞懂│XSS攻击、SQL注入、CSRF攻击、DDOS攻击、DNS劫持</a>
764
+ <a href="https://segmentfault.com/a/1190000042296125" target="_blank" title="图扑数字孪生北京故宫，推进旅游业元宇宙进程">图扑数字孪生北京故宫，推进旅游业元宇宙进程</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -775,12 +775,12 @@
775
775
  <span>2</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
779
- <span>极客飞兔</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
779
+ <span>hightopo</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- XSS攻击者通过篡改网页，注入恶意的 HTML 脚本，一般是 javascript，在用户浏览网页时，控制用户浏览器进行恶意操作的一种攻击方式
783
+ 文旅的数字化转型之路正如火如荼地开展，多家文旅景区和主题乐园开启了元宇宙的探索——张家界元宇宙研究中心挂牌，成为全国首个设立元宇宙研究中心的景区。现代化景区在吸纳了信息革命（5G/6G）、互联网革命（Web ...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042301806" target="_blank" title="请求体格式有哪些呢？我总结常见的这几种">请求体格式有哪些呢？我总结常见的这几种</a>
792
+ <a href="https://segmentfault.com/a/1190000042307367" target="_blank" title="🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统">🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>2</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
807
- <span>气势凌人的柿子</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44" title="Programming Language">
807
+ <span>vipbic</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- Form-data有两种格式的 Form-data（表单数据），multipart/form-data 和 application/x-www-form-urlencoded;
811
+ Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、E...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042298935" target="_blank" title="教你如何开发一个导入/导出插件">教你如何开发一个导入/导出插件</a>
820
+ <a href="https://segmentfault.com/a/1190000042300663" target="_blank" title="20个首页流行布局样式,你喜欢哪个?">20个首页流行布局样式,你喜欢哪个?</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>3</span>
831
+ <span>2</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
835
- <span>eoapi</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
835
+ <span>前端小智</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...
839
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042287505" target="_blank" title="记录遇到的mongoDb问题, 以及restTemplate请求重试">记录遇到的mongoDb问题, 以及restTemplate请求重试</a>
848
+ <a href="https://segmentfault.com/a/1190000042261962" target="_blank" title="在Vue 3中使用v-model来构建复杂的表单">在Vue 3中使用v-model来构建复杂的表单</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>3</span>
859
+ <span>2</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
863
- <span>weiewiyi</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
863
+ <span>前端小智</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...
867
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042283317" target="_blank" title="mongoDb查询中遇到的问题">mongoDb查询中遇到的问题</a>
876
+ <a href="https://segmentfault.com/a/1190000042295563" target="_blank" title="JWT 实现登录认证 + Token 自动续期方案">JWT 实现登录认证 + Token 自动续期方案</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>3</span>
887
+ <span>2</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
891
- <span>李明</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/crmeb" title="Programming Language">
891
+ <span>CRMEB</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 返回的数据样式：可以看到这样查询后会将从表查询到的数据添加到主表数据中，也就是说在mongoDb中并不需要在实体中加入关联实体，只需加入关联实体的Id即可。如果还想要加入其他查询条件，只需像下面这样加入crit...
895
+ JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042272328" target="_blank" title="试试使用 Vitest 进行组件测试，确实很香。">试试使用 Vitest 进行组件测试，确实很香。</a>
904
+ <a href="https://segmentfault.com/a/1190000042297259" target="_blank" title="屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享">屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>2</span>
915
+ <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
919
- <span>前端小智</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/nuanyang_62ba77f74c207" title="Programming Language">
919
+ <span>暖阳</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
923
+ Snagit是一款简单好用的屏幕捕捉工具，支持各种方式的屏幕截图，如全屏、滚动、部分、窗口、菜单等，可以从创建图像和视频中获取图片以及图像，捕捉您的屏幕，编辑图像并提供结果。拥有强大的视觉效果，支持屏幕...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042282389" target="_blank" title="🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？">🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？</a>
932
+ <a href="https://segmentfault.com/a/1190000042322957" target="_blank" title="手写一个有点意思的电梯小程序（React版本）">手写一个有点意思的电梯小程序（React版本）</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
941
941
  </g>
942
942
  </svg>
943
- <span>1</span>
943
+ <span>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/devui" title="Programming Language">
947
- <span>DevUI团队</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
947
+ <span>夕水</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- Monorepo是一种项目管理方式，在Monorepo之前，代码仓库管理方式是 MultiRepo，即每个项目都对应着一个单独的代码仓库每个项目进行分散管理这就会导致许多弊端，例如可能每个项目的基建以及工具库都是差不多的，...
951
+ 查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042293785" target="_blank" title="分享 6 个 Vue3 开发必备的 VSCode 插件">分享 6 个 Vue3 开发必备的 VSCode 插件</a>
960
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>2</span>
971
+ <span>8</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
975
- <span>pingan8787</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
975
+ <span>chokcoco</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。
979
+ 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/8/14 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/17 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>