@wcj/github-rank 22.5.23 → 22.5.24

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 +24151 -24137
  2. package/dist/sifou-daily.json +72 -45
  3. package/dist/sifou-monthly.json +25 -25
  4. package/dist/sifou-weekly.json +96 -96
  5. package/dist/toutiao-30.json +38 -38
  6. package/dist/toutiao-7.json +84 -84
  7. package/dist/toutiao-90.json +23 -23
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +147 -147
  10. package/dist/trending-weekly.json +136 -136
  11. package/dist/users.china.json +1607 -1608
  12. package/dist/users.json +2067 -2068
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +24151 -24137
  16. package/web/data/sifou-daily.json +72 -45
  17. package/web/data/sifou-monthly.json +25 -25
  18. package/web/data/sifou-weekly.json +96 -96
  19. package/web/data/toutiao-30.json +38 -38
  20. package/web/data/toutiao-7.json +84 -84
  21. package/web/data/toutiao-90.json +23 -23
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +147 -147
  24. package/web/data/trending-weekly.json +136 -136
  25. package/web/data/users.china.json +1607 -1608
  26. package/web/data/users.json +2067 -2068
  27. package/web/index.html +1160 -1160
  28. package/web/repos.html +4057 -4061
  29. package/web/sifou-daily.html +122 -38
  30. package/web/sifou-monthly.html +35 -35
  31. package/web/sifou-weekly.html +115 -115
  32. package/web/toutiao-30.html +60 -60
  33. package/web/toutiao-7.html +58 -58
  34. package/web/toutiao-90.html +30 -30
  35. package/web/trending-monthly.html +132 -136
  36. package/web/trending-weekly.html +127 -127
  37. package/web/trending.html +144 -148
  38. package/web/users.china.html +805 -805
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/5/23 by
119
+ <div class="time">Last cache created on 2022/5/24 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/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
150
+ <a href="https://segmentfault.com/a/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -161,12 +161,12 @@
161
161
  <span>4</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
165
- <span>街角小林</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
+ <span>XboxYan</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 随着Markdown越来越流行,Markdown编辑器也越来越多,除去所见即所得的实时预览编辑器外,通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式,就像这样:
169
+ 欢迎关注我的公众号:前端侦探在 web 中,图片默认是可以拖拽的,通常是一个半透明的预览图(下面简称“预览图”),如下这个预览图是系统自动生成的,一般无法进行自定义,但有时候会觉得拖拽的预览图尺寸太大了,...
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/1190000041879217" target="_blank" title="前端监控的搭建步骤,别再一头雾水了!">前端监控的搭建步骤,别再一头雾水了!</a>
178
+ <a href="https://segmentfault.com/a/1190000041885779" target="_blank" title="angular 多选表单数据绑定">angular 多选表单数据绑定</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>2</span>
189
+ <span>4</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
193
- <span>杨成功</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
193
+ <span>小强Zzz</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 在动手实现之前,首先脑子里要有一个整体脉络,明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目,而并不仅仅是前端,甚至主要的实现都是围绕在 数据方面 的。
197
+ 对于绑定多选类型的formControl的value,只会有true或者false。如果你选中就是true,如果不选中就是false。但是我想要的是所有选中对象数组。谷歌搜索得知,可以绑定点击事件,再去增加或删除数组中的对象。
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/1190000041881238" target="_blank" title="Golang RocketMq安装及简单应用(Mac环境)">Golang RocketMq安装及简单应用(Mac环境)</a>
206
+ <a href="https://segmentfault.com/a/1190000041885369" target="_blank" title="【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题">【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
215
  </g>
216
216
  </svg>
217
- <span>1</span>
217
+ <span>4</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/heng_5f357c3b3d0ef" title="Programming Language">
221
- <span>Banmi</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
221
+ <span>LYX6666</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 一、下载安装RocketMq {代码...} 我选择的是这个二进制版本安装:选择一个目录解压,一般情况路径是:/usr/local/bin,下面是我自己的路径是:由于RocketMq是纯java编写,确认自己是否有jdk环境,执行如下命令: {...
225
+ Debug类文章较难写的地方在于,如何让没有接触过这个项目的读者明白当前在做什么,明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041880719" target="_blank" title="面向对象与设计原则">面向对象与设计原则</a>
234
+ <a href="https://segmentfault.com/a/1190000041884921" target="_blank" title="记录后台遇到的两个小问题">记录后台遇到的两个小问题</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>1</span>
245
+ <span>4</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/xiaoyongyong" title="Programming Language">
249
- <span>eacape</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
249
+ <span>weiewiyi</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 三大特性抽象类和接口抽象类的三个特性(abstract)接口的三个属性(interface)抽象类和接口的区别两者再区别总结基于接口而非实现编程SOLID原则三大特性封装:封装也叫做信息隐匿或者数据访问保护,类通过暴露有限...
253
+ specification查询不起作用写后台的时候需要加一个specification查询,只返回属于该社区的数据。于是我增加了如图红框中的查询,调用了and函数。 {代码...} 但是执行后发现,这条查询没有按照想法获取到查询到数...
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/1190000041879966" target="_blank" title="js获取页面尺寸">js获取页面尺寸</a>
262
+ <a href="https://segmentfault.com/a/1190000041884631" target="_blank" title="总结一下最近遇到的问题">总结一下最近遇到的问题</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>1</span>
273
+ <span>4</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/huaming" title="Programming Language">
277
- <span>welsen</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
277
+ <span>李明</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 在开发中经常用到获取元素位置和大小的需求,我最近在vue2.x上写了一个图片查看组件,它有拖动,定点缩放功能,这就需要获取视口大小,元素位置和大小。看了阮老师的相关文章,实现了这个组件,也顺便在阮老师的...
281
+ 这样的话会生成两个中间表即form_item_tasks和task_form-items,并且默认情况下如果你在task端维护formItems的话数据只会自动存到task_form_items表中,反过来在formItem中维护task也会像上面一样——存到form_item_...
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/1190000041879813" target="_blank" title="各种Buffer傻傻分不清,今天终于有点悟了">各种Buffer傻傻分不清,今天终于有点悟了</a>
290
+ <a href="https://segmentfault.com/a/1190000041883661" target="_blank" title="面试必备:我们为什么要分库分表?">面试必备:我们为什么要分库分表?</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -301,12 +301,12 @@
301
301
  <span>1</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/wajueji9527" title="Programming Language">
305
- <span>开翻挖掘机</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/taozi_60b0b3c71b1a8" title="Programming Language">
305
+ <span>Java架构师</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 参考知乎问答 Java NIO中,关于DirectBuffer,HeapBuffer的疑问?DirectBuffer本身这个对象是在堆中,但是引用了一块非堆的native memory,这块内存实际上还是属于java进程的内存中,这个角度说的话,DirectBuffe...
309
+ 目录什么是分库分表为什么需要分库分表呢如何分库分表什么时候开始考虑分库分表分库分表会导致哪些问题分库分表中间件简介1. 什么是分库分表数据库:就是一个数据库分成多个数据库,部署到不同机器。分表:就是一...
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/1190000041879583" target="_blank" title="Spring 中 @EnableXXX 注解的套路">Spring 中 @EnableXXX 注解的套路</a>
318
+ <a href="https://segmentfault.com/a/1190000041882134" target="_blank" title="「WGCLOUD 」server在Windows启动,窗口中文显示乱码的问题">「WGCLOUD 」server在Windows启动,窗口中文显示乱码的问题</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>1</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/mghio" title="Programming Language">
333
- <span>mghio</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
333
+ <span>徐三刀</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 在 Spring 框架中有很多实用的功能,不需要写大量的配置代码,只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解,它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理(@EnableTra...
337
+ 这个没有影响,忽略即可。这个是windows窗口编码导致的,不影响程序运行。server/log下日志文件没有出现乱码,我们主要看log日志文件
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,91 @@
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/1190000041878635" target="_blank" title="golang sync ">golang sync 包</a>
346
+ <a href="https://segmentfault.com/a/1190000041885021" target="_blank" title="分享一个 SpringCloud Feign 中所埋藏的坑">分享一个 SpringCloud Feign 中所埋藏的坑</a>
347
+ </div>
348
+ <div class="sub-title followers">
349
+
350
+ <span title="Stargazers Count">
351
+ <svg width="12" height="12" viewBox="0 0 16 16">
352
+ <g fill="none" fill-rule="evenodd">
353
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
356
+ </svg>
357
+ <span>2</span>
358
+ </span>
359
+ &nbsp;
360
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
361
+ <span>crossoverJie</span>
362
+ </a>
363
+ </div>
364
+ <div class="details">
365
+ 前段时间同事碰到一个问题,需要在 SpringCloud 的 Feign 调用中使用自定义的 URL;通常情况下是没有这个需求的;毕竟都用了 SpringCloud 的了,那服务之间的调用都是走注册中心的,不会需要自定义 URL 的情况。
366
+ </div>
367
+ </div>
368
+ </li>
369
+
370
+ <li>
371
+ <div class="info">
372
+ <div class="rank">
373
+ <span title="Ranking 9">9</span>
374
+ <a href="https://segmentfault.com/a/1190000041882978" target="_blank" title="图数据库|[Nebula Graph v3.1.0 性能报告">图数据库|[Nebula Graph v3.1.0 性能报告</a>
375
+ </div>
376
+ <div class="sub-title followers">
377
+
378
+ <span title="Stargazers Count">
379
+ <svg width="12" height="12" viewBox="0 0 16 16">
380
+ <g fill="none" fill-rule="evenodd">
381
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
384
+ </svg>
385
+ <span>1</span>
386
+ </span>
387
+ &nbsp;
388
+ <a target="_blank" href="https://segmentfault.com/u/nebulagraph" title="Programming Language">
389
+ <span>NebulaGraph</span>
390
+ </a>
391
+ </div>
392
+ <div class="details">
393
+ 本文首发于 Nebula Graph Community 公众号系 Nebula Graph 发行版 v3.1.0 的性能测试报告。本文目录测试环境测试数据关于 LDBC-SNB测试说明测试用例和结果MatchTest1MatchTest2MatchTest3MatchTest4MatchTest53....
394
+ </div>
395
+ </div>
396
+ </li>
397
+
398
+ <li>
399
+ <div class="info">
400
+ <div class="rank">
401
+ <span title="Ranking 10">10</span>
402
+ <a href="https://segmentfault.com/a/1190000041882446" target="_blank" title="直播预告丨Hello HarmonyOS进阶课程第四课——ArkUI动画开发">直播预告丨Hello HarmonyOS进阶课程第四课——ArkUI动画开发</a>
403
+ </div>
404
+ <div class="sub-title followers">
405
+
406
+ <span title="Stargazers Count">
407
+ <svg width="12" height="12" viewBox="0 0 16 16">
408
+ <g fill="none" fill-rule="evenodd">
409
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
412
+ </svg>
413
+ <span>1</span>
414
+ </span>
415
+ &nbsp;
416
+ <a target="_blank" href="https://segmentfault.com/u/harmonyos" title="Programming Language">
417
+ <span>HarmonyOS开发者</span>
418
+ </a>
419
+ </div>
420
+ <div class="details">
421
+ 为了帮助初识HarmonyOS的开发者快速入门,我们曾推出Hello HarmonyOS系列课程,从最基础的配置IDE和创建Hello World开始,详细介绍HarmonyOS基础、开发环境搭建、IDE使用指导、代码开发示例等,手把手教大家使用...
422
+ </div>
423
+ </div>
424
+ </li>
425
+
426
+ <li>
427
+ <div class="info">
428
+ <div class="rank">
429
+ <span title="Ranking 11">11</span>
430
+ <a href="https://segmentfault.com/a/1190000041883989" target="_blank" title="手工计算 Unicode 转换为 UTF-8">手工计算 Unicode 转换为 UTF-8</a>
347
431
  </div>
348
432
  <div class="sub-title followers">
349
433
 
@@ -357,12 +441,12 @@
357
441
  <span>1</span>
358
442
  </span>
359
443
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/fengyun_58aa59db14dcd" title="Programming Language">
361
- <span>风云</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/oneos" title="Programming Language">
445
+ <span>蓁蓁</span>
362
446
  </a>
363
447
  </div>
364
448
  <div class="details">
365
- 当多个 goroutine 都需要创建同⼀个对象的时候,如果 goroutine 数过多,导致对象的创建数⽬剧增,进⽽导致 GC 压⼒增大。形成 “并发⼤-占⽤内存⼤-GC 缓慢-处理并发能⼒降低-并发更⼤”这样的恶性循环。 在这...
449
+ 今天因为想把一个Unicode值转换为UTF-8值,在网络上搜了半天,结果均没有收获,大部分都是获取字符的Unicode值或者UTF-8值。基于此,想着,如果一个Unicode值和UTF-8值都代表同一个字符,那么我可不可以直接把一...
366
450
  </div>
367
451
  </div>
368
452
  </li>
@@ -383,7 +467,7 @@
383
467
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
384
468
  </a>
385
469
  </div>
386
- <div class="time">Last cache created on 2022/5/23 by Github API v3.</div>
470
+ <div class="time">Last cache created on 2022/5/24 by Github API v3.</div>
387
471
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
388
472
  </div>
389
473
  </body>
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/5/23 by
119
+ <div class="time">Last cache created on 2022/5/24 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>71</span>
161
+ <span>74</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
@@ -270,7 +270,7 @@
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>29</span>
273
+ <span>30</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/zero2one" 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/1190000041791819" target="_blank" title="离谱的 CSS!从表盘刻度到艺术剪纸">离谱的 CSS!从表盘刻度到艺术剪纸</a>
290
+ <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统?">为什么前端不能没有监控系统?</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>21</span>
301
+ <span>25</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
- <span>chokcoco</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
+ <span>杨成功</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用 conic-gradient 实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式 conic-gradient,代码也非常...
309
+ 提到监控系统,大部分同学首先想到的是后端监控。很明显,比如检测服务器性能,数据库性能,API 的访问流量,以及各种服务的运行情况等等,都与后端息息相关。而前端更多承担的是 UI 展现的角色,主要关注页面怎...
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/1190000041833326" target="_blank" title="为什么前端不能没有监控系统?">为什么前端不能没有监控系统?</a>
318
+ <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS!从表盘刻度到艺术剪纸">离谱的 CSS!从表盘刻度到艺术剪纸</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>24</span>
329
+ <span>21</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
333
- <span>杨成功</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
+ <span>chokcoco</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 提到监控系统,大部分同学首先想到的是后端监控。很明显,比如检测服务器性能,数据库性能,API 的访问流量,以及各种服务的运行情况等等,都与后端息息相关。而前端更多承担的是 UI 展现的角色,主要关注页面怎...
337
+ 某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用 conic-gradient 实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式 conic-gradient,代码也非常...
338
338
  </div>
339
339
  </div>
340
340
  </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/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了!">4.9W 播放量的 TS 动画版进阶教程合集来了!</a>
374
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="8.9W 播放量的 TS 动画版进阶教程合集来了!">8.9W 播放量的 TS 动画版进阶教程合集来了!</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -390,7 +390,7 @@
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯,强烈推荐!通过形象生动的动画,让你轻松搞懂 TypeScript 的难点和核心知识点!目前已更新到第 11 期,其中 2 期的观看量均已破 1.3W,该合集的播放量目前...
393
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯,强烈推荐!通过形象生动的动画,让你轻松搞懂 TypeScript 的难点和核心知识点!目前已更新到第 15 期,其中 1 期的观看量已破 1.9W,该合集的播放量目前已...
394
394
  </div>
395
395
  </div>
396
396
  </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/1190000041761117" target="_blank" title="让交互更加生动!有意思的鼠标跟随 3D 旋转动效">让交互更加生动!有意思的鼠标跟随 3D 旋转动效</a>
430
+ <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手,补齐原生Hook短板">React官方团队出手,补齐原生Hook短板</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -441,12 +441,12 @@
441
441
  <span>15</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
445
- <span>chokcoco</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
445
+ <span>卡颂</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯 CSS 实现类似...
449
+ 大家好,我卡颂。我们知道,Hooks使用时存在所谓的闭包陷阱,考虑如下代码: {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上,由于回调函数被useCallback缓存,形成闭包,所以点击的效果始...
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/1190000041806654" target="_blank" title="年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
458
+ <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动!有意思的鼠标跟随 3D 旋转动效">让交互更加生动!有意思的鼠标跟随 3D 旋转动效</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>26</span>
469
+ <span>15</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
473
- <span>铂赛东</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
473
+ <span>chokcoco</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 但是最近公司内碰到的这一个bug,这个bug初看很简单,但是非常妖孽,在一段时间内我甚至是百思不得其解。在长达几天的时间内,复现的概率非常低。几乎难以抓住任何踪迹。
477
+ 今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯 CSS 实现类似...
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/1190000041769612" target="_blank" title="我做了一个在线白板!!!">我做了一个在线白板!!!</a>
486
+ <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</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>14</span>
497
+ <span>26</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
501
- <span>街角小林</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
501
+ <span>铂赛东</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板--excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个...
505
+ 但是最近公司内碰到的这一个bug,这个bug初看很简单,但是非常妖孽,在一段时间内我甚至是百思不得其解。在长达几天的时间内,复现的概率非常低。几乎难以抓住任何踪迹。
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/1190000041798153" target="_blank" title="React官方团队出手,补齐原生Hook短板">React官方团队出手,补齐原生Hook短板</a>
514
+ <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板!!!">我做了一个在线白板!!!</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -525,12 +525,12 @@
525
525
  <span>14</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
529
- <span>卡颂</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
529
+ <span>街角小林</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 大家好,我卡颂。我们知道,Hooks使用时存在所谓的闭包陷阱,考虑如下代码: {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上,由于回调函数被useCallback缓存,形成闭包,所以点击的效果始...
533
+ 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板--excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -774,7 +774,7 @@
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>9</span>
777
+ <span>10</span>
778
778
  </span>
779
779
  &nbsp;
780
780
  <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
@@ -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/23 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/24 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>