@wcj/github-rank 22.6.29 → 22.7.2

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 +32756 -32739
  2. package/dist/sifou-daily.json +48 -48
  3. package/dist/sifou-monthly.json +82 -82
  4. package/dist/sifou-weekly.json +166 -175
  5. package/dist/toutiao-30.json +89 -89
  6. package/dist/toutiao-7.json +118 -118
  7. package/dist/toutiao-90.json +42 -42
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2545 -2546
  12. package/dist/users.json +3484 -3484
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +32756 -32739
  16. package/web/data/sifou-daily.json +48 -48
  17. package/web/data/sifou-monthly.json +82 -82
  18. package/web/data/sifou-weekly.json +166 -175
  19. package/web/data/toutiao-30.json +89 -89
  20. package/web/data/toutiao-7.json +118 -118
  21. package/web/data/toutiao-90.json +42 -42
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +2545 -2546
  26. package/web/data/users.json +3484 -3484
  27. package/web/index.html +1817 -1817
  28. package/web/repos.html +4230 -4222
  29. package/web/sifou-daily.html +41 -41
  30. package/web/sifou-monthly.html +119 -119
  31. package/web/sifou-weekly.html +139 -167
  32. package/web/toutiao-30.html +79 -79
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +70 -70
  35. package/web/trending-monthly.html +136 -144
  36. package/web/trending-weekly.html +147 -143
  37. package/web/trending.html +156 -136
  38. package/web/users.china.html +1430 -1430
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/6/29 by
119
+ <div class="time">Last cache created on 2022/7/2 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/1190000042030725" target="_blank" title="CentOS中实现基于Docker部署BI数据分析">CentOS中实现基于Docker部署BI数据分析</a>
150
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
158
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
159
159
  </g>
160
160
  </svg>
161
- <span>4</span>
161
+ <span>14</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
165
- <span>葡萄城技术团队</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
+ <span>XboxYan</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...
169
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
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/1190000042020576" target="_blank" title="SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~</a>
178
+ <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</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>5</span>
189
+ <span>6</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
193
- <span>SegmentFault思否</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
193
+ <span>边城</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...
197
+ 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
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/1190000042024859" target="_blank" title="基于Vite+React构建在线Excel">基于Vite+React构建在线Excel</a>
206
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</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>5</span>
217
+ <span>6</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
221
- <span>葡萄城技术团队</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
221
+ <span>Beverly</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...
225
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
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/1190000042028948" target="_blank" title="腾讯全面上云背后：程序员的技术焦虑和技术理想">腾讯全面上云背后：程序员的技术焦虑和技术理想</a>
234
+ <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</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>7</span>
245
+ <span>10</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
249
- <span>思否编辑部</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
249
+ <span>lulu_up</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。
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/1190000042018336" target="_blank" title="关于 GIN 的路由树">关于 GIN 的路由树</a>
262
+ <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -273,12 +273,12 @@
273
273
  <span>4</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
277
- <span>云叔_又拍云</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
277
+ <span>crossoverJie</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- GIN 是一个 golang 常用的 Web 框架，它对 API 比较友好，源码注释也很明确明确，使用起来快速灵活，还有极高的容错率。标题中的路由我们可以简单理解为在浏览器中输入的页面地址，而“树”则是 一种优化的数据结构...
281
+ 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000042027240" target="_blank" title="元宇宙 3D 开荒场 - 探味奇遇记">元宇宙 3D 开荒场 - 探味奇遇记</a>
290
+ <a href="https://segmentfault.com/a/1190000042038001" target="_blank" title="React团队最近都在忙啥呢？">React团队最近都在忙啥呢？</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -301,12 +301,12 @@
301
301
  <span>4</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
305
- <span>凹凸实验室</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
305
+ <span>卡颂</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...
309
+ 大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...
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/1190000042025507" target="_blank" title="如果后端API一次返回10万条数据，前端应该如何优化">如果后端API一次返回10万条数据，前端应该如何优化</a>
318
+ <a href="https://segmentfault.com/a/1190000042035124" target="_blank" title="社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）">社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）</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>4</span>
329
+ <span>6</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
333
- <span>墨城</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
333
+ <span>CoderW</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...
337
+ 个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...
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/1190000042032276" target="_blank" title="2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数">2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数</a>
346
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</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>6</span>
357
+ <span>4</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
361
- <span>MissD</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
361
+ <span>云叔_又拍云</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...
365
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
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/1190000042023745" target="_blank" title="折叠面板组件的设计与实现">折叠面板组件的设计与实现</a>
374
+ <a href="https://segmentfault.com/a/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</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>3</span>
385
+ <span>8</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
389
- <span>京东设计中心JDC</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
389
+ <span>玛尔斯通</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。
393
+ 每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...
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/1190000042024769" target="_blank" title="js判断两个对象是否相等">js判断两个对象是否相等</a>
402
+ <a href="https://segmentfault.com/a/1190000042035066" target="_blank" title="Flex &amp; Bison 开始">Flex &amp; Bison 开始</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -413,12 +413,12 @@
413
413
  <span>2</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
417
- <span>墨城</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/gocoding" title="Programming Language">
417
+ <span>GoCoding</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 1.首先要先有两个对象，如下举例： {代码...} 2.判断两个对象是否相等： {代码...} 3.做出相应的操作： {代码...}
421
+ Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。
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/1190000042018706" target="_blank" title="SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！">SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！</a>
430
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
439
439
  </g>
440
440
  </svg>
441
- <span>4</span>
441
+ <span>6</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
445
- <span>Beverly</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
445
+ <span>边城</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...
449
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
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/1190000042022202" target="_blank" title="3大问题！Redis缓存异常及处理方案总结">3大问题！Redis缓存异常及处理方案总结</a>
458
+ <a href="https://segmentfault.com/a/1190000042048733" target="_blank" title="超 Nice 的表格响应式布局小技巧">超 Nice 的表格响应式布局小技巧</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
467
467
  </g>
468
468
  </svg>
469
- <span>3</span>
469
+ <span>7</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
473
- <span>腾讯云加社区</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
473
+ <span>chokcoco</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 导语 | Redis作为一个高性能的内存中的key-value数据结构存储系统，在我们日常开发中广泛应用于缓存、计数器、消息队列、排行榜等场景中，尤其是作为最常用的缓存方式，在提高数据查询效率、保护数据库等方面起到...
477
+ 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...
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/1190000042029100" target="_blank" title="YOLOv6：又快又准的目标检测框架开源啦">YOLOv6：又快又准的目标检测框架开源啦</a>
486
+ <a href="https://segmentfault.com/a/1190000041995394" target="_blank" title="20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛">20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛</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>1</span>
497
+ <span>4</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
501
- <span>美团技术团队</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
501
+ <span>前端小智</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 近日，美团视觉智能部研发了一款致力于工业应用的目标检测框架 YOLOv6，能够同时专注于检测的精度和推理效率。在研发过程中，视觉智能部不断进行了探索和优化，同时吸取借鉴了学术界和工业界的一些前沿进展和科研...
505
+ 微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...
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/1190000042029056" target="_blank" title="CVPR 2022 | 美团技术团队精选论文解读">CVPR 2022 | 美团技术团队精选论文解读</a>
514
+ <a href="https://segmentfault.com/a/1190000042041251" target="_blank" title="angular ChangeDetectorRef">angular ChangeDetectorRef</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>2</span>
525
+ <span>4</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
529
- <span>美团技术团队</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
529
+ <span>weiewiyi</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 计算机视觉国际顶会CVPR 2022近日在美国新奥尔良召开，今年美团技术团队有多篇论文被CVPR 2022收录，这些论文涵盖了模型压缩、视频目标分割、3D视觉定位、图像描述、模型安全、跨模态视频内容检索等研究领域。本...
533
+ 随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...
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/1190000041937389" target="_blank" title="Vue3，用组合的方式来编写更好的代码(1/5)">Vue3，用组合的方式来编写更好的代码(1/5)</a>
542
+ <a href="https://segmentfault.com/a/1190000042037321" target="_blank" title="git配置以及替换gerrit默认commit-msg hook">git配置以及替换gerrit默认commit-msg hook</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
551
551
  </g>
552
552
  </svg>
553
- <span>1</span>
553
+ <span>2</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
557
- <span>前端小智</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
557
+ <span>记得要微笑</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
561
+ user.name 配置规则: name#工号 示例 git config --global user.name &#34;张三#A00003&#34;
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/1190000042019958" target="_blank" title="【Java面试】@Resource 和 @Autowired 的区别">【Java面试】@Resource 和 @Autowired 的区别</a>
570
+ <a href="https://segmentfault.com/a/1190000042041290" target="_blank" title="企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布">企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>2</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
585
- <span>跟着Mic学架构</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/jeecg" title="Programming Language">
585
+ <span>scott</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答
589
+ Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！
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/1190000042019374" target="_blank" title="Linus Torvalds：Rust For Linux 或将被合并到 Linux 5.20 内核中">Linus Torvalds：Rust For Linux 或将被合并到 Linux 5.20 内核中</a>
598
+ <a href="https://segmentfault.com/a/1190000042048420" target="_blank" title="ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？">ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>2</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
613
- <span>MissD</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
613
+ <span>万事ONES</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 刚刚举办的 LINUX 基金会-开源峰会上，Linus Torvalds 在谈论“LINUX 内核中存在 Rust 的可能性”议题时表示：预计很快（甚至可能在下一个版本 Linux 5.20 中）就会在内核中合并 Rust 基础设施。
617
+ 6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。
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/1190000042021408" target="_blank" title="Vue3响应式源码分析 - reactive篇">Vue3响应式源码分析 - reactive篇</a>
626
+ <a href="https://segmentfault.com/a/1190000042041143" target="_blank" title="MongoDB 关系实现">MongoDB 关系实现</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>3</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/xiaomianyang_5a5c183e17d47" title="Programming Language">
641
- <span>小绵羊</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
641
+ <span>小强Zzz</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 最近一阶段在学习Vue3，Vue3中用 reactive、ref 等方法将数据转化为响应式数据，在获取时使用 track 往 effect 中收集依赖，在值改变时，使用 trigger 触发依赖，执行对应的监听函数，这次就先来看一下 reactive ...
645
+ MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？
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/1190000042019014" target="_blank" title="利用好 git bisect 这把利器，帮助你快速定位疑难 bug">利用好 git bisect 这把利器，帮助你快速定位疑难 bug</a>
654
+ <a href="https://segmentfault.com/a/1190000042037477" target="_blank" title="我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！">我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
663
663
  </g>
664
664
  </svg>
665
- <span>2</span>
665
+ <span>3</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/devui" title="Programming Language">
669
- <span>DevUI团队</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
669
+ <span>小傅哥</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 使用git bisect二分法定位问题的基本步骤：git bisect start [最近的出错的commitid] [较远的正确的commitid]测试相应的功能git bisect good 标记正确直到出现问题则 标记错误 git bisect bad提示的commitid就是...
673
+ 作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：一个Bug没想到一个Bug，竟然搞我两次！我大抵是卷上瘾了，横竖都睡不着，坐起来身来打开Mac和外接显示器，这Bug没有由来，默然...
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/1190000042025141" target="_blank" title="蜻蜓低代码安全工具平台开发之路">蜻蜓低代码安全工具平台开发之路</a>
682
+ <a href="https://segmentfault.com/a/1190000042033825" 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>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/songboy" title="Programming Language">
697
- <span>汤青松</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
697
+ <span>极客飞兔</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...
701
+ 🎈 变量声明多个变量的声明，可以简写 {代码...} 🎈 三元运算符在条件判断时，可以使用三元运算符增加效率 {代码...} 🎈 解构赋值变量赋值 {代码...} 🎈 解构交换交换两个变量 {代码...} 🎈 箭头函数函数的简写方式 {...
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/1190000042018127" target="_blank" title="go-zero微服务实战系列（五、缓存代码怎么写）">go-zero微服务实战系列（五、缓存代码怎么写）</a>
710
+ <a href="https://segmentfault.com/a/1190000042037674" target="_blank" title="精读《Permutation, Flatten, Absolute...》">精读《Permutation, Flatten, Absolute...》</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -721,12 +721,12 @@
721
721
  <span>1</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
725
- <span>kevinwan</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
725
+ <span>黄子毅</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 缓存是高并发服务的基础，毫不夸张的说没有缓存高并发服务就无从谈起。本项目缓存使用Redis，Redis是目前主流的缓存数据库，支持丰富的数据类型，其中集合类型的底层主要依赖：整数数组、双向链表、哈希表、压缩...
729
+ 所以这题如果能 “递归触发联合类型分配率”，就有戏解决啊。但触发的条件必须存在两个泛型，而题目传入的只有一个，我们只好创造第二个泛型，使其默认值等于第一个：
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/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
738
+ <a href="https://segmentfault.com/a/1190000042034541" 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>10</span>
749
+ <span>1</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
753
- <span>XboxYan</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/dakashuo" title="Programming Language">
753
+ <span>大咖说</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
757
+ “定义问题”往往比“回答问题”本身更重要。那什么问题是关键问题？如何提出关键问题？【计算讲谈社】第三讲上线，阿里巴巴研究员吴翰清（道哥）携学员针对该主题展开分享和讨论。
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000042024352" target="_blank" title="Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！">Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！</a>
766
+ <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</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>1</span>
777
+ <span>2</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
781
- <span>MissD</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
781
+ <span>ssshooter</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 据官方介绍，GitHub 副产品 AI 编码辅助工具 Copilot 最早于 2021 年 6 月在技术预览中发布，旨在帮助软件开发者在 Visual Studio、Visual Studio code、Neovim 和 JetBrains IDE 等开发环境中编写代码时通过自动...
785
+ 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
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/1190000042019486" target="_blank" title="Go 为什么不支持前缀自增运算符？">Go 为什么不支持前缀自增运算符？</a>
794
+ <a href="https://segmentfault.com/a/1190000042035487" target="_blank" title="Meta 微软等组建元宇宙组织，苹果缺席；Win 8.1 即将停止支持；Xmake v2.6.8 发布 | 思否周刊">Meta 微软等组建元宇宙组织，苹果缺席；Win 8.1 即将停止支持；Xmake v2.6.8 发布 | 思否周刊</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>1</span>
805
+ <span>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
809
- <span>煎鱼</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
809
+ <span>snakesss</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 大家好，我是煎鱼。习惯性对比，类比学习，是大家掌握新技能时会习惯性的关联操作。像 Go 这种比较有味道的编程语言，其有一个细节也是大家很好奇的。其实 Go 只支持后自增/自减，今天煎鱼和大家一起研究为什么。...
813
+ 40s 新闻速递新 MacBook Pro 13 英寸正式开售：9999 元起微信公号新规：不可提供数字藏品二级交易相关服务RISC-V 宣布新规格网络配置错误导致 Cloudflare 大规模宕机Meta 微软等巨头组建元宇宙标准组织：苹果缺席...
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/1190000042035066" target="_blank" title="Flex &amp; Bison 开始">Flex &amp; Bison 开始</a>
822
+ <a href="https://segmentfault.com/a/1190000042044415" target="_blank" title="前端 Git-Hooks 工程化实践">前端 Git-Hooks 工程化实践</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/gocoding" title="Programming Language">
837
- <span>GoCoding</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
837
+ <span>袋鼠云数栈UED</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。
841
+ 前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint ...
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/1190000042025080" target="_blank" title="Vue基础点梳理">Vue基础点梳理</a>
850
+ <a href="https://segmentfault.com/a/1190000042032435" target="_blank" title="JavaScript框架的四个时代">JavaScript框架的四个时代</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -861,12 +861,12 @@
861
861
  <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
865
- <span>墨城</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
+ <span>前端小智</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 1、vue指令-v-model修饰符语法:v-model.修饰符=&#34;vue数据变量&#34; {代码...} 2、计算属性计算属性有缓存，提高渲染性能。如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性。写法： {代码......
869
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,35 +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/1190000042032009" target="_blank" title="Elux-从&#34;微前端&#34;到“微模块”">Elux-从&#34;微前端&#34;到“微模块”</a>
879
- </div>
880
- <div class="sub-title followers">
881
-
882
- <span title="Stargazers Count">
883
- <svg width="12" height="12" viewBox="0 0 16 16">
884
- <g fill="none" fill-rule="evenodd">
885
- <path d="M0 0h16v16H0z"/>
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
- </g>
888
- </svg>
889
- <span>1</span>
890
- </span>
891
- &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/wooline" title="Programming Language">
893
- <span>wooline</span>
894
- </a>
895
- </div>
896
- <div class="details">
897
- 前言：作为“前端微模块”这个概念有点新，之前虽然也有人提过这个词（可百度），但都只是简单的将其等同于动态加载模块，并没有赋予其更大的意义，好像也没有看到具体的落地方案。小弟也是突发奇想，摸着石头过河...
898
- </div>
899
- </div>
900
- </li>
901
-
902
- <li>
903
- <div class="info">
904
- <div class="rank">
905
- <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000042027403" target="_blank" title="脚本之美│VBS 入门交互实战">脚本之美│VBS 入门交互实战</a>
878
+ <a href="https://segmentfault.com/a/1190000041999027" target="_blank" title="测试一下Pinia，Vuex 要出局了？">测试一下Pinia，Vuex 要出局了？</a>
907
879
  </div>
908
880
  <div class="sub-title followers">
909
881
 
@@ -917,12 +889,12 @@
917
889
  <span>2</span>
918
890
  </span>
919
891
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
921
- <span>极客飞兔</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
893
+ <span>前端小智</span>
922
894
  </a>
923
895
  </div>
924
896
  <div class="details">
925
- VBS 是一种 Windows 脚本语言，全称是 Microsoft Visual Basic Script Editon，微软公司可视化 BASIC 脚本版
897
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
926
898
  </div>
927
899
  </div>
928
900
  </li>
@@ -930,8 +902,8 @@
930
902
  <li>
931
903
  <div class="info">
932
904
  <div class="rank">
933
- <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000042031261" target="_blank" title="【Java面试】Kafka 怎么避免重复消费">【Java面试】Kafka 怎么避免重复消费</a>
905
+ <span title="Ranking 28">28</span>
906
+ <a href="https://segmentfault.com/a/1190000042050449" target="_blank" title="英特尔傲腾，让数据管理不再纠结">英特尔傲腾，让数据管理不再纠结</a>
935
907
  </div>
936
908
  <div class="sub-title followers">
937
909
 
@@ -945,12 +917,12 @@
945
917
  <span>1</span>
946
918
  </span>
947
919
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
949
- <span>跟着Mic学架构</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
921
+ <span>溜达兔</span>
950
922
  </a>
951
923
  </div>
952
924
  <div class="details">
953
- Hi，大家好，我是Mic一个工作5年的粉丝找到我。他说： “Mic老师，你要是能回答出这个问题，我就佩服你”我当场就懵了，现在打赌都这么随意了吗？我问他问题是什么，他说“Kafka如何避免重复消费的问题！”下面看看普...
925
+ 据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...
954
926
  </div>
955
927
  </div>
956
928
  </li>
@@ -958,8 +930,8 @@
958
930
  <li>
959
931
  <div class="info">
960
932
  <div class="rank">
961
- <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000042034541" target="_blank" title="【计算讲谈社】第三讲：如何提出关键问题">【计算讲谈社】第三讲：如何提出关键问题</a>
933
+ <span title="Ranking 29">29</span>
934
+ <a href="https://segmentfault.com/a/1190000042035344" target="_blank" title="Vue3中props和defineEmit的区别">Vue3中props和defineEmit的区别</a>
963
935
  </div>
964
936
  <div class="sub-title followers">
965
937
 
@@ -970,15 +942,15 @@
970
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"/>
971
943
  </g>
972
944
  </svg>
973
- <span>1</span>
945
+ <span>2</span>
974
946
  </span>
975
947
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/dakashuo" title="Programming Language">
977
- <span>大咖说</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/jiaolvdekaixinguo" title="Programming Language">
949
+ <span>韩xiao方MY</span>
978
950
  </a>
979
951
  </div>
980
952
  <div class="details">
981
- “定义问题”往往比“回答问题”本身更重要。那什么问题是关键问题？如何提出关键问题？【计算讲谈社】第三讲上线，阿里巴巴研究员吴翰清（道哥）携学员针对该主题展开分享和讨论。
953
+ 由于之前写的项目都是基于react来开发和思考的，转到vue中从来未接触过emit这个概念，官方的文档写的也不是特别清楚，（也或许是我的思想还尚未从react的编程理念中转出来）查阅了很多作者关于emit的解释，但从他...
982
954
  </div>
983
955
  </div>
984
956
  </li>
@@ -999,7 +971,7 @@
999
971
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
972
  </a>
1001
973
  </div>
1002
- <div class="time">Last cache created on 2022/6/29 by Github API v3.</div>
974
+ <div class="time">Last cache created on 2022/7/2 by Github API v3.</div>
1003
975
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
976
  </div>
1005
977
  </body>