@wcj/github-rank 22.4.16 → 22.4.17

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 +14352 -14373
  2. package/dist/sifou-daily.json +29 -38
  3. package/dist/sifou-monthly.json +57 -57
  4. package/dist/sifou-weekly.json +97 -97
  5. package/dist/toutiao-30.json +52 -52
  6. package/dist/toutiao-7.json +67 -67
  7. package/dist/toutiao-90.json +12 -12
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +157 -157
  10. package/dist/trending-weekly.json +162 -162
  11. package/dist/users.china.json +1113 -1113
  12. package/dist/users.json +1682 -1682
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +14352 -14373
  16. package/web/data/sifou-daily.json +29 -38
  17. package/web/data/sifou-monthly.json +57 -57
  18. package/web/data/sifou-weekly.json +97 -97
  19. package/web/data/toutiao-30.json +52 -52
  20. package/web/data/toutiao-7.json +67 -67
  21. package/web/data/toutiao-90.json +12 -12
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +157 -157
  24. package/web/data/trending-weekly.json +162 -162
  25. package/web/data/users.china.json +1113 -1113
  26. package/web/data/users.json +1682 -1682
  27. package/web/index.html +933 -933
  28. package/web/repos.html +2022 -2022
  29. package/web/sifou-daily.html +26 -54
  30. package/web/sifou-monthly.html +64 -64
  31. package/web/sifou-weekly.html +131 -131
  32. package/web/toutiao-30.html +60 -60
  33. package/web/toutiao-7.html +74 -74
  34. package/web/toutiao-90.html +25 -25
  35. package/web/trending-monthly.html +145 -141
  36. package/web/trending-weekly.html +144 -148
  37. package/web/trending.html +149 -149
  38. package/web/users.china.html +584 -584
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/16 by
119
+ <div class="time">Last cache created on 2022/4/17 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/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
150
+ <a href="https://segmentfault.com/a/1190000041714558" target="_blank" title="深入解析JVM-Java对象头组成">深入解析JVM-Java对象头组成</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>6</span>
161
+ <span>1</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
165
- <span>卡颂</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/jany" title="Programming Language">
165
+ <span>janyxe</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
169
+ Mark Word :用于存储对象自身的运行时数据， 如哈希码（HashCode）、GC分代年龄、锁状态标志、线程持有的锁、偏向线程ID、偏向时间戳等
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/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
178
+ <a href="https://segmentfault.com/a/1190000041713493" target="_blank" title="基于React.js的后台管理系统开发全过程(二)">基于React.js的后台管理系统开发全过程(二)</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>4</span>
189
+ <span>1</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
193
- <span>TNTWEB</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/jiaolvdekaixinguo" title="Programming Language">
193
+ <span>韩xiao方MY</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
197
+ ok，我们完成了最基本的二次封装。这样使用起来好像和直接使用axios并没有什么区别，让我们继续包装一下。在Api文件夹下再创建一个index.js文件，来存放我们后续可能需要的各种类型的请求方法。
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/1190000041709916" target="_blank" title="都“毕业”了，靠什么和东哥做“兄弟”？">都“毕业”了，靠什么和东哥做“兄弟”？</a>
206
+ <a href="https://segmentfault.com/a/1190000041712840" target="_blank" title="Redis的所有操作都是原子性？">Redis的所有操作都是原子性？</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>2</span>
217
+ <span>1</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
221
- <span>不会写代码的小白</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/daodandeqingjiao" title="Programming Language">
221
+ <span>捣蛋的青椒</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：&#34;未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设&#34;。
225
+ 性能高 – Redis能读的速度是110000次/s,写的速度是81000次/s 。丰富的数据类型 – Redis支持二进制案例的 Strings, Lists, Hashes, Sets 及 Ordered Sets 数据类型操作。原子 – Redis的所有操作都是原子性的，意思...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,35 +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/1190000041708419" target="_blank" title="面试官：简单聊聊 Go 逃逸分析？">面试官：简单聊聊 Go 逃逸分析？</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>2</span>
246
- </span>
247
- &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/backendtime" title="Programming Language">
249
- <span>后端时光</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/1190000041709994" target="_blank" title="Go的高效开发套路">Go的高效开发套路</a>
234
+ <a href="https://segmentfault.com/a/1190000041712404" target="_blank" title="Python几种主流框架">Python几种主流框架</a>
263
235
  </div>
264
236
  <div class="sub-title followers">
265
237
 
@@ -273,12 +245,12 @@
273
245
  <span>1</span>
274
246
  </span>
275
247
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/edwardq_5e6b2d1b7ec0b" title="Programming Language">
277
- <span>EdwardQ</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
249
+ <span>Python技术大本营</span>
278
250
  </a>
279
251
  </div>
280
252
  <div class="details">
281
- A. 背景当前在公司进行Go服务端研发工作时，发现缺少Go开发的最佳实践，而导致以下现象用Go开发时会比较迷茫，不知如何下手，怎么开展工作比较高效。重复造轮子比较严重。项目的代码质量参差不齐，导致交付的产品...
253
+ Django 应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用起ORM，做简单的对象定义，它就能自动生成数据库结构、以及全功能的管...
282
254
  </div>
283
255
  </div>
284
256
  </li>
@@ -286,8 +258,8 @@
286
258
  <li>
287
259
  <div class="info">
288
260
  <div class="rank">
289
- <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041708272" target="_blank" title="性能测试分为哪几种类型？">性能测试分为哪几种类型？</a>
261
+ <span title="Ranking 5">5</span>
262
+ <a href="https://segmentfault.com/a/1190000041712382" target="_blank" title="Python自动化--6. 写一个python程序">Python自动化--6. 写一个python程序</a>
291
263
  </div>
292
264
  <div class="sub-title followers">
293
265
 
@@ -301,12 +273,12 @@
301
273
  <span>1</span>
302
274
  </span>
303
275
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju" title="Programming Language">
305
- <span>泽众软件_项目管理_测试工具</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
277
+ <span>Python技术大本营</span>
306
278
  </a>
307
279
  </div>
308
280
  <div class="details">
309
- 在软件测试中性能测试是很重要的一项，一般来说性能是一种指标，表明软件系统或构件对其及时性要求的符合程度，也可以说性能是一种特性，可以用时间来进行度量。性能的及时性用响应时间或吞吐量来衡量。响应时间...
281
+ python程序6.1 使用vim写python程序生产环境中，我们会将程序的代码写成一个文件，这个文件就成为一个python程序文件，文件名以 .py 为结尾。猜数字
310
282
  </div>
311
283
  </div>
312
284
  </li>
@@ -327,7 +299,7 @@
327
299
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
328
300
  </a>
329
301
  </div>
330
- <div class="time">Last cache created on 2022/4/16 by Github API v3.</div>
302
+ <div class="time">Last cache created on 2022/4/17 by Github API v3.</div>
331
303
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
332
304
  </div>
333
305
  </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/16 by
119
+ <div class="time">Last cache created on 2022/4/17 by
120
120
 
121
121
 
122
122
 
@@ -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/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
178
+ <a href="https://segmentfault.com/a/1190000041661094" 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>34</span>
189
+ <span>33</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
193
- <span>pingan8787</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
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
197
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
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/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
206
+ <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</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>31</span>
217
+ <span>35</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
221
- <span>XboxYan</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
221
+ <span>pingan8787</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
225
+ 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</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>31</span>
245
+ <span>30</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/wonderfulsoap" title="Programming Language">
249
+ <span>WonderfulSoap</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
253
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
262
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>28</span>
273
+ <span>32</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
277
- <span>WonderfulSoap</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
277
+ <span>chokcoco</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
281
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
290
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</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>31</span>
301
+ <span>33</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/116263" title="Programming Language">
305
+ <span>前端胖头鱼</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
309
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
310
310
  </div>
311
311
  </div>
312
312
  </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/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
430
+ <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</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>14</span>
441
+ <span>20</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
445
- <span>张京</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
445
+ <span>码哥字节</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
449
+ 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
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/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
458
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</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>19</span>
469
+ <span>14</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
473
- <span>码哥字节</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
473
+ <span>张京</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
477
+ 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
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/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
486
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,7 +494,7 @@
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>20</span>
497
+ <span>16</span>
498
498
  </span>
499
499
  &nbsp;
500
500
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -502,7 +502,7 @@
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
505
+ 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
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/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
514
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,7 +522,7 @@
522
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
523
  </g>
524
524
  </svg>
525
- <span>16</span>
525
+ <span>20</span>
526
526
  </span>
527
527
  &nbsp;
528
528
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -530,7 +530,7 @@
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
533
+ 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
534
534
  </div>
535
535
  </div>
536
536
  </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>13</span>
721
+ <span>14</span>
722
722
  </span>
723
723
  &nbsp;
724
724
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
822
+ <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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"/>
831
831
  </g>
832
832
  </svg>
833
- <span>13</span>
833
+ <span>14</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
837
- <span>超大只乌龟</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
837
+ <span>前端小智</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
841
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
850
+ <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
859
859
  </g>
860
860
  </svg>
861
- <span>14</span>
861
+ <span>13</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
- <span>前端小智</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
865
+ <span>超大只乌龟</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
869
+ 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
870
870
  </div>
871
871
  </div>
872
872
  </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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
934
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</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>11</span>
945
+ <span>12</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
949
- <span>lulu_up</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
949
+ <span>码哥字节</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
953
+ 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
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/1190000041569757" target="_blank" title="编程中常用的加密算法">编程中常用的加密算法</a>
962
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>17</span>
973
+ <span>11</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
977
- <span>编程码农</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
977
+ <span>lulu_up</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...
981
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
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/4/16 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/17 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>