@wcj/github-rank 22.4.18 → 22.4.19

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 +23774 -23774
  2. package/dist/sifou-daily.json +63 -18
  3. package/dist/sifou-monthly.json +50 -50
  4. package/dist/sifou-weekly.json +119 -119
  5. package/dist/toutiao-30.json +70 -70
  6. package/dist/toutiao-7.json +80 -80
  7. package/dist/toutiao-90.json +11 -11
  8. package/dist/trending-daily.json +159 -159
  9. package/dist/trending-monthly.json +146 -146
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +1868 -1868
  12. package/dist/users.json +1921 -1921
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +23774 -23774
  16. package/web/data/sifou-daily.json +63 -18
  17. package/web/data/sifou-monthly.json +50 -50
  18. package/web/data/sifou-weekly.json +119 -119
  19. package/web/data/toutiao-30.json +70 -70
  20. package/web/data/toutiao-7.json +80 -80
  21. package/web/data/toutiao-90.json +11 -11
  22. package/web/data/trending-daily.json +159 -159
  23. package/web/data/trending-monthly.json +146 -146
  24. package/web/data/trending-weekly.json +161 -161
  25. package/web/data/users.china.json +1868 -1868
  26. package/web/data/users.json +1921 -1921
  27. package/web/index.html +1056 -1056
  28. package/web/repos.html +3348 -3348
  29. package/web/sifou-daily.html +156 -16
  30. package/web/sifou-monthly.html +75 -75
  31. package/web/sifou-weekly.html +114 -114
  32. package/web/toutiao-30.html +88 -88
  33. package/web/toutiao-7.html +66 -66
  34. package/web/toutiao-90.html +25 -25
  35. package/web/trending-monthly.html +135 -135
  36. package/web/trending-weekly.html +144 -144
  37. package/web/trending.html +140 -136
  38. package/web/users.china.html +904 -904
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/4/18 by
119
+ <div class="time">Last cache created on 2022/4/19 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/1190000041715160" target="_blank" title="IDEA小技巧：Debug时如何优雅地制造异常？">IDEA小技巧：Debug时如何优雅地制造异常？</a>
150
+ <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing！巧用 CSS 视差实现酷炫交互动效">Amazing！巧用 CSS 视差实现酷炫交互动效</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/coderdd" title="Programming Language">
165
- <span>程序猿DD</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
+ <span>chokcoco</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...
169
+ 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...
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/1190000041717270" target="_blank" title="响应式网页中的高度设计，你认真的吗？">响应式网页中的高度设计，你认真的吗？</a>
178
+ <a href="https://segmentfault.com/a/1190000041721518" 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>4</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" 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
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
197
+ 1.自我介绍说了一下项目经历，项目主要功能，项目负责部分，项目技术栈2.处理过的项目中最难的一点是什么说了一下问卷系统导入答卷部3.你的多线程处理在并发情况下会出现什么问题。4.jvm熟悉吗？（不熟悉）5.项目...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,147 @@
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/1190000041715744" target="_blank" title="stream.map 和 stream.foreach 的区别">stream.map 和 stream.foreach 的区别</a>
206
+ <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
207
+ </div>
208
+ <div class="sub-title followers">
209
+
210
+ <span title="Stargazers Count">
211
+ <svg width="12" height="12" viewBox="0 0 16 16">
212
+ <g fill="none" fill-rule="evenodd">
213
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
216
+ </svg>
217
+ <span>4</span>
218
+ </span>
219
+ &nbsp;
220
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
221
+ <span>XboxYan</span>
222
+ </a>
223
+ </div>
224
+ <div class="details">
225
+ 欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...
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/1190000041717742" target="_blank" title="精读《不再需要 JS 做的 5 件事》">精读《不再需要 JS 做的 5 件事》</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>3</span>
246
+ </span>
247
+ &nbsp;
248
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
249
+ <span>黄子毅</span>
250
+ </a>
251
+ </div>
252
+ <div class="details">
253
+ 关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。
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/1190000041721490" target="_blank" title="angular中ExpressionChangedAfterItHasBeenCheckedError错误">angular中ExpressionChangedAfterItHasBeenCheckedError错误</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/chenchu_6110ed583800c" title="Programming Language">
277
+ <span>weiewiyi</span>
278
+ </a>
279
+ </div>
280
+ <div class="details">
281
+ 最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。
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/1190000041718912" target="_blank" title="FORK AI 获数千万元 Pre-A 轮融资：定位 MarTech 赛道|助力云服务商精准获客">FORK AI 获数千万元 Pre-A 轮融资：定位 MarTech 赛道|助力云服务商精准获客</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/d2ms1shh" title="Programming Language">
305
+ <span>MissD</span>
306
+ </a>
307
+ </div>
308
+ <div class="details">
309
+ 近日，FORK AI 正式宣布获得了由绿洲资本独家投资的数千万元人民币 Pre - A 轮融资。据介绍，本轮资金用途为升级产品和扩大商业化，除自有销售渠道外， FORK AI 还将以 CRM 厂商为渠道进行拓客。
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/1190000041719899" target="_blank" title="《手写Mybatis》第5章：数据源的解析、创建和使用">《手写Mybatis》第5章：数据源的解析、创建和使用</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>2</span>
330
+ </span>
331
+ &nbsp;
332
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
333
+ <span>小傅哥</span>
334
+ </a>
335
+ </div>
336
+ <div class="details">
337
+ 现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...
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/1190000041719292" target="_blank" title="夯实基础中篇-图解作用域链和闭包">夯实基础中篇-图解作用域链和闭包</a>
207
347
  </div>
208
348
  <div class="sub-title followers">
209
349
 
@@ -217,12 +357,12 @@
217
357
  <span>1</span>
218
358
  </span>
219
359
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/suren_6225661042a5d" title="Programming Language">
221
- <span>Haoo_是个程序员</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/qcjay" title="Programming Language">
361
+ <span>我不是大熊</span>
222
362
  </a>
223
363
  </div>
224
364
  <div class="details">
225
- 我们在使用集合或数组对元素进行操作时往往会遇到这种情况：通过对不同类型的存储元素，按照特定条件进行查找、排序、等操作时往往会写一大段代码，而且更要命的是，不同类型的数据，操作的方法也不一样，比如一...
365
+ 前言本文承接上篇 夯实基础上篇-图解 JavaScript 执行机制，请先阅读上篇~讲基础不容易，本文通过 7个demo和6张图，和大家一起学习温故作用域链和闭包，本文大纲：什么是作用域链什么是词法作用域什么是闭包闭包...
226
366
  </div>
227
367
  </div>
228
368
  </li>
@@ -243,7 +383,7 @@
243
383
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
244
384
  </a>
245
385
  </div>
246
- <div class="time">Last cache created on 2022/4/18 by Github API v3.</div>
386
+ <div class="time">Last cache created on 2022/4/19 by Github API v3.</div>
247
387
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
248
388
  </div>
249
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/4/18 by
119
+ <div class="time">Last cache created on 2022/4/19 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/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</a>
150
+ <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</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>64</span>
161
+ <span>40</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
165
- <span>江辰</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
165
+ <span>pingan8787</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
169
+ 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -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>35</span>
189
+ <span>38</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -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/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
206
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</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>35</span>
217
+ <span>36</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
221
- <span>pingan8787</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
221
+ <span>前端胖头鱼</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
225
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
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/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
234
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>34</span>
245
+ <span>33</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
249
- <span>前端胖头鱼</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
253
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -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>30</span>
273
+ <span>31</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
@@ -287,34 +287,6 @@
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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>32</span>
302
- </span>
303
- &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
- <span>chokcoco</span>
306
- </a>
307
- </div>
308
- <div class="details">
309
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
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
290
  <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
319
291
  </div>
320
292
  <div class="sub-title followers">
@@ -326,7 +298,7 @@
326
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"/>
327
299
  </g>
328
300
  </svg>
329
- <span>25</span>
301
+ <span>26</span>
330
302
  </span>
331
303
  &nbsp;
332
304
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -342,7 +314,7 @@
342
314
  <li>
343
315
  <div class="info">
344
316
  <div class="rank">
345
- <span title="Ranking 8">8</span>
317
+ <span title="Ranking 7">7</span>
346
318
  <a href="https://segmentfault.com/a/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
347
319
  </div>
348
320
  <div class="sub-title followers">
@@ -370,7 +342,7 @@
370
342
  <li>
371
343
  <div class="info">
372
344
  <div class="rank">
373
- <span title="Ranking 9">9</span>
345
+ <span title="Ranking 8">8</span>
374
346
  <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
375
347
  </div>
376
348
  <div class="sub-title followers">
@@ -398,7 +370,7 @@
398
370
  <li>
399
371
  <div class="info">
400
372
  <div class="rank">
401
- <span title="Ranking 10">10</span>
373
+ <span title="Ranking 9">9</span>
402
374
  <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
403
375
  </div>
404
376
  <div class="sub-title followers">
@@ -426,7 +398,7 @@
426
398
  <li>
427
399
  <div class="info">
428
400
  <div class="rank">
429
- <span title="Ranking 11">11</span>
401
+ <span title="Ranking 10">10</span>
430
402
  <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
431
403
  </div>
432
404
  <div class="sub-title followers">
@@ -454,7 +426,7 @@
454
426
  <li>
455
427
  <div class="info">
456
428
  <div class="rank">
457
- <span title="Ranking 12">12</span>
429
+ <span title="Ranking 11">11</span>
458
430
  <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
459
431
  </div>
460
432
  <div class="sub-title followers">
@@ -482,7 +454,7 @@
482
454
  <li>
483
455
  <div class="info">
484
456
  <div class="rank">
485
- <span title="Ranking 13">13</span>
457
+ <span title="Ranking 12">12</span>
486
458
  <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
487
459
  </div>
488
460
  <div class="sub-title followers">
@@ -494,7 +466,7 @@
494
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"/>
495
467
  </g>
496
468
  </svg>
497
- <span>16</span>
469
+ <span>18</span>
498
470
  </span>
499
471
  &nbsp;
500
472
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -510,8 +482,8 @@
510
482
  <li>
511
483
  <div class="info">
512
484
  <div class="rank">
513
- <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
485
+ <span title="Ranking 13">13</span>
486
+ <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
515
487
  </div>
516
488
  <div class="sub-title followers">
517
489
 
@@ -522,15 +494,15 @@
522
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"/>
523
495
  </g>
524
496
  </svg>
525
- <span>20</span>
497
+ <span>16</span>
526
498
  </span>
527
499
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
529
- <span>杨成功</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
501
+ <span>chokcoco</span>
530
502
  </a>
531
503
  </div>
532
504
  <div class="details">
533
- 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
505
+ 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
534
506
  </div>
535
507
  </div>
536
508
  </li>
@@ -538,8 +510,8 @@
538
510
  <li>
539
511
  <div class="info">
540
512
  <div class="rank">
541
- <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
513
+ <span title="Ranking 14">14</span>
514
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
543
515
  </div>
544
516
  <div class="sub-title followers">
545
517
 
@@ -550,15 +522,15 @@
550
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"/>
551
523
  </g>
552
524
  </svg>
553
- <span>16</span>
525
+ <span>20</span>
554
526
  </span>
555
527
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
557
- <span>chokcoco</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
529
+ <span>杨成功</span>
558
530
  </a>
559
531
  </div>
560
532
  <div class="details">
561
- 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
533
+ 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
562
534
  </div>
563
535
  </div>
564
536
  </li>
@@ -566,7 +538,7 @@
566
538
  <li>
567
539
  <div class="info">
568
540
  <div class="rank">
569
- <span title="Ranking 16">16</span>
541
+ <span title="Ranking 15">15</span>
570
542
  <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -578,7 +550,7 @@
578
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"/>
579
551
  </g>
580
552
  </svg>
581
- <span>14</span>
553
+ <span>15</span>
582
554
  </span>
583
555
  &nbsp;
584
556
  <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
@@ -594,7 +566,7 @@
594
566
  <li>
595
567
  <div class="info">
596
568
  <div class="rank">
597
- <span title="Ranking 17">17</span>
569
+ <span title="Ranking 16">16</span>
598
570
  <a href="https://segmentfault.com/a/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
@@ -622,7 +594,7 @@
622
594
  <li>
623
595
  <div class="info">
624
596
  <div class="rank">
625
- <span title="Ranking 18">18</span>
597
+ <span title="Ranking 17">17</span>
626
598
  <a href="https://segmentfault.com/a/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
627
599
  </div>
628
600
  <div class="sub-title followers">
@@ -650,7 +622,7 @@
650
622
  <li>
651
623
  <div class="info">
652
624
  <div class="rank">
653
- <span title="Ranking 19">19</span>
625
+ <span title="Ranking 18">18</span>
654
626
  <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
655
627
  </div>
656
628
  <div class="sub-title followers">
@@ -678,7 +650,7 @@
678
650
  <li>
679
651
  <div class="info">
680
652
  <div class="rank">
681
- <span title="Ranking 20">20</span>
653
+ <span title="Ranking 19">19</span>
682
654
  <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
683
655
  </div>
684
656
  <div class="sub-title followers">
@@ -706,7 +678,7 @@
706
678
  <li>
707
679
  <div class="info">
708
680
  <div class="rank">
709
- <span title="Ranking 21">21</span>
681
+ <span title="Ranking 20">20</span>
710
682
  <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
711
683
  </div>
712
684
  <div class="sub-title followers">
@@ -734,7 +706,7 @@
734
706
  <li>
735
707
  <div class="info">
736
708
  <div class="rank">
737
- <span title="Ranking 22">22</span>
709
+ <span title="Ranking 21">21</span>
738
710
  <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
739
711
  </div>
740
712
  <div class="sub-title followers">
@@ -759,6 +731,34 @@
759
731
  </div>
760
732
  </li>
761
733
 
734
+ <li>
735
+ <div class="info">
736
+ <div class="rank">
737
+ <span title="Ranking 22">22</span>
738
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
739
+ </div>
740
+ <div class="sub-title followers">
741
+
742
+ <span title="Stargazers Count">
743
+ <svg width="12" height="12" viewBox="0 0 16 16">
744
+ <g fill="none" fill-rule="evenodd">
745
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
748
+ </svg>
749
+ <span>12</span>
750
+ </span>
751
+ &nbsp;
752
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
753
+ <span>TNTWEB</span>
754
+ </a>
755
+ </div>
756
+ <div class="details">
757
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
758
+ </div>
759
+ </div>
760
+ </li>
761
+
762
762
  <li>
763
763
  <div class="info">
764
764
  <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/4/18 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/19 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>