@wcj/github-rank 22.3.23 → 22.3.26

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 +31787 -31787
  2. package/dist/sifou-daily.json +134 -80
  3. package/dist/sifou-monthly.json +94 -94
  4. package/dist/sifou-weekly.json +159 -168
  5. package/dist/toutiao-30.json +88 -88
  6. package/dist/toutiao-7.json +126 -126
  7. package/dist/toutiao-90.json +69 -69
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +147 -147
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +3044 -3044
  12. package/dist/users.json +3400 -3400
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +31787 -31787
  16. package/web/data/sifou-daily.json +134 -80
  17. package/web/data/sifou-monthly.json +94 -94
  18. package/web/data/sifou-weekly.json +159 -168
  19. package/web/data/toutiao-30.json +88 -88
  20. package/web/data/toutiao-7.json +126 -126
  21. package/web/data/toutiao-90.json +69 -69
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +147 -147
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +3044 -3044
  26. package/web/data/users.json +3400 -3400
  27. package/web/index.html +1795 -1795
  28. package/web/repos.html +4067 -4067
  29. package/web/sifou-daily.html +235 -67
  30. package/web/sifou-monthly.html +123 -123
  31. package/web/sifou-weekly.html +137 -165
  32. package/web/toutiao-30.html +86 -86
  33. package/web/toutiao-7.html +82 -82
  34. package/web/toutiao-90.html +67 -67
  35. package/web/trending-monthly.html +128 -132
  36. package/web/trending-weekly.html +148 -144
  37. package/web/trending.html +154 -142
  38. package/web/users.china.html +1471 -1471
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/3/23 by
119
+ <div class="time">Last cache created on 2022/3/26 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
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>41</span>
161
+ <span>47</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
@@ -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/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
178
+ <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</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>27</span>
189
+ <span>16</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
193
- <span>chokcoco</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
193
+ <span>杨成功</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
197
+ 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -214,7 +214,7 @@
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>20</span>
217
+ <span>22</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
@@ -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/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
234
+ <a href="https://segmentfault.com/a/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</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>14</span>
245
+ <span>15</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
- <span>前端小智</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
249
+ <span>XboxYan</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
253
+ 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
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/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
262
+ <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
271
271
  </g>
272
272
  </svg>
273
- <span>9</span>
273
+ <span>14</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
277
- <span>kumfo</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
277
+ <span>码哥字节</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
281
+ 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
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/1190000041569757" target="_blank" title="编程中常用的加密算法">编程中常用的加密算法</a>
290
+ <a href="https://segmentfault.com/a/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
299
299
  </g>
300
300
  </svg>
301
- <span>14</span>
301
+ <span>8</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
305
- <span>编程码农</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
305
+ <span>沈唁</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...
309
+ Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
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/1190000041558580" target="_blank" title="招聘季征文活动丨如何“反杀”面试官？">招聘季征文活动丨如何“反杀”面试官？</a>
318
+ <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</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>7</span>
329
+ <span>9</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
333
- <span>SegmentFault思否</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
333
+ <span>超大只乌龟</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
337
+ 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
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/1190000041562231" target="_blank" title="小推理：React18比老版React更优秀的一个地方">小推理：React18比老版React更优秀的一个地方</a>
346
+ <a href="https://segmentfault.com/a/1190000041585906" target="_blank" title="Three.js 火焰效果实现艾尔登法环动态logo 🔥">Three.js 火焰效果实现艾尔登法环动态logo 🔥</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>8</span>
357
+ <span>9</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
361
- <span>卡颂</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
361
+ <span>dragonir</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 大家好，我卡颂。React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v18相比老版更优秀的一个细节：v18中，组件render的次数可能更少欢...
365
+ 《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...
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/1190000041557477" target="_blank" title="从数据集中随机抽取一定数量的数据">从数据集中随机抽取一定数量的数据</a>
374
+ <a href="https://segmentfault.com/a/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
383
  </g>
384
384
  </svg>
385
- <span>7</span>
385
+ <span>11</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
389
- <span>边城</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
389
+ <span>前端小智</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。
393
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041536968" target="_blank" title="通过10个好玩的游戏来学习 CSS">通过10个好玩的游戏来学习 CSS</a>
402
+ <a href="https://segmentfault.com/a/1190000041587233" target="_blank" title="2022 年最受瞩目的新特性 CSS @layer 到底是个啥？">2022 年最受瞩目的新特性 CSS @layer 到底是个啥？</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
411
411
  </g>
412
412
  </svg>
413
- <span>7</span>
413
+ <span>8</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
417
- <span>前端小智</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
417
+ <span>chokcoco</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
421
+ 步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。过往 CSS 优先级中存在的问题如果我们的页...
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/1190000041555032" target="_blank" title="由 Figma 封停大疆，看国产 IDE 如何应对与突围？">由 Figma 封停大疆，看国产 IDE 如何应对与突围？</a>
430
+ <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</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>5</span>
441
+ <span>10</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/baihai_idp" title="Programming Language">
445
- <span>Baihai_IDP</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
445
+ <span>凹凸实验室</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 3 月 12 日，UI 设计协作工具软件 Figma 封停大疆，中国企业使用国际软件的不确定性加剧。UI 设计工具的禁用是否只是开端？目前被国际软件和开源工具垄断的 IDE(集成开发环境)是否将成为下一个封停对象？
449
+ 最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。
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/1190000041564784" target="_blank" title="Web3D 从入门到跑路 · 3D 初体验">Web3D 从入门到跑路 · 3D 初体验</a>
458
+ <a href="https://segmentfault.com/a/1190000041600277" target="_blank" title="手把手教你搭建博客">手把手教你搭建博客</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>7</span>
469
+ <span>4</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
473
- <span>凹凸实验室</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
473
+ <span>robin</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 在“元宇宙”概念越来越火热的背景下，我们准备了一系列的 3D 元宇宙公开课及教学文章，教大家如何从 0 到 1 快速搭建一个3D项目，从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前，我们先...
477
+ 由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...
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/1190000041570503" target="_blank" title="一个格子衫女孩的成长史——面试篇">一个格子衫女孩的成长史——面试篇</a>
486
+ <a href="https://segmentfault.com/a/1190000041584723" target="_blank" title="面试大厂，手写代码这些就够了，附 codepen 地址！">面试大厂，手写代码这些就够了，附 codepen 地址！</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>11</span>
497
+ <span>9</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
501
- <span>不会写代码的小白</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
501
+ <span>shanyue</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 说到面试这个事情，那我就想跟大家一起讨论一下了。但是吧！作为一个毕业还不到一年的“伪”应届生来说，社会经验必然是很弱的。所以确实无法给各位大佬带来一些有用，有价值的经验，我只能来谈一谈我自己的感受吧！
505
+ Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...
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/1190000041573584" target="_blank" title="商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT">商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT</a>
514
+ <a href="https://segmentfault.com/a/1190000041599576" target="_blank" title="手把手带你走进Babel的编译世界">手把手带你走进Babel的编译世界</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
523
  </g>
524
524
  </svg>
525
- <span>3</span>
525
+ <span>7</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
529
- <span>鸣飞</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
529
+ <span>云音乐技术团队</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...
533
+ 谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...
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/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
542
+ <a href="https://segmentfault.com/a/1190000041573584" target="_blank" title="商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT">商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT</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>8</span>
553
+ <span>3</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/mf" title="Programming Language">
557
+ <span>鸣飞</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
561
+ 今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...
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/1190000041558312" target="_blank" title="一道题解：前端链式调用和事件循环">一道题解：前端链式调用和事件循环</a>
570
+ <a href="https://segmentfault.com/a/1190000041584647" target="_blank" title="阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？">阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>5</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/zhaoshuaiqiang" title="Programming Language">
585
- <span>赵帅强</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
585
+ <span>前端私教年年</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 一道题目看到一个很有趣的题目：实现一个方法，支持链式调用。 {代码...} 解法话不多说，直接上代码： {代码...} 题解分析这个题目，首先要知道如何完成链式调用，就是设置一个类，类中声明的方法的结尾最后都会...
589
+ 提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。
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/1190000041556957" target="_blank" title="高效求职，直通技术leader，思否带你收割名企高薪 OFFER">高效求职，直通技术leader，思否带你收割名企高薪 OFFER</a>
598
+ <a href="https://segmentfault.com/a/1190000041578690" target="_blank" title="点击页面元素,这个Vite插件帮我打开了Vue组件 🚀">点击页面元素,这个Vite插件帮我打开了Vue组件 🚀</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
607
607
  </g>
608
608
  </svg>
609
- <span>3</span>
609
+ <span>6</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
613
- <span>SegmentFault思否</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
613
+ <span>null仔</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 作为科技企业和开发者沟通的桥梁，为解决企业与开发者无法快速“了解”彼此的困扰，SegmentFault 思否正式开启本年度最大型线上活动：「宝藏公司内推季」。
617
+ vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.
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/1190000041564777" target="_blank" title="不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路">不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路</a>
626
+ <a href="https://segmentfault.com/a/1190000041593752" target="_blank" title="Golang 常见设计模式之装饰模式">Golang 常见设计模式之装饰模式</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>4</span>
637
+ <span>6</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
641
- <span>凹凸实验室</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
641
+ <span>云叔_又拍云</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 继第一篇文章之后已经过去了两个月，在上一篇文章中介绍了物理引擎是什么，需要掌握什么样子的基础知识才能继续往下进行开发。在这样的基础上，我们展开了第二篇，探索物理引擎的学习之路。在我们的日常开发当中...
645
+ 想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...
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/1190000041567908" target="_blank" title="欢迎体验 | Android 13 开发者预览版 2">欢迎体验 | Android 13 开发者预览版 2</a>
654
+ <a href="https://segmentfault.com/a/1190000041602430" target="_blank" title="OpenShift 与 OpenStack：让云变得更简单">OpenShift 与 OpenStack：让云变得更简单</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>6</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/androiddevs" title="Programming Language">
669
- <span>Android开发者</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
669
+ <span>云叔_又拍云</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 上个月，我们 发布了 Android 13 的首个开发者预览版。Android 13 围绕我们的核心主题打造，即隐私和安全、开发者生产力，以及支持平板电脑和 大屏幕设备。今天，我们为大家带来了 Android 13 开发者预览版 2，提...
673
+ OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...
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/1190000041564781" target="_blank" title="伪经验；不称职面试官的面试经">伪经验；不称职面试官的面试经</a>
682
+ <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>4</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/_usw" title="Programming Language">
697
- <span>_usw</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
697
+ <span>前端小智</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 写在前面首先声明一下，我可能并不是一个好的面试官，自己也没有怎么参加大厂的面试。我只能简单的说一下，我比较看重即将与我共事的人应当具备的特质。如果你要去面试，你也希望即将与你共事的人，也能与你合拍...
701
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041554419" target="_blank" title="写给后端开发工程师的H5前端开发知识">写给后端开发工程师的H5前端开发知识</a>
710
+ <a href="https://segmentfault.com/a/1190000041578841" target="_blank" title="SQL CASE 表达式">SQL CASE 表达式</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
719
  </g>
720
720
  </svg>
721
- <span>5</span>
721
+ <span>3</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
725
- <span>得物技术</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
- web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...
729
+ 明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a &gt; b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。
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/1190000041578690" target="_blank" title="点击页面元素,这个Vite插件帮我打开了Vue组件 🚀">点击页面元素,这个Vite插件帮我打开了Vue组件 🚀</a>
738
+ <a href="https://segmentfault.com/a/1190000041583641" target="_blank" title="用简单的代码描述Angular父组件、子组件传值">用简单的代码描述Angular父组件、子组件传值</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>5</span>
749
+ <span>3</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
753
- <span>null仔</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
753
+ <span>LYX6666</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.
757
+ 其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器&lt;selectorName&gt;&lt;/selectorName&gt;来调用。
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/1190000041554442" target="_blank" title="【面试系列一】如何回答如何理解重排和重绘">【面试系列一】如何回答如何理解重排和重绘</a>
766
+ <a href="https://segmentfault.com/a/1190000041583811" target="_blank" title="angular动态表单">angular动态表单</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
775
775
  </g>
776
776
  </svg>
777
- <span>5</span>
777
+ <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/li1076629390" title="Programming Language">
781
- <span>leexiaoran</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
781
+ <span>小强Zzz</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 大家好，我是桃翁最近在面试的时候经常会问：如何理解重排和重绘？我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。错误示范一般的面试过程就是这样的：面试官：...
785
+ 项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041555868" target="_blank" title="宝藏公司一StreamNative">宝藏公司一StreamNative</a>
794
+ <a href="https://segmentfault.com/a/1190000041578818" target="_blank" title="Go 1.18 新特性多模块工作区教程-让多模块开发变得简单">Go 1.18 新特性多模块工作区教程-让多模块开发变得简单</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
802
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
803
803
  </g>
804
804
  </svg>
805
- <span>2</span>
805
+ <span>3</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/apachepulsar" title="Programming Language">
809
- <span>ApachePulsar</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/link1st" title="Programming Language">
809
+ <span>link1st</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 曾任职于 EMC，担任北京 EMC 实时处理平台技术负责人主要从事实时计算和分布式存储系统的相关开发，在开源项目 Apache BookKeeper, Apache Pulsar 等项目中持续贡献代码
813
+ 随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。
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/1190000041568618" target="_blank" title="Android Handler面试总结">Android Handler面试总结</a>
822
+ <a href="https://segmentfault.com/a/1190000041581466" target="_blank" title="Java系列 | 远程热部署在美团的落地实践">Java系列 | 远程热部署在美团的落地实践</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
831
831
  </g>
832
832
  </svg>
833
- <span>2</span>
833
+ <span>4</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
837
- <span>xiangzhihong</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
837
+ <span>美团技术团队</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- Handler的作用只是将消息加到MessageQueue中，并后续取出消息后，根据消息的target字段分发给当初的那个handler，所以Handler对于Looper是可以多对一的，也就是多个Hanlder对象都可以用同一个线程、同一个Looper...
841
+ Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...
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/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
850
+ <a href="https://segmentfault.com/a/1190000041572641" target="_blank" title="angular动态组件加载器的个人理解">angular动态组件加载器的个人理解</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
859
859
  </g>
860
860
  </svg>
861
- <span>4</span>
861
+ <span>3</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
865
- <span>XboxYan</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
865
+ <span>李明</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
869
+ 本文是基于angular官方文档所给出的代码来进行的。传送门我们以广告为例来展示其相应功能。下面是我们想要实现的效果：我们会发现广告有不同大小，格式。同一个格式下会有不同的内容。下面我们先来说明这是如何实...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041563705" target="_blank" title="万能PHP Curl封装类，适合多个场景，调用方便！">万能PHP Curl封装类，适合多个场景，调用方便！</a>
878
+ <a href="https://segmentfault.com/a/1190000041598372" target="_blank" title="Java18的新特性">Java18的新特性</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
887
887
  </g>
888
888
  </svg>
889
- <span>4</span>
889
+ <span>3</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
893
- <span>TANKING</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
893
+ <span>codecraft</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 一个博主自己写的PHP Curl封装，适合多个场景，调用方便！ {代码...} 使用示例Get {代码...} Post {代码...} 文件上传 {代码...} 设置请求头 {代码...} *模拟UseaAgent {代码...} 携带Cookie {代码...}
897
+ Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041578841" target="_blank" title="SQL CASE 表达式">SQL CASE 表达式</a>
906
+ <a href="https://segmentfault.com/a/1190000041579140" target="_blank" title="JVM自定义类加载器在代码扩展性的实践">JVM自定义类加载器在代码扩展性的实践</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
915
915
  </g>
916
916
  </svg>
917
- <span>3</span>
917
+ <span>4</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
921
- <span>黄子毅</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
921
+ <span>vivo互联网技术</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a &gt; b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。
925
+ 名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041564826" target="_blank" title="如何设计信息安全领域的实时安全基线引擎">如何设计信息安全领域的实时安全基线引擎</a>
934
+ <a href="https://segmentfault.com/a/1190000041581330" target="_blank" title="即学即会：初识 Serverless 架构">即学即会：初识 Serverless 架构</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,43 +942,15 @@
942
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
943
943
  </g>
944
944
  </svg>
945
- <span>3</span>
946
- </span>
947
- &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/ververica" title="Programming Language">
949
- <span>ApacheFlink</span>
950
- </a>
951
- </div>
952
- <div class="details">
953
- 摘要：本文整理自奇安信集团高级技术专家覃永靖在 Flink Forward Asia 2021 行业实践专场的分享。本篇内容主要分为四个部分：什么是安全分析计算框架的选择引擎设计实践与展望
954
- </div>
955
- </div>
956
- </li>
957
-
958
- <li>
959
- <div class="info">
960
- <div class="rank">
961
- <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041583641" target="_blank" title="用简单的代码描述Angular父组件、子组件传值">用简单的代码描述Angular父组件、子组件传值</a>
963
- </div>
964
- <div class="sub-title followers">
965
-
966
- <span title="Stargazers Count">
967
- <svg width="12" height="12" viewBox="0 0 16 16">
968
- <g fill="none" fill-rule="evenodd">
969
- <path d="M0 0h16v16H0z"/>
970
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
- </g>
972
- </svg>
973
- <span>3</span>
945
+ <span>2</span>
974
946
  </span>
975
947
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
977
- <span>LYX6666</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/jiang_5f3236dd7afd1" title="Programming Language">
949
+ <span>Serverless</span>
978
950
  </a>
979
951
  </div>
980
952
  <div class="details">
981
- 其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器&lt;selectorName&gt;&lt;/selectorName&gt;来调用。
953
+ 2009 年，UC Berkeley发表了：Above the Clouds: A Berkeley View of Cloud Computing 一文，在该文章中首次对云计算做出定义：云计算包含互联网上的应用服务及在数据中心提供这些服务的软硬件设施。居诸不息，随...
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/3/23 by Github API v3.</div>
974
+ <div class="time">Last cache created on 2022/3/26 by Github API v3.</div>
1003
975
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
976
  </div>
1005
977
  </body>