@wcj/github-rank 22.1.29 → 22.1.30

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 +17283 -17283
  2. package/dist/sifou-daily.json +18 -63
  3. package/dist/sifou-monthly.json +50 -50
  4. package/dist/sifou-weekly.json +111 -111
  5. package/dist/toutiao-30.json +47 -47
  6. package/dist/toutiao-7.json +66 -66
  7. package/dist/toutiao-90.json +19 -19
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +157 -157
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +861 -861
  12. package/dist/users.json +1617 -1617
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +17283 -17283
  16. package/web/data/sifou-daily.json +18 -63
  17. package/web/data/sifou-monthly.json +50 -50
  18. package/web/data/sifou-weekly.json +111 -111
  19. package/web/data/toutiao-30.json +47 -47
  20. package/web/data/toutiao-7.json +66 -66
  21. package/web/data/toutiao-90.json +19 -19
  22. package/web/data/trending-daily.json +167 -167
  23. package/web/data/trending-monthly.json +157 -157
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +861 -861
  26. package/web/data/users.json +1617 -1617
  27. package/web/index.html +922 -922
  28. package/web/repos.html +2253 -2253
  29. package/web/sifou-daily.html +17 -157
  30. package/web/sifou-monthly.html +73 -73
  31. package/web/sifou-weekly.html +122 -122
  32. package/web/toutiao-30.html +90 -90
  33. package/web/toutiao-7.html +78 -78
  34. package/web/toutiao-90.html +18 -18
  35. package/web/trending-monthly.html +140 -140
  36. package/web/trending-weekly.html +142 -146
  37. package/web/trending.html +147 -143
  38. package/web/users.china.html +479 -479
package/web/sifou-daily.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/1/29 by
97
+ <div class="time">Last cache created on 2022/1/30 by
98
98
 
99
99
 
100
100
 
@@ -125,7 +125,7 @@
125
125
  <div class="info">
126
126
  <div class="rank">
127
127
  <span title="Ranking 1">1</span>
128
- <a href="https://segmentfault.com/a/1190000041353765" target="_blank" title="建一座国际连锁“商场”：openEuler的雄心与蓝图 | 开源访谈《源创者说》首播">建一座国际连锁“商场”：openEuler的雄心与蓝图 | 开源访谈《源创者说》首播</a>
128
+ <a href="https://segmentfault.com/a/1190000041355320" target="_blank" title="火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking">火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking</a>
129
129
  </div>
130
130
  <div class="sub-title followers">
131
131
 
@@ -136,15 +136,15 @@
136
136
  <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"/>
137
137
  </g>
138
138
  </svg>
139
- <span>2</span>
139
+ <span>8</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
143
- <span>思否编辑部</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
143
+ <span>鸣飞</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 熊伟，南开大学毕业，工学博士，曾在TurboLinux、WindRiver等公司参与操作系统研发。2014年加入华为，现为2012实验室中央软件院服务器操作系统首席架构师，openEuler技术委员会委员，openEuler社区主要创建人之一...
147
+ 近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...
148
148
  </div>
149
149
  </div>
150
150
  </li>
@@ -153,7 +153,7 @@
153
153
  <div class="info">
154
154
  <div class="rank">
155
155
  <span title="Ranking 2">2</span>
156
- <a href="https://segmentfault.com/a/1190000041352608" target="_blank" title="WGCLOUD如何实现隐藏窗口运行和开机启动（windows版本）">WGCLOUD如何实现隐藏窗口运行和开机启动（windows版本）</a>
156
+ <a href="https://segmentfault.com/a/1190000041355537" target="_blank" title="两年经验前端：字节跳动系—石墨文档面经">两年经验前端：字节跳动系—石墨文档面经</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
164
  <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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>1</span>
167
+ <span>6</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
171
- <span>徐三刀</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
171
+ <span>Sunshine_Lin</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 1、将WGCLOUD的server端注册为windows系统服务，就可以实现隐藏窗口和开机启动[链接]2、将WGCLOUD的agent端注册为windows系统服务，就可以实现隐藏窗口和开机启动[链接]
175
+ 前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、[&#39;10&#39;, &#39;10&#39;, &#39;10&#39;, &#39;10&#39;, &#39;10&#39;].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041353909" target="_blank" title="SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长">SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长</a>
184
+ <a href="https://segmentfault.com/a/1190000041355419" target="_blank" title="60行代码实现React的事件系统">60行代码实现React的事件系统</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -192,155 +192,15 @@
192
192
  <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"/>
193
193
  </g>
194
194
  </svg>
195
- <span>1</span>
195
+ <span>3</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
199
- <span>SegmentFault思否</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
199
+ <span>卡颂</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...
204
- </div>
205
- </div>
206
- </li>
207
-
208
- <li>
209
- <div class="info">
210
- <div class="rank">
211
- <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041353319" target="_blank" title="Luna：你想要的 React Native 调试工具">Luna：你想要的 React Native 调试工具</a>
213
- </div>
214
- <div class="sub-title followers">
215
-
216
- <span title="Stargazers Count">
217
- <svg width="12" height="12" viewBox="0 0 16 16">
218
- <g fill="none" fill-rule="evenodd">
219
- <path d="M0 0h16v16H0z"/>
220
- <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"/>
221
- </g>
222
- </svg>
223
- <span>2</span>
224
- </span>
225
- &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/techatshopee" title="Programming Language">
227
- <span>Shopee技术团队</span>
228
- </a>
229
- </div>
230
- <div class="details">
231
- React Native（以下简称 RN）目前在 Shopee 前端团队得到大量应用。RN 虽然有很多优势，但是其开发和调试流程与 Mobile Web 相比却不那么友好，特别是在运行时的调试。
232
- </div>
233
- </div>
234
- </li>
235
-
236
- <li>
237
- <div class="info">
238
- <div class="rank">
239
- <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041352971" target="_blank" title="官宣！2021中国开源年报震撼首发！一篇报告带你读懂中国开源的2021~">官宣！2021中国开源年报震撼首发！一篇报告带你读懂中国开源的2021~</a>
241
- </div>
242
- <div class="sub-title followers">
243
-
244
- <span title="Stargazers Count">
245
- <svg width="12" height="12" viewBox="0 0 16 16">
246
- <g fill="none" fill-rule="evenodd">
247
- <path d="M0 0h16v16H0z"/>
248
- <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"/>
249
- </g>
250
- </svg>
251
- <span>1</span>
252
- </span>
253
- &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
255
- <span>SegmentFault思否</span>
256
- </a>
257
- </div>
258
- <div class="details">
259
- 开源，在2021年，火了，而且是燎原烈火，烧的焮天铄地，可以说是中国开源迅猛发展的元年也不为过。我们看到，在开源领域上，国策的重点扶持、资本的加码青睐、社区的联合推广、教育的持续深入......这些无不都在...
260
- </div>
261
- </div>
262
- </li>
263
-
264
- <li>
265
- <div class="info">
266
- <div class="rank">
267
- <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041353957" target="_blank" title="记一次 .NET 某智能交通后台服务 CPU爆高分析">记一次 .NET 某智能交通后台服务 CPU爆高分析</a>
269
- </div>
270
- <div class="sub-title followers">
271
-
272
- <span title="Stargazers Count">
273
- <svg width="12" height="12" viewBox="0 0 16 16">
274
- <g fill="none" fill-rule="evenodd">
275
- <path d="M0 0h16v16H0z"/>
276
- <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"/>
277
- </g>
278
- </svg>
279
- <span>1</span>
280
- </span>
281
- &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/huangxincheng" title="Programming Language">
283
- <span>一线码农</span>
284
- </a>
285
- </div>
286
- <div class="details">
287
- 由于是南方小年，我在老家张罗处理起来不方便，没有第一时间帮他处理，朋友在第二天上午已经找出问题了，反馈说是一个 while(true) 导致的，这就有点意思了，在我分析的众多 CPU 爆高案例中，还真没遇到 while(tr...
288
- </div>
289
- </div>
290
- </li>
291
-
292
- <li>
293
- <div class="info">
294
- <div class="rank">
295
- <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041352356" target="_blank" title="ChaosCraft：和女朋友一起来 Hackathon 表演绝活丨滑滑蛋团队访谈">ChaosCraft：和女朋友一起来 Hackathon 表演绝活丨滑滑蛋团队访谈</a>
297
- </div>
298
- <div class="sub-title followers">
299
-
300
- <span title="Stargazers Count">
301
- <svg width="12" height="12" viewBox="0 0 16 16">
302
- <g fill="none" fill-rule="evenodd">
303
- <path d="M0 0h16v16H0z"/>
304
- <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"/>
305
- </g>
306
- </svg>
307
- <span>1</span>
308
- </span>
309
- &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/pingcap" title="Programming Language">
311
- <span>PingCAP</span>
312
- </a>
313
- </div>
314
- <div class="details">
315
- 当 TiDB 集群以一群小羊的形象出现在你面前，还咩咩叫的时候，可能再严肃的程序员都会感受到“更高级别的精神抚慰”。所以在刚刚结束的 TiDB Hackathon 2021 赛事中，当滑滑蛋团队在 Minecraft 里展示 Kubernetes ...
316
- </div>
317
- </div>
318
- </li>
319
-
320
- <li>
321
- <div class="info">
322
- <div class="rank">
323
- <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041352023" target="_blank" title="Redis命令DEL与UNLINK的区别，如何正确删除大Key！">Redis命令DEL与UNLINK的区别，如何正确删除大Key！</a>
325
- </div>
326
- <div class="sub-title followers">
327
-
328
- <span title="Stargazers Count">
329
- <svg width="12" height="12" viewBox="0 0 16 16">
330
- <g fill="none" fill-rule="evenodd">
331
- <path d="M0 0h16v16H0z"/>
332
- <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"/>
333
- </g>
334
- </svg>
335
- <span>1</span>
336
- </span>
337
- &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/maerkefunikefu" title="Programming Language">
339
- <span>马尔科夫尼可夫</span>
340
- </a>
341
- </div>
342
- <div class="details">
343
- 这与之前看redis5.0.8版本的代码中关于多线程删除操作的感官不符，于是决定先查看redis关于删除操作的代码，找出关键点，再做实验进行验证。
203
+ 大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...
344
204
  </div>
345
205
  </div>
346
206
  </li>
@@ -361,7 +221,7 @@
361
221
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
362
222
  </a>
363
223
  </div>
364
- <div class="time">Last cache created on 2022/1/29 by Github API v3.</div>
224
+ <div class="time">Last cache created on 2022/1/30 by Github API v3.</div>
365
225
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
366
226
  </div>
367
227
  </body>
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/1/29 by
97
+ <div class="time">Last cache created on 2022/1/30 by
98
98
 
99
99
 
100
100
 
@@ -164,7 +164,7 @@
164
164
  <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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>35</span>
167
+ <span>36</span>
168
168
  </span>
169
169
  &nbsp;
170
170
  <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
184
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -192,15 +192,15 @@
192
192
  <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"/>
193
193
  </g>
194
194
  </svg>
195
- <span>37</span>
195
+ <span>28</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
199
- <span>日拱一兵</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
199
+ <span>MudOnTire</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
203
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
204
204
  </div>
205
205
  </div>
206
206
  </li>
@@ -209,7 +209,7 @@
209
209
  <div class="info">
210
210
  <div class="rank">
211
211
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
212
+ <a href="https://segmentfault.com/a/1190000041306193" target="_blank" title="巧用 CSS 实现动态线条 Loading 动画">巧用 CSS 实现动态线条 Loading 动画</a>
213
213
  </div>
214
214
  <div class="sub-title followers">
215
215
 
@@ -220,15 +220,15 @@
220
220
  <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"/>
221
221
  </g>
222
222
  </svg>
223
- <span>28</span>
223
+ <span>27</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
227
- <span>MudOnTire</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
227
+ <span>chokcoco</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
231
+ 有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -293,34 +293,6 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041306193" target="_blank" title="巧用 CSS 实现动态线条 Loading 动画">巧用 CSS 实现动态线条 Loading 动画</a>
297
- </div>
298
- <div class="sub-title followers">
299
-
300
- <span title="Stargazers Count">
301
- <svg width="12" height="12" viewBox="0 0 16 16">
302
- <g fill="none" fill-rule="evenodd">
303
- <path d="M0 0h16v16H0z"/>
304
- <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"/>
305
- </g>
306
- </svg>
307
- <span>26</span>
308
- </span>
309
- &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
311
- <span>chokcoco</span>
312
- </a>
313
- </div>
314
- <div class="details">
315
- 有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...
316
- </div>
317
- </div>
318
- </li>
319
-
320
- <li>
321
- <div class="info">
322
- <div class="rank">
323
- <span title="Ranking 8">8</span>
324
296
  <a href="https://segmentfault.com/a/1190000041253109" target="_blank" title="SegmentFault 思否 2021 年度 Top Writer">SegmentFault 思否 2021 年度 Top Writer</a>
325
297
  </div>
326
298
  <div class="sub-title followers">
@@ -348,7 +320,7 @@
348
320
  <li>
349
321
  <div class="info">
350
322
  <div class="rank">
351
- <span title="Ranking 9">9</span>
323
+ <span title="Ranking 8">8</span>
352
324
  <a href="https://segmentfault.com/a/1190000041298011" target="_blank" title="神器 Nginx 的学习手册 ( 建议收藏 )">神器 Nginx 的学习手册 ( 建议收藏 )</a>
353
325
  </div>
354
326
  <div class="sub-title followers">
@@ -376,7 +348,7 @@
376
348
  <li>
377
349
  <div class="info">
378
350
  <div class="rank">
379
- <span title="Ranking 10">10</span>
351
+ <span title="Ranking 9">9</span>
380
352
  <a href="https://segmentfault.com/a/1190000041210915" target="_blank" title="可视化编码！前端无缝接入代码可视化编辑">可视化编码！前端无缝接入代码可视化编辑</a>
381
353
  </div>
382
354
  <div class="sub-title followers">
@@ -404,7 +376,7 @@
404
376
  <li>
405
377
  <div class="info">
406
378
  <div class="rank">
407
- <span title="Ranking 11">11</span>
379
+ <span title="Ranking 10">10</span>
408
380
  <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
409
381
  </div>
410
382
  <div class="sub-title followers">
@@ -432,7 +404,7 @@
432
404
  <li>
433
405
  <div class="info">
434
406
  <div class="rank">
435
- <span title="Ranking 12">12</span>
407
+ <span title="Ranking 11">11</span>
436
408
  <a href="https://segmentfault.com/a/1190000041268497" target="_blank" title="不会一致性hash算法，劝你简历别写搞过负载均衡">不会一致性hash算法，劝你简历别写搞过负载均衡</a>
437
409
  </div>
438
410
  <div class="sub-title followers">
@@ -460,7 +432,7 @@
460
432
  <li>
461
433
  <div class="info">
462
434
  <div class="rank">
463
- <span title="Ranking 13">13</span>
435
+ <span title="Ranking 12">12</span>
464
436
  <a href="https://segmentfault.com/a/1190000041240388" target="_blank" title="神奇的滤镜！巧妙实现内凹的平滑圆角">神奇的滤镜！巧妙实现内凹的平滑圆角</a>
465
437
  </div>
466
438
  <div class="sub-title followers">
@@ -488,7 +460,7 @@
488
460
  <li>
489
461
  <div class="info">
490
462
  <div class="rank">
491
- <span title="Ranking 14">14</span>
463
+ <span title="Ranking 13">13</span>
492
464
  <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
493
465
  </div>
494
466
  <div class="sub-title followers">
@@ -516,7 +488,7 @@
516
488
  <li>
517
489
  <div class="info">
518
490
  <div class="rank">
519
- <span title="Ranking 15">15</span>
491
+ <span title="Ranking 14">14</span>
520
492
  <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
521
493
  </div>
522
494
  <div class="sub-title followers">
@@ -544,7 +516,7 @@
544
516
  <li>
545
517
  <div class="info">
546
518
  <div class="rank">
547
- <span title="Ranking 16">16</span>
519
+ <span title="Ranking 15">15</span>
548
520
  <a href="https://segmentfault.com/a/1190000041294273" target="_blank" title="Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”">Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”</a>
549
521
  </div>
550
522
  <div class="sub-title followers">
@@ -572,7 +544,7 @@
572
544
  <li>
573
545
  <div class="info">
574
546
  <div class="rank">
575
- <span title="Ranking 17">17</span>
547
+ <span title="Ranking 16">16</span>
576
548
  <a href="https://segmentfault.com/a/1190000041270720" target="_blank" title="权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物">权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物</a>
577
549
  </div>
578
550
  <div class="sub-title followers">
@@ -600,7 +572,7 @@
600
572
  <li>
601
573
  <div class="info">
602
574
  <div class="rank">
603
- <span title="Ranking 18">18</span>
575
+ <span title="Ranking 17">17</span>
604
576
  <a href="https://segmentfault.com/a/1190000041307924" target="_blank" title="PWA 技术落地！让你的站点（Web）秒变APP（应用程序）">PWA 技术落地！让你的站点（Web）秒变APP（应用程序）</a>
605
577
  </div>
606
578
  <div class="sub-title followers">
@@ -628,7 +600,7 @@
628
600
  <li>
629
601
  <div class="info">
630
602
  <div class="rank">
631
- <span title="Ranking 19">19</span>
603
+ <span title="Ranking 18">18</span>
632
604
  <a href="https://segmentfault.com/a/1190000041207010" target="_blank" title="林三心画了8张图，最通俗易懂的Vue3响应式核心原理解析">林三心画了8张图，最通俗易懂的Vue3响应式核心原理解析</a>
633
605
  </div>
634
606
  <div class="sub-title followers">
@@ -656,7 +628,7 @@
656
628
  <li>
657
629
  <div class="info">
658
630
  <div class="rank">
659
- <span title="Ranking 20">20</span>
631
+ <span title="Ranking 19">19</span>
660
632
  <a href="https://segmentfault.com/a/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</a>
661
633
  </div>
662
634
  <div class="sub-title followers">
@@ -684,7 +656,7 @@
684
656
  <li>
685
657
  <div class="info">
686
658
  <div class="rank">
687
- <span title="Ranking 21">21</span>
659
+ <span title="Ranking 20">20</span>
688
660
  <a href="https://segmentfault.com/a/1190000041229679" target="_blank" title="谁再说不熟悉 Linux 命令，就把这个给他扔过去！">谁再说不熟悉 Linux 命令，就把这个给他扔过去！</a>
689
661
  </div>
690
662
  <div class="sub-title followers">
@@ -709,6 +681,34 @@
709
681
  </div>
710
682
  </li>
711
683
 
684
+ <li>
685
+ <div class="info">
686
+ <div class="rank">
687
+ <span title="Ranking 21">21</span>
688
+ <a href="https://segmentfault.com/a/1190000041336683" target="_blank" title="CSS 实现 Ant Design官网Logo彩蛋效果">CSS 实现 Ant Design官网Logo彩蛋效果</a>
689
+ </div>
690
+ <div class="sub-title followers">
691
+
692
+ <span title="Stargazers Count">
693
+ <svg width="12" height="12" viewBox="0 0 16 16">
694
+ <g fill="none" fill-rule="evenodd">
695
+ <path d="M0 0h16v16H0z"/>
696
+ <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"/>
697
+ </g>
698
+ </svg>
699
+ <span>16</span>
700
+ </span>
701
+ &nbsp;
702
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
703
+ <span>XboxYan</span>
704
+ </a>
705
+ </div>
706
+ <div class="details">
707
+ 最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...
708
+ </div>
709
+ </div>
710
+ </li>
711
+
712
712
  <li>
713
713
  <div class="info">
714
714
  <div class="rank">
@@ -741,7 +741,7 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</a>
744
+ <a href="https://segmentfault.com/a/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -752,15 +752,15 @@
752
752
  <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"/>
753
753
  </g>
754
754
  </svg>
755
- <span>10</span>
755
+ <span>13</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
759
- <span>SegmentFault思否</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
759
+ <span>冴羽</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
763
+ 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041231904" target="_blank" title="一篇从购买服务器到部署博客代码的详细教程">一篇从购买服务器到部署博客代码的详细教程</a>
772
+ <a href="https://segmentfault.com/a/1190000041253145" target="_blank" title="权威发布 | SegmentFault 思否 2021 年度技术团队">权威发布 | SegmentFault 思否 2021 年度技术团队</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
780
  <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"/>
781
781
  </g>
782
782
  </svg>
783
- <span>13</span>
783
+ <span>10</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
787
- <span>冴羽</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
787
+ <span>SegmentFault思否</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步...
791
+ 日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041336683" target="_blank" title="CSS 实现 Ant Design官网Logo彩蛋效果">CSS 实现 Ant Design官网Logo彩蛋效果</a>
884
+ <a href="https://segmentfault.com/a/1190000041303894" target="_blank" title="2 天！Google Cloud 2022 中国出海数字峰会进入倒计时">2 天！Google Cloud 2022 中国出海数字峰会进入倒计时</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
892
  <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"/>
893
893
  </g>
894
894
  </svg>
895
- <span>14</span>
895
+ <span>12</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
899
- <span>XboxYan</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
899
+ <span>思否编辑部</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...
903
+ 企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041303894" target="_blank" title="2 天！Google Cloud 2022 中国出海数字峰会进入倒计时">2 天！Google Cloud 2022 中国出海数字峰会进入倒计时</a>
912
+ <a href="https://segmentfault.com/a/1190000041292888" target="_blank" title="绝对是讲的最清楚的-NodeJS模块系统">绝对是讲的最清楚的-NodeJS模块系统</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -923,12 +923,12 @@
923
923
  <span>12</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
927
- <span>思否编辑部</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/yunzhongge_584ccbede2cb7" title="Programming Language">
927
+ <span>云中歌</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...
931
+ NodeJS目前有两个系统：一套是CommonJS(简称CJS)，另一套是ECMAScript modules(简称ESM); 本篇内容主要三个话题：
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/1/29 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/1/30 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>