@wcj/github-rank 22.5.22 → 22.5.23

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 +15748 -15735
  2. package/dist/sifou-daily.json +58 -22
  3. package/dist/sifou-monthly.json +54 -54
  4. package/dist/sifou-weekly.json +98 -98
  5. package/dist/toutiao-30.json +59 -59
  6. package/dist/toutiao-7.json +79 -79
  7. package/dist/toutiao-90.json +40 -40
  8. package/dist/trending-daily.json +164 -164
  9. package/dist/trending-monthly.json +148 -148
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +1251 -1251
  12. package/dist/users.json +1816 -1816
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +15748 -15735
  16. package/web/data/sifou-daily.json +58 -22
  17. package/web/data/sifou-monthly.json +54 -54
  18. package/web/data/sifou-weekly.json +98 -98
  19. package/web/data/toutiao-30.json +59 -59
  20. package/web/data/toutiao-7.json +79 -79
  21. package/web/data/toutiao-90.json +40 -40
  22. package/web/data/trending-daily.json +164 -164
  23. package/web/data/trending-monthly.json +148 -148
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +1251 -1251
  26. package/web/data/users.json +1816 -1816
  27. package/web/index.html +999 -999
  28. package/web/repos.html +2977 -2973
  29. package/web/sifou-daily.html +132 -20
  30. package/web/sifou-monthly.html +78 -78
  31. package/web/sifou-weekly.html +120 -120
  32. package/web/toutiao-30.html +60 -60
  33. package/web/toutiao-7.html +64 -64
  34. package/web/toutiao-90.html +57 -57
  35. package/web/trending-monthly.html +134 -130
  36. package/web/trending-weekly.html +153 -145
  37. package/web/trending.html +141 -149
  38. package/web/users.china.html +636 -636
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/5/22 by
119
+ <div class="time">Last cache created on 2022/5/23 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/1190000041878246" target="_blank" title="夏天来啦，用纯CSS实现水果解解馋吧">夏天来啦，用纯CSS实现水果解解馋吧</a>
150
+ <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</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>1</span>
161
+ <span>4</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
165
- <span>南城大前端</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
165
+ <span>街角小林</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 今日是二十四节气的小满，是夏季的第二个节气。不知不觉地又是一年夏天来临了，面对烈日炎炎，夏天要吃的水果那是必不可少，今天就用CSS来给大家带来一个水果拼盘，提前给大家解解暑~
169
+ 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
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/1190000041877254" target="_blank" title="9张图轻松吃透Go内存管理单元">9张图轻松吃透Go内存管理单元</a>
178
+ <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</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>1</span>
189
+ <span>2</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/tigerb" title="Programming Language">
193
- <span>TIGERB</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
- 想深入了解Go语言的内存管理实现，必然绕不开「Go内存管理单元mspan」，今天我们就通过几张图，层层深入并解开「Go内存管理单元mspan」的神秘面纱。
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/1190000041877230" target="_blank" title="Go内存架构，一个有趣的问题">Go内存架构，一个有趣的问题</a>
206
+ <a href="https://segmentfault.com/a/1190000041881238" target="_blank" title="Golang RocketMq安装及简单应用（Mac环境）">Golang RocketMq安装及简单应用（Mac环境）</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,12 @@
217
217
  <span>1</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/tigerb" title="Programming Language">
221
- <span>TIGERB</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/heng_5f357c3b3d0ef" title="Programming Language">
221
+ <span>Banmi</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 在学习Go语言内存管理部分过程中，发现了一个很有意思的问题，今天就借助这篇文章：1.把这个问题也抛给大家，建议大家看见这个问题后，可以先自己思考一番🤔之后再读下文。2.进一步强化大家对Go内存架构的理解开始...
225
+ 一、下载安装RocketMq {代码...} 我选择的是这个二进制版本安装：选择一个目录解压，一般情况路径是:/usr/local/bin，下面是我自己的路径是：由于RocketMq是纯java编写，确认自己是否有jdk环境，执行如下命令： {...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,119 @@
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/1190000041876247" target="_blank" title="mac 上删除 .DS_store ，且防止再次生成">mac 上删除 .DS_store ，且防止再次生成</a>
234
+ <a href="https://segmentfault.com/a/1190000041880719" target="_blank" title="面向对象与设计原则">面向对象与设计原则</a>
235
+ </div>
236
+ <div class="sub-title followers">
237
+
238
+ <span title="Stargazers Count">
239
+ <svg width="12" height="12" viewBox="0 0 16 16">
240
+ <g fill="none" fill-rule="evenodd">
241
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
244
+ </svg>
245
+ <span>1</span>
246
+ </span>
247
+ &nbsp;
248
+ <a target="_blank" href="https://segmentfault.com/u/xiaoyongyong" title="Programming Language">
249
+ <span>eacape</span>
250
+ </a>
251
+ </div>
252
+ <div class="details">
253
+ 三大特性抽象类和接口抽象类的三个特性(abstract)接口的三个属性(interface)抽象类和接口的区别两者再区别总结基于接口而非实现编程SOLID原则三大特性封装：封装也叫做信息隐匿或者数据访问保护，类通过暴露有限...
254
+ </div>
255
+ </div>
256
+ </li>
257
+
258
+ <li>
259
+ <div class="info">
260
+ <div class="rank">
261
+ <span title="Ranking 5">5</span>
262
+ <a href="https://segmentfault.com/a/1190000041879966" target="_blank" title="js获取页面尺寸">js获取页面尺寸</a>
263
+ </div>
264
+ <div class="sub-title followers">
265
+
266
+ <span title="Stargazers Count">
267
+ <svg width="12" height="12" viewBox="0 0 16 16">
268
+ <g fill="none" fill-rule="evenodd">
269
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
272
+ </svg>
273
+ <span>1</span>
274
+ </span>
275
+ &nbsp;
276
+ <a target="_blank" href="https://segmentfault.com/u/huaming" title="Programming Language">
277
+ <span>welsen</span>
278
+ </a>
279
+ </div>
280
+ <div class="details">
281
+ 在开发中经常用到获取元素位置和大小的需求，我最近在vue2.x上写了一个图片查看组件，它有拖动，定点缩放功能，这就需要获取视口大小，元素位置和大小。看了阮老师的相关文章，实现了这个组件，也顺便在阮老师的...
282
+ </div>
283
+ </div>
284
+ </li>
285
+
286
+ <li>
287
+ <div class="info">
288
+ <div class="rank">
289
+ <span title="Ranking 6">6</span>
290
+ <a href="https://segmentfault.com/a/1190000041879813" target="_blank" title="各种Buffer傻傻分不清，今天终于有点悟了">各种Buffer傻傻分不清，今天终于有点悟了</a>
291
+ </div>
292
+ <div class="sub-title followers">
293
+
294
+ <span title="Stargazers Count">
295
+ <svg width="12" height="12" viewBox="0 0 16 16">
296
+ <g fill="none" fill-rule="evenodd">
297
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
300
+ </svg>
301
+ <span>1</span>
302
+ </span>
303
+ &nbsp;
304
+ <a target="_blank" href="https://segmentfault.com/u/wajueji9527" title="Programming Language">
305
+ <span>开翻挖掘机</span>
306
+ </a>
307
+ </div>
308
+ <div class="details">
309
+ 参考知乎问答 Java NIO中，关于DirectBuffer，HeapBuffer的疑问？DirectBuffer本身这个对象是在堆中，但是引用了一块非堆的native memory，这块内存实际上还是属于java进程的内存中，这个角度说的话，DirectBuffe...
310
+ </div>
311
+ </div>
312
+ </li>
313
+
314
+ <li>
315
+ <div class="info">
316
+ <div class="rank">
317
+ <span title="Ranking 7">7</span>
318
+ <a href="https://segmentfault.com/a/1190000041879583" target="_blank" title="Spring 中 @EnableXXX 注解的套路">Spring 中 @EnableXXX 注解的套路</a>
319
+ </div>
320
+ <div class="sub-title followers">
321
+
322
+ <span title="Stargazers Count">
323
+ <svg width="12" height="12" viewBox="0 0 16 16">
324
+ <g fill="none" fill-rule="evenodd">
325
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
328
+ </svg>
329
+ <span>1</span>
330
+ </span>
331
+ &nbsp;
332
+ <a target="_blank" href="https://segmentfault.com/u/mghio" title="Programming Language">
333
+ <span>mghio</span>
334
+ </a>
335
+ </div>
336
+ <div class="details">
337
+ 在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...
338
+ </div>
339
+ </div>
340
+ </li>
341
+
342
+ <li>
343
+ <div class="info">
344
+ <div class="rank">
345
+ <span title="Ranking 8">8</span>
346
+ <a href="https://segmentfault.com/a/1190000041878635" target="_blank" title="golang sync 包">golang sync 包</a>
235
347
  </div>
236
348
  <div class="sub-title followers">
237
349
 
@@ -245,12 +357,12 @@
245
357
  <span>1</span>
246
358
  </span>
247
359
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/regigigas" title="Programming Language">
249
- <span>Regigigas</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/fengyun_58aa59db14dcd" title="Programming Language">
361
+ <span>风云</span>
250
362
  </a>
251
363
  </div>
252
364
  <div class="details">
253
- 本方法也是适应于 Mac M1 版本描述 {代码...} 命令删除 .DS_store 文件 {代码...} 防止 .DS_store 文件再次产生 {代码...} 删除命令（在固定的文件中删除） {代码...} Git仓库管理忽略 DS_Store 文件将 . DS_Stor...
365
+ 当多个 goroutine 都需要创建同⼀个对象的时候，如果 goroutine 数过多，导致对象的创建数⽬剧增，进⽽导致 GC 压⼒增大。形成 “并发⼤－占⽤内存⼤－GC 缓慢－处理并发能⼒降低－并发更⼤”这样的恶性循环。 在这...
254
366
  </div>
255
367
  </div>
256
368
  </li>
@@ -271,7 +383,7 @@
271
383
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
272
384
  </a>
273
385
  </div>
274
- <div class="time">Last cache created on 2022/5/22 by Github API v3.</div>
386
+ <div class="time">Last cache created on 2022/5/23 by Github API v3.</div>
275
387
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
276
388
  </div>
277
389
  </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/5/22 by
119
+ <div class="time">Last cache created on 2022/5/23 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>68</span>
161
+ <span>71</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
@@ -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>43</span>
217
+ <span>44</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -242,7 +242,7 @@
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>28</span>
245
+ <span>29</span>
246
246
  </span>
247
247
  &nbsp;
248
248
  <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
@@ -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/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
290
+ <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS！从表盘刻度到艺术剪纸">离谱的 CSS！从表盘刻度到艺术剪纸</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
299
299
  </g>
300
300
  </svg>
301
- <span>25</span>
301
+ <span>21</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
305
- <span>零一</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
+ <span>chokcoco</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
309
+ 某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...
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/1190000041791819" target="_blank" title="离谱的 CSS！从表盘刻度到艺术剪纸">离谱的 CSS！从表盘刻度到艺术剪纸</a>
318
+ <a href="https://segmentfault.com/a/1190000041833326" 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>19</span>
329
+ <span>24</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
- <span>chokcoco</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
333
+ <span>杨成功</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...
337
+ 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
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/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了！">4.9W 播放量的 TS 动画版进阶教程合集来了！</a>
346
+ <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音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>21</span>
357
+ <span>25</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
361
- <span>阿宝哥</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
361
+ <span>零一</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...
365
+ 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
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/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
374
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了！">4.9W 播放量的 TS 动画版进阶教程合集来了！</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -385,12 +385,12 @@
385
385
  <span>22</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
389
- <span>杨成功</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
389
+ <span>阿宝哥</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
393
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -522,7 +522,7 @@
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>13</span>
525
+ <span>14</span>
526
526
  </span>
527
527
  &nbsp;
528
528
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -539,6 +539,34 @@
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/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
543
+ </div>
544
+ <div class="sub-title followers">
545
+
546
+ <span title="Stargazers Count">
547
+ <svg width="12" height="12" viewBox="0 0 16 16">
548
+ <g fill="none" fill-rule="evenodd">
549
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
552
+ </svg>
553
+ <span>15</span>
554
+ </span>
555
+ &nbsp;
556
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
557
+ <span>Beverly</span>
558
+ </a>
559
+ </div>
560
+ <div class="details">
561
+ 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
562
+ </div>
563
+ </div>
564
+ </li>
565
+
566
+ <li>
567
+ <div class="info">
568
+ <div class="rank">
569
+ <span title="Ranking 16">16</span>
542
570
  <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
543
571
  </div>
544
572
  <div class="sub-title followers">
@@ -566,8 +594,8 @@
566
594
  <li>
567
595
  <div class="info">
568
596
  <div class="rank">
569
- <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
597
+ <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
571
599
  </div>
572
600
  <div class="sub-title followers">
573
601
 
@@ -578,15 +606,15 @@
578
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"/>
579
607
  </g>
580
608
  </svg>
581
- <span>12</span>
609
+ <span>14</span>
582
610
  </span>
583
611
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
585
- <span>Beverly</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
613
+ <span>chokcoco</span>
586
614
  </a>
587
615
  </div>
588
616
  <div class="details">
589
- 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
617
+ 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
590
618
  </div>
591
619
  </div>
592
620
  </li>
@@ -594,7 +622,7 @@
594
622
  <li>
595
623
  <div class="info">
596
624
  <div class="rank">
597
- <span title="Ranking 17">17</span>
625
+ <span title="Ranking 18">18</span>
598
626
  <a href="https://segmentfault.com/a/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布，快来领奖~">招聘季征文活动获奖名单公布，快来领奖~</a>
599
627
  </div>
600
628
  <div class="sub-title followers">
@@ -622,7 +650,7 @@
622
650
  <li>
623
651
  <div class="info">
624
652
  <div class="rank">
625
- <span title="Ranking 18">18</span>
653
+ <span title="Ranking 19">19</span>
626
654
  <a href="https://segmentfault.com/a/1190000041815758" target="_blank" title="CSS 实现树状结构目录">CSS 实现树状结构目录</a>
627
655
  </div>
628
656
  <div class="sub-title followers">
@@ -650,7 +678,7 @@
650
678
  <li>
651
679
  <div class="info">
652
680
  <div class="rank">
653
- <span title="Ranking 19">19</span>
681
+ <span title="Ranking 20">20</span>
654
682
  <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
655
683
  </div>
656
684
  <div class="sub-title followers">
@@ -678,7 +706,7 @@
678
706
  <li>
679
707
  <div class="info">
680
708
  <div class="rank">
681
- <span title="Ranking 20">20</span>
709
+ <span title="Ranking 21">21</span>
682
710
  <a href="https://segmentfault.com/a/1190000041771296" target="_blank" title="CSS 阴影进阶，实现更加的立体的阴影效果！">CSS 阴影进阶，实现更加的立体的阴影效果！</a>
683
711
  </div>
684
712
  <div class="sub-title followers">
@@ -706,7 +734,7 @@
706
734
  <li>
707
735
  <div class="info">
708
736
  <div class="rank">
709
- <span title="Ranking 21">21</span>
737
+ <span title="Ranking 22">22</span>
710
738
  <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些CSS提效技巧，你需要知道！">这些CSS提效技巧，你需要知道！</a>
711
739
  </div>
712
740
  <div class="sub-title followers">
@@ -734,8 +762,8 @@
734
762
  <li>
735
763
  <div class="info">
736
764
  <div class="rank">
737
- <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
765
+ <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000041789636" target="_blank" title="如何做新人引导功能？">如何做新人引导功能？</a>
739
767
  </div>
740
768
  <div class="sub-title followers">
741
769
 
@@ -746,15 +774,15 @@
746
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"/>
747
775
  </g>
748
776
  </svg>
749
- <span>11</span>
777
+ <span>9</span>
750
778
  </span>
751
779
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
753
- <span>playboy5566</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
781
+ <span>linong</span>
754
782
  </a>
755
783
  </div>
756
784
  <div class="details">
757
- 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
785
+ 节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。
758
786
  </div>
759
787
  </div>
760
788
  </li>
@@ -762,8 +790,8 @@
762
790
  <li>
763
791
  <div class="info">
764
792
  <div class="rank">
765
- <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041789636" target="_blank" title="如何做新人引导功能？">如何做新人引导功能？</a>
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
767
795
  </div>
768
796
  <div class="sub-title followers">
769
797
 
@@ -774,15 +802,15 @@
774
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"/>
775
803
  </g>
776
804
  </svg>
777
- <span>9</span>
805
+ <span>11</span>
778
806
  </span>
779
807
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
781
- <span>linong</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
809
+ <span>playboy5566</span>
782
810
  </a>
783
811
  </div>
784
812
  <div class="details">
785
- 节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。
813
+ 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
786
814
  </div>
787
815
  </div>
788
816
  </li>
@@ -790,7 +818,7 @@
790
818
  <li>
791
819
  <div class="info">
792
820
  <div class="rank">
793
- <span title="Ranking 24">24</span>
821
+ <span title="Ranking 25">25</span>
794
822
  <a href="https://segmentfault.com/a/1190000041804137" target="_blank" title="实现聚焦效果">实现聚焦效果</a>
795
823
  </div>
796
824
  <div class="sub-title followers">
@@ -818,7 +846,7 @@
818
846
  <li>
819
847
  <div class="info">
820
848
  <div class="rank">
821
- <span title="Ranking 25">25</span>
849
+ <span title="Ranking 26">26</span>
822
850
  <a href="https://segmentfault.com/a/1190000041767393" target="_blank" title="使用 CSS 绘制带有动画效果的 React Logo">使用 CSS 绘制带有动画效果的 React Logo</a>
823
851
  </div>
824
852
  <div class="sub-title followers">
@@ -843,34 +871,6 @@
843
871
  </div>
844
872
  </li>
845
873
 
846
- <li>
847
- <div class="info">
848
- <div class="rank">
849
- <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
851
- </div>
852
- <div class="sub-title followers">
853
-
854
- <span title="Stargazers Count">
855
- <svg width="12" height="12" viewBox="0 0 16 16">
856
- <g fill="none" fill-rule="evenodd">
857
- <path d="M0 0h16v16H0z"/>
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
- </g>
860
- </svg>
861
- <span>12</span>
862
- </span>
863
- &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
865
- <span>chokcoco</span>
866
- </a>
867
- </div>
868
- <div class="details">
869
- 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
870
- </div>
871
- </div>
872
- </li>
873
-
874
874
  <li>
875
875
  <div class="info">
876
876
  <div class="rank">
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/5/22 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/23 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>