@wcj/github-rank 22.9.21 → 22.9.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +20729 -20727
  2. package/dist/sifou-daily.json +27 -72
  3. package/dist/sifou-monthly.json +44 -44
  4. package/dist/sifou-weekly.json +125 -125
  5. package/dist/toutiao-30.json +22 -22
  6. package/dist/toutiao-7.json +77 -77
  7. package/dist/toutiao-90.json +23 -23
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +151 -151
  10. package/dist/trending-weekly.json +154 -154
  11. package/dist/users.china.json +1235 -1235
  12. package/dist/users.json +2257 -2257
  13. package/package.json +1 -1
  14. package/web/data/repos.json +20729 -20727
  15. package/web/data/sifou-daily.json +27 -72
  16. package/web/data/sifou-monthly.json +44 -44
  17. package/web/data/sifou-weekly.json +125 -125
  18. package/web/data/toutiao-30.json +22 -22
  19. package/web/data/toutiao-7.json +77 -77
  20. package/web/data/toutiao-90.json +23 -23
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +151 -151
  23. package/web/data/trending-weekly.json +154 -154
  24. package/web/data/users.china.json +1235 -1235
  25. package/web/data/users.json +2257 -2257
  26. package/web/index.html +1223 -1223
  27. package/web/repos.html +2614 -2614
  28. package/web/sifou-daily.html +24 -164
  29. package/web/sifou-monthly.html +47 -47
  30. package/web/sifou-weekly.html +133 -133
  31. package/web/toutiao-30.html +28 -28
  32. package/web/toutiao-7.html +87 -87
  33. package/web/toutiao-90.html +24 -24
  34. package/web/trending-monthly.html +136 -136
  35. package/web/trending-weekly.html +133 -141
  36. package/web/trending.html +149 -141
  37. package/web/users.china.html +653 -653
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/21 by
119
+ <div class="time">Last cache created on 2022/9/22 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042513947" target="_blank" title="单标签实现复杂的棋盘布局">单标签实现复杂的棋盘布局</a>
148
+ <a href="https://segmentfault.com/a/1190000042528779" target="_blank" title="共码未来 | 提供运营数据库工作负载的优越平台">共码未来 | 提供运营数据库工作负载的优越平台</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>6</span>
159
+ <span>1</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
- <span>chokcoco</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
163
+ <span>思否编辑部</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。
167
+ 云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
176
+ <a href="https://segmentfault.com/a/1190000042528630" target="_blank" title="angular中 property 和 attribute， 以及记录相关的问题">angular中 property 和 attribute， 以及记录相关的问题</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>1</span>
187
+ <span>2</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
191
+ <span>weiewiyi</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
195
+ property 和 attribute往常用到td的时候, 像这样用：rowspan=&#34;3&#34;。 在当前angular项目中，需要用到动态绑定rowspan。本来想的是，html:&lt;td rowspan=&#34;{{row}}&#34;&gt; ts:row = 3;这样绑定。...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042515702" target="_blank" title="面试官：请使用JS实现一个优先队列">面试官：请使用JS实现一个优先队列</a>
204
+ <a href="https://segmentfault.com/a/1190000042520923" target="_blank" title="总结本周遇到的问题（9/21）">总结本周遇到的问题（9/21）</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -215,12 +215,12 @@
215
215
  <span>2</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/crow_5c1708a9c847d" title="Programming Language">
219
- <span>龙骑士尹道长</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
219
+ <span>李明</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 在上个月的四次面试中关于优先队列这种数据结构被问到了两回；还好之前看过部分React源码的scheduler部分对小顶堆有一些理解，模棱两可的说出一部分，现在简单讲讲堆这种数据结构，以及用JS如何实现；
223
+ 本中要写到一个页面需要进行级联查询当前建筑是属于服务区下的，所以我们选择了服务区才能继续根据所选择的服务区，也就是说如果我们选择完 服务区一，再选择建筑一，如果我们此时更换选择的服务区里所应当应该去...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042514367" target="_blank" title="WGCLOUD进阶笔记 - 监测oracle表空间">WGCLOUD进阶笔记 - 监测oracle表空间</a>
232
+ <a href="https://segmentfault.com/a/1190000042518339" target="_blank" title="OKR之剑（理念篇）02—— OKR布道之旅">OKR之剑（理念篇）02—— OKR布道之旅</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>1</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
247
- <span>一往情深</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
247
+ <span>vivo互联网技术</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 我们最近在项目中部署了WGCLOUD平台，它可以监测主机、服务器、进程应用、端口、日志、docker、数据库、服务接口、PING、SNMP等等
251
+ 大概是在2013年底，一些创业者在硅谷深受OKR洗礼，并在自己的公司内小范围运用，以此OKR开始传入中国。而vivo初尝OKR则是在2019年，当时的互联网管理团队注意到OKR在Google和 MicroSoft等大型公司的成功实践，于...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,91 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042512976" target="_blank" title="停止像这样使用 &#34;async/await&#34;，改用原版">停止像这样使用 &#34;async/await&#34;，改用原版</a>
261
- </div>
262
- <div class="sub-title followers">
263
-
264
- <span title="Stargazers Count">
265
- <svg width="12" height="12" viewBox="0 0 16 16">
266
- <g fill="none" fill-rule="evenodd">
267
- <path d="M0 0h16v16H0z"/>
268
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
- </g>
270
- </svg>
271
- <span>1</span>
272
- </span>
273
- &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
275
- <span>前端小智</span>
276
- </a>
277
- </div>
278
- <div class="details">
279
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
280
- </div>
281
- </div>
282
- </li>
283
-
284
- <li>
285
- <div class="info">
286
- <div class="rank">
287
- <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042517443" target="_blank" title="手写一个mini版本的React状态管理工具">手写一个mini版本的React状态管理工具</a>
289
- </div>
290
- <div class="sub-title followers">
291
-
292
- <span title="Stargazers Count">
293
- <svg width="12" height="12" viewBox="0 0 16 16">
294
- <g fill="none" fill-rule="evenodd">
295
- <path d="M0 0h16v16H0z"/>
296
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
- </g>
298
- </svg>
299
- <span>1</span>
300
- </span>
301
- &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
303
- <span>夕水</span>
304
- </a>
305
- </div>
306
- <div class="details">
307
- 手写一个mini版本的React状态管理工具目前在React中，有很多各式各样的状态管理工具，如：React ReduxMobxHox每一个状态管理工具都有着不尽相同的API和使用方式，而且都有一定的学习成本，而且这些状态管理工具也...
308
- </div>
309
- </div>
310
- </li>
311
-
312
- <li>
313
- <div class="info">
314
- <div class="rank">
315
- <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042514709" target="_blank" title="作为前端工程师，你还不懂怎么用Node写静态文件服务器吗？">作为前端工程师，你还不懂怎么用Node写静态文件服务器吗？</a>
317
- </div>
318
- <div class="sub-title followers">
319
-
320
- <span title="Stargazers Count">
321
- <svg width="12" height="12" viewBox="0 0 16 16">
322
- <g fill="none" fill-rule="evenodd">
323
- <path d="M0 0h16v16H0z"/>
324
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
- </g>
326
- </svg>
327
- <span>1</span>
328
- </span>
329
- &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/jinjidedacong" title="Programming Language">
331
- <span>进击的大葱</span>
332
- </a>
333
- </div>
334
- <div class="details">
335
- 作为前端工程师，我想大家一定对静态文件服务器不会陌生。所谓的静态文件服务器做的工作就是将我们的前端静态文件(.js/.css/.html)传输给浏览器，然后浏览器再将我们的页面渲染出来。我们常用的webpack-dev-serve...
336
- </div>
337
- </div>
338
- </li>
339
-
340
- <li>
341
- <div class="info">
342
- <div class="rank">
343
- <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042514163" target="_blank" title="这几种常见的 JVM 调优场景，你知道吗？">这几种常见的 JVM 调优场景，你知道吗？</a>
260
+ <a href="https://segmentfault.com/a/1190000042518477" target="_blank" title="爆肝撸了个“羊了个羊”通关助手">爆肝撸了个“羊了个羊”通关助手</a>
345
261
  </div>
346
262
  <div class="sub-title followers">
347
263
 
@@ -355,68 +271,12 @@
355
271
  <span>1</span>
356
272
  </span>
357
273
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
359
- <span>Java架构师</span>
360
- </a>
361
- </div>
362
- <div class="details">
363
- cpu占用过高要分情况讨论，是不是业务上在搞活动，突然有大批的流量进来，而且活动结束后cpu占用率就下降了，如果是这种情况其实可以不用太关心，因为请求越多，需要处理的线程数越多，这是正常的现象。
364
- </div>
365
- </div>
366
- </li>
367
-
368
- <li>
369
- <div class="info">
370
- <div class="rank">
371
- <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042513773" target="_blank" title="SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？">SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？</a>
373
- </div>
374
- <div class="sub-title followers">
375
-
376
- <span title="Stargazers Count">
377
- <svg width="12" height="12" viewBox="0 0 16 16">
378
- <g fill="none" fill-rule="evenodd">
379
- <path d="M0 0h16v16H0z"/>
380
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
381
- </g>
382
- </svg>
383
- <span>2</span>
384
- </span>
385
- &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
387
- <span>Beverly</span>
388
- </a>
389
- </div>
390
- <div class="details">
391
- 运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...
392
- </div>
393
- </div>
394
- </li>
395
-
396
- <li>
397
- <div class="info">
398
- <div class="rank">
399
- <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042513322" target="_blank" title="爬虫与反爬虫技术简介">爬虫与反爬虫技术简介</a>
401
- </div>
402
- <div class="sub-title followers">
403
-
404
- <span title="Stargazers Count">
405
- <svg width="12" height="12" viewBox="0 0 16 16">
406
- <g fill="none" fill-rule="evenodd">
407
- <path d="M0 0h16v16H0z"/>
408
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
- </g>
410
- </svg>
411
- <span>2</span>
412
- </span>
413
- &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
415
- <span>vivo互联网技术</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
275
+ <span>xiangzhihong</span>
416
276
  </a>
417
277
  </div>
418
278
  <div class="details">
419
- 互联网的大数据时代的来临，网络爬虫也成了互联网中一个重要行业，它是一种自动获取网页数据信息的爬虫程序，是网站搜索引擎的重要组成部分。通过爬虫，可以获取自己想要的相关数据信息，让爬虫协助自己的工作，...
279
+ 最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...
420
280
  </div>
421
281
  </div>
422
282
  </li>
@@ -437,7 +297,7 @@
437
297
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
438
298
  </a>
439
299
  </div>
440
- <div class="time">Last cache created on 2022/9/21 by Github API v3.</div>
300
+ <div class="time">Last cache created on 2022/9/22 by Github API v3.</div>
441
301
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
442
302
  </div>
443
303
  </body>
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/21 by
119
+ <div class="time">Last cache created on 2022/9/22 by
120
120
 
121
121
 
122
122
 
@@ -184,7 +184,7 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>18</span>
187
+ <span>20</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
204
+ <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -215,12 +215,12 @@
215
215
  <span>19</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
- <span>XboxYan</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
219
+ <span>wuwhs</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
223
+ 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
232
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
241
241
  </g>
242
242
  </svg>
243
- <span>17</span>
243
+ <span>19</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
247
- <span>wuwhs</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
247
+ <span>XboxYan</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
251
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
316
+ <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
325
  </g>
326
326
  </svg>
327
- <span>10</span>
327
+ <span>16</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
331
- <span>六一</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
+ <span>chokcoco</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
335
+ 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
344
+ <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
353
  </g>
354
354
  </svg>
355
- <span>15</span>
355
+ <span>10</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
- <span>chokcoco</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
359
+ <span>六一</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
363
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
820
+ <a href="https://segmentfault.com/a/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.js实现一个创意纪念页面 🏆</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>5</span>
831
+ <span>7</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
835
- <span>null仔</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
835
+ <span>dragonir</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
839
+ 不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</a>
876
+ <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
885
885
  </g>
886
886
  </svg>
887
- <span>2</span>
887
+ <span>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
891
- <span>葡萄城技术团队</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
891
+ <span>null仔</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
895
+ 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
904
+ <a href="https://segmentfault.com/a/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
913
913
  </g>
914
914
  </svg>
915
- <span>6</span>
915
+ <span>7</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
919
- <span>咕咕鸡</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
919
+ <span>chokcoco</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
923
+ 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042414379" target="_blank" title="慎用JSON.stringify">慎用JSON.stringify</a>
932
+ <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
941
941
  </g>
942
942
  </svg>
943
- <span>7</span>
943
+ <span>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
947
- <span>Gopal</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
947
+ <span>葡萄城技术团队</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。
951
+ 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042469668" target="_blank" title="深入理解JavaScript-JavaScript 中的始皇">深入理解JavaScript-JavaScript 中的始皇</a>
960
+ <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>3</span>
971
+ <span>6</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
975
- <span>山头人汉波</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
975
+ <span>咕咕鸡</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？
979
+ 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/9/21 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/22 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>