@wcj/github-rank 22.6.27 → 22.6.28

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 +24458 -24458
  2. package/dist/sifou-daily.json +71 -17
  3. package/dist/sifou-monthly.json +41 -41
  4. package/dist/sifou-weekly.json +116 -116
  5. package/dist/toutiao-30.json +29 -29
  6. package/dist/toutiao-7.json +75 -75
  7. package/dist/toutiao-90.json +30 -30
  8. package/dist/trending-daily.json +164 -164
  9. package/dist/trending-monthly.json +147 -147
  10. package/dist/trending-weekly.json +156 -156
  11. package/dist/users.china.json +1437 -1437
  12. package/dist/users.json +2054 -2054
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +24458 -24458
  16. package/web/data/sifou-daily.json +71 -17
  17. package/web/data/sifou-monthly.json +41 -41
  18. package/web/data/sifou-weekly.json +116 -116
  19. package/web/data/toutiao-30.json +29 -29
  20. package/web/data/toutiao-7.json +75 -75
  21. package/web/data/toutiao-90.json +30 -30
  22. package/web/data/trending-daily.json +164 -164
  23. package/web/data/trending-monthly.json +147 -147
  24. package/web/data/trending-weekly.json +156 -156
  25. package/web/data/users.china.json +1437 -1437
  26. package/web/data/users.json +2054 -2054
  27. package/web/index.html +1137 -1137
  28. package/web/repos.html +3443 -3443
  29. package/web/sifou-daily.html +184 -16
  30. package/web/sifou-monthly.html +50 -50
  31. package/web/sifou-weekly.html +125 -125
  32. package/web/toutiao-30.html +63 -63
  33. package/web/toutiao-7.html +75 -75
  34. package/web/toutiao-90.html +36 -36
  35. package/web/trending-monthly.html +129 -133
  36. package/web/trending-weekly.html +140 -136
  37. package/web/trending.html +145 -137
  38. package/web/users.china.html +713 -713
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/6/27 by
119
+ <div class="time">Last cache created on 2022/6/28 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/1190000042036892" target="_blank" title="数据清洗工具flashtext，效率直接提升了几十倍数">数据清洗工具flashtext，效率直接提升了几十倍数</a>
150
+ <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</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>8</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/kuqidequantou" title="Programming Language">
165
- <span>Python集中营</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
165
+ <span>lulu_up</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 正则表达式在一个 10k 的词库中查找 15k 个关键词的时间差不多是 0.165 秒。但是对于 Flashtext 而言只需要 0.002 秒。因此，在这个问题上 Flashtext的速度大约比正则表达式快 82 倍。
169
+ 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
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/1190000042036723" target="_blank" title="大家都能看得懂的源码（一）ahooks 整体架构篇">大家都能看得懂的源码（一）ahooks 整体架构篇</a>
178
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</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>7</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
193
- <span>Gopal</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
+ <span>XboxYan</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 本文是深入浅出 ahooks 源码系列文章的第一篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...
197
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
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/1190000042037321" target="_blank" title="git配置以及替换gerrit默认commit-msg hook">git配置以及替换gerrit默认commit-msg hook</a>
206
+ <a href="https://segmentfault.com/a/1190000041995394" target="_blank" title="20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛">20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,180 @@
217
217
  <span>1</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
221
- <span>记得要微笑</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
221
+ <span>前端小智</span>
222
+ </a>
223
+ </div>
224
+ <div class="details">
225
+ 微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...
226
+ </div>
227
+ </div>
228
+ </li>
229
+
230
+ <li>
231
+ <div class="info">
232
+ <div class="rank">
233
+ <span title="Ranking 4">4</span>
234
+ <a href="https://segmentfault.com/a/1190000042041251" target="_blank" title="angular ChangeDetectorRef">angular ChangeDetectorRef</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>4</span>
246
+ </span>
247
+ &nbsp;
248
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
249
+ <span>weiewiyi</span>
250
+ </a>
251
+ </div>
252
+ <div class="details">
253
+ 随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...
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/1190000042041143" target="_blank" title="MongoDB 关系实现">MongoDB 关系实现</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>3</span>
274
+ </span>
275
+ &nbsp;
276
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
277
+ <span>小强Zzz</span>
278
+ </a>
279
+ </div>
280
+ <div class="details">
281
+ MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？
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/1190000042037821" target="_blank" title="在异步方法中获取登陆用户时出现的问题">在异步方法中获取登陆用户时出现的问题</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>3</span>
302
+ </span>
303
+ &nbsp;
304
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
305
+ <span>李明</span>
306
+ </a>
307
+ </div>
308
+ <div class="details">
309
+ 在重写分配任务算法时需要获取当前登陆用户区域及其子区域，重写之后进行测试的时候发现任务直接停留在了分配中，查看后台日志时发现了报错根据报错查看抛出错误的地方可以发现是在调用getAuthUserDetailWithoutT...
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/1190000042035124" target="_blank" title="社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）">社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）</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>3</span>
330
+ </span>
331
+ &nbsp;
332
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
333
+ <span>CoderW</span>
334
+ </a>
335
+ </div>
336
+ <div class="details">
337
+ 个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...
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/1190000042041754" target="_blank" title="面试官：哥们Go语言的互斥锁了解到什么程度？">面试官：哥们Go语言的互斥锁了解到什么程度？</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>1</span>
358
+ </span>
359
+ &nbsp;
360
+ <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86" title="Programming Language">
361
+ <span>asong</span>
362
+ </a>
363
+ </div>
364
+ <div class="details">
365
+ 哈喽，大家好，我是asong。当提到并发编程、多线程编程时，都会在第一时间想到锁，锁是并发编程中的同步原语，他可以保证多线程在访问同一片内存时不会出现竞争来保证并发安全；在Go语言中更推崇由channel通过通...
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/1190000042040202" target="_blank" title="有没有完全自主的国产化数据库技术">有没有完全自主的国产化数据库技术</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>3</span>
386
+ </span>
387
+ &nbsp;
388
+ <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
389
+ <span>溜达兔</span>
222
390
  </a>
223
391
  </div>
224
392
  <div class="details">
225
- user.name 配置规则: name#工号 示例 git config --global user.name &#34;张三#A00003&#34;
393
+ 前段时间的俄乌冲突，Oracle 宣布“暂停在俄罗斯的所有业务”，相信大家的心情绝不是隔岸观火，而是细思恐极。数据库号称 IT 领域三大核心之一（其他两个是 CPU 和操作系统），一直以来都被国际巨头垄断，人家控制...
226
394
  </div>
227
395
  </div>
228
396
  </li>
@@ -243,7 +411,7 @@
243
411
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
244
412
  </a>
245
413
  </div>
246
- <div class="time">Last cache created on 2022/6/27 by Github API v3.</div>
414
+ <div class="time">Last cache created on 2022/6/28 by Github API v3.</div>
247
415
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
248
416
  </div>
249
417
  </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/6/27 by
119
+ <div class="time">Last cache created on 2022/6/28 by
120
120
 
121
121
 
122
122
 
@@ -186,7 +186,7 @@
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>41</span>
189
+ <span>42</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <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>27</span>
245
+ <span>28</span>
246
246
  </span>
247
247
  &nbsp;
248
248
  <a target="_blank" href="https://segmentfault.com/u/shuirongshui" 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/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
290
+ <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</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>19</span>
301
+ <span>21</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
- <span>杨成功</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
305
+ <span>Beverly</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
309
+ JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
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/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
318
+ <a href="https://segmentfault.com/a/1190000041962607" 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>24</span>
329
+ <span>19</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
- <span>XboxYan</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
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
337
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
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/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
346
+ <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</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>20</span>
357
+ <span>21</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
361
- <span>Beverly</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
361
+ <span>码哥字节</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
365
+ Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
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/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
374
+ <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
383
  </g>
384
384
  </svg>
385
- <span>19</span>
385
+ <span>26</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
389
- <span>码哥字节</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
389
+ <span>XboxYan</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
393
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
402
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
411
411
  </g>
412
412
  </svg>
413
- <span>16</span>
413
+ <span>20</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
417
- <span>思否编辑部</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
417
+ <span>亖混子</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
421
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
430
+ <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
439
439
  </g>
440
440
  </svg>
441
- <span>19</span>
441
+ <span>16</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
445
- <span>亖混子</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
445
+ <span>思否编辑部</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
449
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -718,7 +718,7 @@
718
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
719
  </g>
720
720
  </svg>
721
- <span>10</span>
721
+ <span>11</span>
722
722
  </span>
723
723
  &nbsp;
724
724
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -746,7 +746,7 @@
746
746
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
747
747
  </g>
748
748
  </svg>
749
- <span>12</span>
749
+ <span>13</span>
750
750
  </span>
751
751
  &nbsp;
752
752
  <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
906
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
915
915
  </g>
916
916
  </svg>
917
- <span>6</span>
917
+ <span>9</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
921
- <span>Beverly</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
921
+ <span>chokcoco</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
925
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</a>
934
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
943
943
  </g>
944
944
  </svg>
945
- <span>5</span>
945
+ <span>6</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
949
- <span>SegmentFault思否</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
949
+ <span>Beverly</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
953
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
962
+ <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>5</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
977
- <span>葡萄城技术团队</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
977
+ <span>SegmentFault思否</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
981
+ 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -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/6/27 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/28 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>