@wcj/github-rank 22.4.10 → 22.4.11

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 +14590 -14590
  2. package/dist/sifou-daily.json +60 -6
  3. package/dist/sifou-monthly.json +31 -31
  4. package/dist/sifou-weekly.json +131 -131
  5. package/dist/toutiao-30.json +55 -55
  6. package/dist/toutiao-7.json +86 -86
  7. package/dist/toutiao-90.json +14 -14
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +133 -133
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +1544 -1546
  12. package/dist/users.json +1756 -1756
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +14590 -14590
  16. package/web/data/sifou-daily.json +60 -6
  17. package/web/data/sifou-monthly.json +31 -31
  18. package/web/data/sifou-weekly.json +131 -131
  19. package/web/data/toutiao-30.json +55 -55
  20. package/web/data/toutiao-7.json +86 -86
  21. package/web/data/toutiao-90.json +14 -14
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +133 -133
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +1544 -1546
  26. package/web/data/users.json +1756 -1756
  27. package/web/index.html +972 -972
  28. package/web/repos.html +2089 -2089
  29. package/web/sifou-daily.html +175 -7
  30. package/web/sifou-monthly.html +52 -52
  31. package/web/sifou-weekly.html +139 -139
  32. package/web/toutiao-30.html +51 -51
  33. package/web/toutiao-7.html +72 -72
  34. package/web/toutiao-90.html +47 -47
  35. package/web/trending-monthly.html +126 -126
  36. package/web/trending-weekly.html +148 -148
  37. package/web/trending.html +145 -153
  38. package/web/users.china.html +945 -945
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/10 by
119
+ <div class="time">Last cache created on 2022/4/11 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/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
150
+ <a href="https://segmentfault.com/a/1190000041677321" target="_blank" title="加速Spring现代化，我们做了什么？">加速Spring现代化，我们做了什么？</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,183 @@
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>2</span>
161
+ <span>1</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
165
- <span>pingan8787</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/mstech" title="Programming Language">
165
+ <span>微软技术栈</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
169
+ 大约3年前，在意识到开发人员、IT 运营商和 DevOps 团队在大规模运行 Spring Boot 应用程序时面临的常见挑战后，我们开始联合VMware积极寻求解决方案，推出了Azure Spring Cloud。从那时起，我们有机会与许多客户...
170
+ </div>
171
+ </div>
172
+ </li>
173
+
174
+ <li>
175
+ <div class="info">
176
+ <div class="rank">
177
+ <span title="Ranking 2">2</span>
178
+ <a href="https://segmentfault.com/a/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</a>
179
+ </div>
180
+ <div class="sub-title followers">
181
+
182
+ <span title="Stargazers Count">
183
+ <svg width="12" height="12" viewBox="0 0 16 16">
184
+ <g fill="none" fill-rule="evenodd">
185
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
188
+ </svg>
189
+ <span>1</span>
190
+ </span>
191
+ &nbsp;
192
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
193
+ <span>lulu_up</span>
194
+ </a>
195
+ </div>
196
+ <div class="details">
197
+ 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
198
+ </div>
199
+ </div>
200
+ </li>
201
+
202
+ <li>
203
+ <div class="info">
204
+ <div class="rank">
205
+ <span title="Ranking 3">3</span>
206
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</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>1</span>
218
+ </span>
219
+ &nbsp;
220
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
221
+ <span>lulu_up</span>
222
+ </a>
223
+ </div>
224
+ <div class="details">
225
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
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/1190000041682877" target="_blank" title="【Go进阶—基础特性】panic 和 recover">【Go进阶—基础特性】panic 和 recover</a>
235
+ </div>
236
+ <div class="sub-title followers">
237
+
238
+ <span title="Stargazers Count">
239
+ <svg width="12" height="12" viewBox="0 0 16 16">
240
+ <g fill="none" fill-rule="evenodd">
241
+ <path d="M0 0h16v16H0z"/>
242
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
243
+ </g>
244
+ </svg>
245
+ <span>1</span>
246
+ </span>
247
+ &nbsp;
248
+ <a target="_blank" href="https://segmentfault.com/u/yu_5e842f4043ba6" title="Programming Language">
249
+ <span>与昊</span>
250
+ </a>
251
+ </div>
252
+ <div class="details">
253
+ panic 和 recover 也是常用的关键字，这两个关键字与上一篇提到的 defer 联系很紧密。用一句话总结就是：调用 panic 后会立刻停止执行当前函数的剩余代码，并在当前 Goroutine 中递归执行调用方的 defer；而 reco...
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/1190000041682087" target="_blank" title="Uint8Array 我TM谢谢你不报错哦">Uint8Array 我TM谢谢你不报错哦</a>
263
+ </div>
264
+ <div class="sub-title followers">
265
+
266
+ <span title="Stargazers Count">
267
+ <svg width="12" height="12" viewBox="0 0 16 16">
268
+ <g fill="none" fill-rule="evenodd">
269
+ <path d="M0 0h16v16H0z"/>
270
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
271
+ </g>
272
+ </svg>
273
+ <span>1</span>
274
+ </span>
275
+ &nbsp;
276
+ <a target="_blank" href="https://segmentfault.com/u/chendongyuan" title="Programming Language">
277
+ <span>undefined</span>
278
+ </a>
279
+ </div>
280
+ <div class="details">
281
+ 为了节约内存, 对参数化数据的typedArray进行了判断选择 {代码...} 在进行合批操作时，合并所有的顶点、索引和Uv数据 {代码...} OK, 这时候就出现了问题，反正就是绘制不对，很奇怪的形状在索引、顶点、法线中，...
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/1190000041681791" 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>1</span>
302
+ </span>
303
+ &nbsp;
304
+ <a target="_blank" href="https://segmentfault.com/u/laziji" title="Programming Language">
305
+ <span>辣子鸡</span>
306
+ </a>
307
+ </div>
308
+ <div class="details">
309
+ 项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...
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/1190000041681009" target="_blank" title="几个一看就会的实用JavaScript优雅小技巧🌟">几个一看就会的实用JavaScript优雅小技巧🌟</a>
319
+ </div>
320
+ <div class="sub-title followers">
321
+
322
+ <span title="Stargazers Count">
323
+ <svg width="12" height="12" viewBox="0 0 16 16">
324
+ <g fill="none" fill-rule="evenodd">
325
+ <path d="M0 0h16v16H0z"/>
326
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
327
+ </g>
328
+ </svg>
329
+ <span>1</span>
330
+ </span>
331
+ &nbsp;
332
+ <a target="_blank" href="https://segmentfault.com/u/_61f73c54062fa" title="Programming Language">
333
+ <span>快跑啊小卢_</span>
334
+ </a>
335
+ </div>
336
+ <div class="details">
337
+ ☀️ 前言大家好我是小卢，在工作中我们经常可以通过一些小细节来增加代码可读性，让代码看起来更加优雅。这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。难度：🌟 推荐阅读时长:5min😎 正片减少if...el...
170
338
  </div>
171
339
  </div>
172
340
  </li>
@@ -187,7 +355,7 @@
187
355
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
188
356
  </a>
189
357
  </div>
190
- <div class="time">Last cache created on 2022/4/10 by Github API v3.</div>
358
+ <div class="time">Last cache created on 2022/4/11 by Github API v3.</div>
191
359
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
192
360
  </div>
193
361
  </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/10 by
119
+ <div class="time">Last cache created on 2022/4/11 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>44</span>
189
+ <span>45</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -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/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
374
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</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>14</span>
385
+ <span>21</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
389
- <span>张京</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
389
+ <span>WonderfulSoap</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
393
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
402
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</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>20</span>
413
+ <span>14</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
417
- <span>WonderfulSoap</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
417
+ <span>张京</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
421
+ 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -438,7 +438,7 @@
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>18</span>
441
+ <span>19</span>
442
442
  </span>
443
443
  &nbsp;
444
444
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -763,6 +763,34 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
767
+ </div>
768
+ <div class="sub-title followers">
769
+
770
+ <span title="Stargazers Count">
771
+ <svg width="12" height="12" viewBox="0 0 16 16">
772
+ <g fill="none" fill-rule="evenodd">
773
+ <path d="M0 0h16v16H0z"/>
774
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
775
+ </g>
776
+ </svg>
777
+ <span>13</span>
778
+ </span>
779
+ &nbsp;
780
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
781
+ <span>XboxYan</span>
782
+ </a>
783
+ </div>
784
+ <div class="details">
785
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
786
+ </div>
787
+ </div>
788
+ </li>
789
+
790
+ <li>
791
+ <div class="info">
792
+ <div class="rank">
793
+ <span title="Ranking 24">24</span>
766
794
  <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
767
795
  </div>
768
796
  <div class="sub-title followers">
@@ -790,7 +818,7 @@
790
818
  <li>
791
819
  <div class="info">
792
820
  <div class="rank">
793
- <span title="Ranking 24">24</span>
821
+ <span title="Ranking 25">25</span>
794
822
  <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
795
823
  </div>
796
824
  <div class="sub-title followers">
@@ -818,7 +846,7 @@
818
846
  <li>
819
847
  <div class="info">
820
848
  <div class="rank">
821
- <span title="Ranking 25">25</span>
849
+ <span title="Ranking 26">26</span>
822
850
  <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
823
851
  </div>
824
852
  <div class="sub-title followers">
@@ -846,7 +874,7 @@
846
874
  <li>
847
875
  <div class="info">
848
876
  <div class="rank">
849
- <span title="Ranking 26">26</span>
877
+ <span title="Ranking 27">27</span>
850
878
  <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
851
879
  </div>
852
880
  <div class="sub-title followers">
@@ -874,7 +902,7 @@
874
902
  <li>
875
903
  <div class="info">
876
904
  <div class="rank">
877
- <span title="Ranking 27">27</span>
905
+ <span title="Ranking 28">28</span>
878
906
  <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
879
907
  </div>
880
908
  <div class="sub-title followers">
@@ -902,7 +930,7 @@
902
930
  <li>
903
931
  <div class="info">
904
932
  <div class="rank">
905
- <span title="Ranking 28">28</span>
933
+ <span title="Ranking 29">29</span>
906
934
  <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
907
935
  </div>
908
936
  <div class="sub-title followers">
@@ -927,39 +955,11 @@
927
955
  </div>
928
956
  </li>
929
957
 
930
- <li>
931
- <div class="info">
932
- <div class="rank">
933
- <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
935
- </div>
936
- <div class="sub-title followers">
937
-
938
- <span title="Stargazers Count">
939
- <svg width="12" height="12" viewBox="0 0 16 16">
940
- <g fill="none" fill-rule="evenodd">
941
- <path d="M0 0h16v16H0z"/>
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
- </g>
944
- </svg>
945
- <span>11</span>
946
- </span>
947
- &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
949
- <span>XboxYan</span>
950
- </a>
951
- </div>
952
- <div class="details">
953
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
954
- </div>
955
- </div>
956
- </li>
957
-
958
958
  <li>
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/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
962
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>10</span>
973
+ <span>15</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
977
- <span>沈唁</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
977
+ <span>chokcoco</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
981
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
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/10 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/11 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>