@wcj/github-rank 21.12.29 → 22.1.2

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 +34737 -34744
  2. package/dist/sifou-daily.json +17 -98
  3. package/dist/sifou-monthly.json +100 -100
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +102 -102
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +25 -25
  8. package/dist/trending-daily.json +164 -175
  9. package/dist/trending-monthly.json +168 -168
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +2993 -2993
  12. package/dist/users.json +3650 -3651
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34737 -34744
  16. package/web/data/sifou-daily.json +17 -98
  17. package/web/data/sifou-monthly.json +100 -100
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +102 -102
  20. package/web/data/toutiao-7.json +116 -116
  21. package/web/data/toutiao-90.json +25 -25
  22. package/web/data/trending-daily.json +164 -175
  23. package/web/data/trending-monthly.json +168 -168
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +2993 -2993
  26. package/web/data/users.json +3650 -3651
  27. package/web/index.html +1864 -1864
  28. package/web/repos.html +4216 -4216
  29. package/web/sifou-daily.html +15 -267
  30. package/web/sifou-monthly.html +103 -103
  31. package/web/sifou-weekly.html +149 -149
  32. package/web/toutiao-30.html +106 -106
  33. package/web/toutiao-7.html +88 -88
  34. package/web/toutiao-90.html +31 -31
  35. package/web/trending-monthly.html +149 -145
  36. package/web/trending-weekly.html +141 -153
  37. package/web/trending.html +142 -176
  38. package/web/users.china.html +1545 -1545
package/web/sifou-weekly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2021/12/29 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2022/1/2 by Github API v3.</div>
98
98
  <div class="tabs">
99
99
  <a class="" href="index.html">Users</a>
100
100
  <a class="" href="repos.html">Repos</a>
@@ -116,7 +116,7 @@
116
116
  <div class="info">
117
117
  <div class="rank">
118
118
  <span title="Ranking 1">1</span>
119
- <a href="https://segmentfault.com/a/1190000041163719" target="_blank" title="用一个 flv.js 播放监控的例子，带你深撅直播流技术">用一个 flv.js 播放监控的例子，带你深撅直播流技术</a>
119
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
120
120
  </div>
121
121
  <div class="sub-title followers">
122
122
 
@@ -127,15 +127,15 @@
127
127
  <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"/>
128
128
  </g>
129
129
  </svg>
130
- <span>34</span>
130
+ <span>17</span>
131
131
  </span>
132
132
  &nbsp;
133
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
134
- <span>杨成功</span>
133
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
134
+ <span>边城</span>
135
135
  </a>
136
136
  </div>
137
137
  <div class="details">
138
- 本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。
138
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
139
139
  </div>
140
140
  </div>
141
141
  </li>
@@ -144,7 +144,7 @@
144
144
  <div class="info">
145
145
  <div class="rank">
146
146
  <span title="Ranking 2">2</span>
147
- <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
147
+ <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
148
148
  </div>
149
149
  <div class="sub-title followers">
150
150
 
@@ -155,15 +155,15 @@
155
155
  <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"/>
156
156
  </g>
157
157
  </svg>
158
- <span>10</span>
158
+ <span>15</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
162
- <span>chokcoco</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
162
+ <span>前端森林</span>
163
163
  </a>
164
164
  </div>
165
165
  <div class="details">
166
- emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
166
+ 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
167
167
  </div>
168
168
  </div>
169
169
  </li>
@@ -172,7 +172,7 @@
172
172
  <div class="info">
173
173
  <div class="rank">
174
174
  <span title="Ranking 3">3</span>
175
- <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
175
+ <a href="https://segmentfault.com/a/1190000041194920" target="_blank" title="难搞的偏向锁终于被 Java 移除了">难搞的偏向锁终于被 Java 移除了</a>
176
176
  </div>
177
177
  <div class="sub-title followers">
178
178
 
@@ -183,15 +183,15 @@
183
183
  <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"/>
184
184
  </g>
185
185
  </svg>
186
- <span>13</span>
186
+ <span>12</span>
187
187
  </span>
188
188
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
190
- <span>pingan8787</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing" title="Programming Language">
190
+ <span>日拱一兵</span>
191
191
  </a>
192
192
  </div>
193
193
  <div class="details">
194
- 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
194
+ 背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...
195
195
  </div>
196
196
  </div>
197
197
  </li>
@@ -200,7 +200,7 @@
200
200
  <div class="info">
201
201
  <div class="rank">
202
202
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
203
+ <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
204
204
  </div>
205
205
  <div class="sub-title followers">
206
206
 
@@ -211,15 +211,15 @@
211
211
  <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"/>
212
212
  </g>
213
213
  </svg>
214
- <span>9</span>
214
+ <span>10</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
218
- <span>前端森林</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
218
+ <span>xiangzhihong</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
222
+ 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
223
223
  </div>
224
224
  </div>
225
225
  </li>
@@ -228,7 +228,7 @@
228
228
  <div class="info">
229
229
  <div class="rank">
230
230
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
231
+ <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -239,15 +239,15 @@
239
239
  <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"/>
240
240
  </g>
241
241
  </svg>
242
- <span>8</span>
242
+ <span>13</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
246
- <span>xiangzhihong</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
246
+ <span>叫我詹躲躲</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差...
250
+ 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -256,7 +256,7 @@
256
256
  <div class="info">
257
257
  <div class="rank">
258
258
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000041166779" target="_blank" title="魏永明：都打着开源协作的名义要共建，却又是山头林立搞内卷">魏永明：都打着开源协作的名义要共建，却又是山头林立搞内卷</a>
259
+ <a href="https://segmentfault.com/a/1190000041204912" target="_blank" title="从“智能湖仓”架构的技术演进，看现代化数据平台的发展方向">从“智能湖仓”架构的技术演进，看现代化数据平台的发展方向</a>
260
260
  </div>
261
261
  <div class="sub-title followers">
262
262
 
@@ -267,15 +267,15 @@
267
267
  <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"/>
268
268
  </g>
269
269
  </svg>
270
- <span>6</span>
270
+ <span>5</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
274
- <span>鸣飞</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
274
+ <span>思否编辑部</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...
278
+ 在 2021 年初全年技术趋势展望中，数据湖与数据仓库的融合，成为大数据领域的趋势重点。直至年末，关于二者的讨论依然热烈，行业内的主要分歧点在于数据湖、数据仓库对存储系统访问、权限管理等方面的把控；行业...
279
279
  </div>
280
280
  </div>
281
281
  </li>
@@ -284,7 +284,7 @@
284
284
  <div class="info">
285
285
  <div class="rank">
286
286
  <span title="Ranking 7">7</span>
287
- <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
287
+ <a href="https://segmentfault.com/a/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</a>
288
288
  </div>
289
289
  <div class="sub-title followers">
290
290
 
@@ -295,15 +295,15 @@
295
295
  <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"/>
296
296
  </g>
297
297
  </svg>
298
- <span>9</span>
298
+ <span>7</span>
299
299
  </span>
300
300
  &nbsp;
301
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
302
- <span>码哥字节</span>
301
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
302
+ <span>chokcoco</span>
303
303
  </a>
304
304
  </div>
305
305
  <div class="details">
306
- Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...
306
+ 最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...
307
307
  </div>
308
308
  </div>
309
309
  </li>
@@ -312,7 +312,7 @@
312
312
  <div class="info">
313
313
  <div class="rank">
314
314
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000041178042" target="_blank" title="从微服务到云原生">从微服务到云原生</a>
315
+ <a href="https://segmentfault.com/a/1190000041189841" target="_blank" title="警惕！PHP、Node、Ruby 和 Python 应用，漏洞还没结束！">警惕！PHP、Node、Ruby 和 Python 应用，漏洞还没结束！</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -323,15 +323,15 @@
323
323
  <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"/>
324
324
  </g>
325
325
  </svg>
326
- <span>11</span>
326
+ <span>6</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/toopoo" title="Programming Language">
330
- <span>zhoutao</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
330
+ <span>云叔_又拍云</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 微服务架构（Microservice Architecture）是一种架构概念，旨在通过将功能分解到各个离散的服务中以实现对解决方案的解耦。
334
+ 12 月 10 日凌晨，Apache 开源项目 Log4j2 的远程代码执行漏洞细节被公开，作为当前全球使用最广泛的 java 日志框架之一。该漏洞影响着很多全球使用量前列的开源组件，如 Apache Struts2、Apache Solr、Apache Dr...
335
335
  </div>
336
336
  </div>
337
337
  </li>
@@ -340,7 +340,7 @@
340
340
  <div class="info">
341
341
  <div class="rank">
342
342
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
343
+ <a href="https://segmentfault.com/a/1190000041191163" target="_blank" title="「百毒不侵」面试官最喜欢问的14种Vue修饰符">「百毒不侵」面试官最喜欢问的14种Vue修饰符</a>
344
344
  </div>
345
345
  <div class="sub-title followers">
346
346
 
@@ -351,15 +351,15 @@
351
351
  <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"/>
352
352
  </g>
353
353
  </svg>
354
- <span>6</span>
354
+ <span>4</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
358
- <span>bigsai</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
358
+ <span>Sunshine_Lin</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。
362
+ 大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -368,7 +368,7 @@
368
368
  <div class="info">
369
369
  <div class="rank">
370
370
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000041163490" target="_blank" title="搭建 3D 智慧农场可视化，解锁绿色生态田园">搭建 3D 智慧农场可视化，解锁绿色生态田园</a>
371
+ <a href="https://segmentfault.com/a/1190000041207010" target="_blank" title="林三心画了8张图，最通俗易懂的Vue3响应式核心原理解析">林三心画了8张图，最通俗易懂的Vue3响应式核心原理解析</a>
372
372
  </div>
373
373
  <div class="sub-title followers">
374
374
 
@@ -379,15 +379,15 @@
379
379
  <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"/>
380
380
  </g>
381
381
  </svg>
382
- <span>2</span>
382
+ <span>5</span>
383
383
  </span>
384
384
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
386
- <span>hightopo</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
386
+ <span>Sunshine_Lin</span>
387
387
  </a>
388
388
  </div>
389
389
  <div class="details">
390
- 何为“无人农场”？中国工程院院士罗锡文用五句话高度概括：“耕种管收生产环节全覆盖；机库田间转移作业全自动；自动避障异况停车保安全；作物生产过程实施全监控；智能决策精准作业全无人。”
390
+ 基础是进阶的前提其实Vue3已经出来很久了，可能大部分公司都用上了，但是，Vue3究竟比Vue2好在哪里？其实很多人都不知道。今天我就先给大家讲一讲Vue3的响应式原理吧，顺便说一说Vue3的响应式到底比Vue2的响应式...
391
391
  </div>
392
392
  </div>
393
393
  </li>
@@ -396,7 +396,7 @@
396
396
  <div class="info">
397
397
  <div class="rank">
398
398
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000041165448" target="_blank" title="「百毒不侵(一)」(a == 1 &amp;&amp; a == 2 &amp;&amp; a == 3) 有可能是 true 吗？">「百毒不侵(一)」(a == 1 &amp;&amp; a == 2 &amp;&amp; a == 3) 有可能是 true 吗？</a>
399
+ <a href="https://segmentfault.com/a/1190000041181345" target="_blank" title="反复切换&#34;账号&#34;有些麻烦? 写个谷歌插件帮你快速切换用户登录态">反复切换&#34;账号&#34;有些麻烦? 写个谷歌插件帮你快速切换用户登录态</a>
400
400
  </div>
401
401
  <div class="sub-title followers">
402
402
 
@@ -407,15 +407,15 @@
407
407
  <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"/>
408
408
  </g>
409
409
  </svg>
410
- <span>5</span>
410
+ <span>7</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
414
- <span>Sunshine_Lin</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
414
+ <span>lulu_up</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- 大家好我是林三心，又一周过去了，哎，想想年纪又大了，就烦。今天突然有人问我:(a == 1 &amp;&amp; a == 2 &amp;&amp; a ==3) 有可能是 true 吗我当时就想一脚踹过去，你这不是在耍我吗？当我的脚离他的脸一厘米...
418
+ 想要做一个插件针对所有依赖cookie做登录态记录的网站进行登录态的切换, 在开发插件的过程中学到了不少知识, 所以这次将开发这个插件的过程分享出来。
419
419
  </div>
420
420
  </div>
421
421
  </li>
@@ -424,7 +424,7 @@
424
424
  <div class="info">
425
425
  <div class="rank">
426
426
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000041159528" target="_blank" title="前端er必须掌握的数据可视化技术">前端er必须掌握的数据可视化技术</a>
427
+ <a href="https://segmentfault.com/a/1190000041209110" target="_blank" title="从本科退学，到再拿本科，2021我的5年技术“弯路”回轨了｜1.2w字">从本科退学，到再拿本科，2021我的5年技术“弯路”回轨了｜1.2w字</a>
428
428
  </div>
429
429
  <div class="sub-title followers">
430
430
 
@@ -435,15 +435,15 @@
435
435
  <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"/>
436
436
  </g>
437
437
  </svg>
438
- <span>5</span>
438
+ <span>8</span>
439
439
  </span>
440
440
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
442
- <span>葡萄城技术团队</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
442
+ <span>杨成功</span>
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- 作为一名合格的社会人，我们每天都在工作、生活、学习中和数字打交道。小到量化的工作内容，大到具体的工作指标，车间生产、批发零售各行各业都充斥着大量数据。在互联网诞生之后，网络把我们紧紧相连，也让数据...
446
+ 本文参与了 SegmentFault 思否征文「2021 总结」，欢迎正在阅读的你也加入。大家好，我是杨成功。这是我的 2021 年终总结，也是我的 5 年总结。如果你觉得生活艰难，不如看看我的故事...关于我我是一名普通的“老...
447
447
  </div>
448
448
  </div>
449
449
  </li>
@@ -452,7 +452,7 @@
452
452
  <div class="info">
453
453
  <div class="rank">
454
454
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000041159325" target="_blank" title="怎么做好Java性能优化">怎么做好Java性能优化</a>
455
+ <a href="https://segmentfault.com/a/1190000041182185" target="_blank" title="【CSS3】CSS3动画——我离前端的炫酷又近了一步">【CSS3】CSS3动画——我离前端的炫酷又近了一步</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -466,12 +466,12 @@
466
466
  <span>3</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
470
- <span>得物技术</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/guizimo" title="Programming Language">
470
+ <span>归子莫</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- 性能优化是一个很复杂的工作，且充满了不确定性。它不像Java业务代码，可以一次编写到处运行(write once, run anywhere)，往往一些我们可能并不能察觉的变化，就会带来惊喜/惊吓。能够全面的了解并评估我们所负责...
474
+ 文章所涉及的部分资料来自互联网整理，当然还有自己个人的总结和看法，分享的目的在于共建社区和巩固自己。引用的资料如有侵权，请联系本人删除！幸好我在，感谢你来！
475
475
  </div>
476
476
  </div>
477
477
  </li>
@@ -480,7 +480,7 @@
480
480
  <div class="info">
481
481
  <div class="rank">
482
482
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000041172195" target="_blank" title="一次说清，为什么在Antd Modal中调resetFields调了个寂寞">一次说清，为什么在Antd Modal中调resetFields调了个寂寞</a>
483
+ <a href="https://segmentfault.com/a/1190000041192433" target="_blank" title="FFCreator -- 用 node.js 来制作数据可视化视频吧">FFCreator -- 用 node.js 来制作数据可视化视频吧</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -491,15 +491,15 @@
491
491
  <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"/>
492
492
  </g>
493
493
  </svg>
494
- <span>3</span>
494
+ <span>5</span>
495
495
  </span>
496
496
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
498
- <span>Denzel</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
498
+ <span>TNTWEB</span>
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 久了不摸手生，除了react依稀记得，antd基本只能看着官方demo一行一行写，感觉一天能写完的，结果两天了还没联调完。中间还遇到一些似曾相识的问题，可惜以前的经验已经不管用了。
502
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
503
503
  </div>
504
504
  </div>
505
505
  </li>
@@ -508,7 +508,7 @@
508
508
  <div class="info">
509
509
  <div class="rank">
510
510
  <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000041171863" target="_blank" title="技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……">技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……</a>
511
+ <a href="https://segmentfault.com/a/1190000041196153" target="_blank" title="电子表格实战锦囊:巧用稀疏数组是关键!">电子表格实战锦囊:巧用稀疏数组是关键!</a>
512
512
  </div>
513
513
  <div class="sub-title followers">
514
514
 
@@ -519,15 +519,15 @@
519
519
  <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"/>
520
520
  </g>
521
521
  </svg>
522
- <span>3</span>
522
+ <span>1</span>
523
523
  </span>
524
524
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
526
- <span>凹凸实验室</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
526
+ <span>葡萄城技术团队</span>
527
527
  </a>
528
528
  </div>
529
529
  <div class="details">
530
- 不想当架构师的程序员不是“合格”的程序员？这一类的言论在很多文章中应该很常见吧，我们需要架构思维，要有抽象能力，要学会分层……需要的太多太多，可很少有合适的项目能够帮助我们养成这些思考的习惯，比如业务...
530
+ 前文中我们详细介绍过稀疏数组的那些事儿，以及在实际项目中，稀疏数组如何在前端电子表格中发挥出它最大的效果。而这次，我们将从实战应用出发，为大家介绍稀疏数组在前端中的具体应用。
531
531
  </div>
532
532
  </div>
533
533
  </li>
@@ -536,7 +536,7 @@
536
536
  <div class="info">
537
537
  <div class="rank">
538
538
  <span title="Ranking 16">16</span>
539
- <a href="https://segmentfault.com/a/1190000041167111" target="_blank" title="顺为资本冯铮：我们距离《头号玩家》中的「Metaverse」还有多远？">顺为资本冯铮：我们距离《头号玩家》中的「Metaverse」还有多远？</a>
539
+ <a href="https://segmentfault.com/a/1190000041209570" target="_blank" title="冷门又好用的 CSS 特性">冷门又好用的 CSS 特性</a>
540
540
  </div>
541
541
  <div class="sub-title followers">
542
542
 
@@ -547,15 +547,15 @@
547
547
  <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"/>
548
548
  </g>
549
549
  </svg>
550
- <span>1</span>
550
+ <span>4</span>
551
551
  </span>
552
552
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
554
- <span>鸣飞</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
554
+ <span>MudOnTire</span>
555
555
  </a>
556
556
  </div>
557
557
  <div class="details">
558
- 冯铮在投资领域有着丰富的经验并拥有深入的创业经验，主要负责考察互联网交易平台、企业服务领域的投资机会。 加入顺为资本前，冯铮曾作为创始人／CEO 创办美食分享领域的明星企业“我有饭”，并曾在 IDG 北京办公...
558
+ CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
559
559
  </div>
560
560
  </div>
561
561
  </li>
@@ -564,7 +564,7 @@
564
564
  <div class="info">
565
565
  <div class="rank">
566
566
  <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000041171826" target="_blank" title="「Vue源码学习」你想知道Vuex的实现原理吗？">「Vue源码学习」你想知道Vuex的实现原理吗？</a>
567
+ <a href="https://segmentfault.com/a/1190000041183152" target="_blank" title="尽管颓废了一年，但我仍未放弃梦想「2021年终总结」">尽管颓废了一年，但我仍未放弃梦想「2021年终总结」</a>
568
568
  </div>
569
569
  <div class="sub-title followers">
570
570
 
@@ -575,15 +575,15 @@
575
575
  <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"/>
576
576
  </g>
577
577
  </svg>
578
- <span>2</span>
578
+ <span>3</span>
579
579
  </span>
580
580
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
582
- <span>Sunshine_Lin</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/xuexiangjys" title="Programming Language">
582
+ <span>xuexiangjys</span>
583
583
  </a>
584
584
  </div>
585
585
  <div class="details">
586
- 大家好我是林三心，Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
586
+ 2021年对于我来说过得实在是太快了，回顾这一年，工作上疲于奔命，没做出什么有价值的东西；技术上没有什么大的长进，更别谈有什么有价值的项目和文章产出；可能唯一多出来的只有肚子上的一圈赘肉。
587
587
  </div>
588
588
  </div>
589
589
  </li>
@@ -592,7 +592,7 @@
592
592
  <div class="info">
593
593
  <div class="rank">
594
594
  <span title="Ranking 18">18</span>
595
- <a href="https://segmentfault.com/a/1190000041173604" target="_blank" title="Docker 大势已去，Podman 即将崛起！">Docker 大势已去，Podman 即将崛起！</a>
595
+ <a href="https://segmentfault.com/a/1190000041184007" target="_blank" title="每秒1w+分布式事务--dtm的Redis存储性能测试分析">每秒1w+分布式事务--dtm的Redis存储性能测试分析</a>
596
596
  </div>
597
597
  <div class="sub-title followers">
598
598
 
@@ -603,15 +603,15 @@
603
603
  <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"/>
604
604
  </g>
605
605
  </svg>
606
- <span>7</span>
606
+ <span>3</span>
607
607
  </span>
608
608
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
610
- <span>民工哥</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
610
+ <span>叶东富</span>
611
611
  </a>
612
612
  </div>
613
613
  <div class="details">
614
- Podman 是一个开源的容器运行时项目，可在大多数 Linux 平台上使用。Podman 提供与 Docker 非常相似的功能。正如前面提到的那样，它不需要在你的系统上运行任何守护进程，并且它也可以在没有 root 权限的情况下运...
614
+ 之前dtm给出了Mysql作为存储引擎的性能测试报告，在一个普通配置的机器上，2.68w IOPS，4核8G机器上，能够支持大约每秒900+分布式事务，能够满足大部分公司的业务需求。
615
615
  </div>
616
616
  </div>
617
617
  </li>
@@ -620,7 +620,7 @@
620
620
  <div class="info">
621
621
  <div class="rank">
622
622
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000041171425" target="_blank" title="面试官问我TCP三次握手和四次挥手，我真的是">面试官问我TCP三次握手和四次挥手，我真的是</a>
623
+ <a href="https://segmentfault.com/a/1190000041184562" target="_blank" title="不用一行代码，搞懂React调度器原理">不用一行代码，搞懂React调度器原理</a>
624
624
  </div>
625
625
  <div class="sub-title followers">
626
626
 
@@ -631,15 +631,15 @@
631
631
  <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"/>
632
632
  </g>
633
633
  </svg>
634
- <span>6</span>
634
+ <span>3</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
638
- <span>Java3y</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
638
+ <span>卡颂</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 候选者：面试官你好，请问面试可以开始了吗面试官：嗯，开始吧面试官：今天来聊聊TCP吧，TCP的各个状态还有印象吗？候选者：还有些许印象的，要不我就来简单说下TCP的三次握手和四次挥手的流程吧候选者：说完这两...
642
+ 大家好，我卡颂。Scheduler(调度器)是React重要的组成部分。同时，他也是个独立的包，任何连续、可中断的流程都可以用Scheduler来调度，比如： {代码...} work满足两个条件：工作是连续的。一共需要执行100次，每...
643
643
  </div>
644
644
  </div>
645
645
  </li>
@@ -648,7 +648,7 @@
648
648
  <div class="info">
649
649
  <div class="rank">
650
650
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000041166881" target="_blank" title="新的React状态库：foca">新的React状态库：foca</a>
651
+ <a href="https://segmentfault.com/a/1190000041195585" target="_blank" title="Web前端主题切换的几种方案">Web前端主题切换的几种方案</a>
652
652
  </div>
653
653
  <div class="sub-title followers">
654
654
 
@@ -659,15 +659,15 @@
659
659
  <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"/>
660
660
  </g>
661
661
  </svg>
662
- <span>1</span>
662
+ <span>2</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/fwh1990" title="Programming Language">
666
- <span>原罪</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/dabai_5955b2921e87d" title="Programming Language">
666
+ <span>Dickens</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 基于 redux 和 react-redux。仓库地址：github.com/foca-js/foca文档地址：foca.js.org理念TS First，无TS不编程！特性模块化开发专注 typescript 极致体验模型自动注册，导出即可使用内置 immer 快速处理数据智...
670
+ 这种方案利用了css多层样式精确匹配的特点，通过样式覆盖的方式实现主题的切换。首先需要在应用的根元素中设一个 class，切换主题时给 class 赋上对应的值，下面以theme1/theme2为例。
671
671
  </div>
672
672
  </div>
673
673
  </li>
@@ -676,7 +676,7 @@
676
676
  <div class="info">
677
677
  <div class="rank">
678
678
  <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000041181345" target="_blank" title="反复切换&#34;账号&#34;有些麻烦? 写个谷歌插件帮你快速切换用户登录态">反复切换&#34;账号&#34;有些麻烦? 写个谷歌插件帮你快速切换用户登录态</a>
679
+ <a href="https://segmentfault.com/a/1190000041184345" target="_blank" title="网易有道 | REDIS 云原生实战">网易有道 | REDIS 云原生实战</a>
680
680
  </div>
681
681
  <div class="sub-title followers">
682
682
 
@@ -687,15 +687,15 @@
687
687
  <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"/>
688
688
  </g>
689
689
  </svg>
690
- <span>7</span>
690
+ <span>2</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
694
- <span>lulu_up</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/youdaotec" title="Programming Language">
694
+ <span>有道技术团队</span>
695
695
  </a>
696
696
  </div>
697
697
  <div class="details">
698
- 想要做一个插件针对所有依赖cookie做登录态记录的网站进行登录态的切换, 在开发插件的过程中学到了不少知识, 所以这次将开发这个插件的过程分享出来。
698
+ 摘要本次以Redis为范例，阐述了有道基础架构团队在基础设施容器化道路上的实践，主要将从声明式管理，Operator工作原理，容器编排，主从模式，集群模式，高可用策略，集群扩缩容等方面展开。目录背景面临的挑战声...
699
699
  </div>
700
700
  </div>
701
701
  </li>
@@ -704,7 +704,7 @@
704
704
  <div class="info">
705
705
  <div class="rank">
706
706
  <span title="Ranking 22">22</span>
707
- <a href="https://segmentfault.com/a/1190000041174291" target="_blank" title="对话Svelte未来，Rust 编译器？构建大型应用?">对话Svelte未来，Rust 编译器？构建大型应用?</a>
707
+ <a href="https://segmentfault.com/a/1190000041196706" target="_blank" title="彻底搞懂 Kubernetes 中的 Events">彻底搞懂 Kubernetes 中的 Events</a>
708
708
  </div>
709
709
  <div class="sub-title followers">
710
710
 
@@ -715,15 +715,15 @@
715
715
  <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"/>
716
716
  </g>
717
717
  </svg>
718
- <span>1</span>
718
+ <span>3</span>
719
719
  </span>
720
720
  &nbsp;
721
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
722
- <span>程序员秋风</span>
721
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
722
+ <span>张晋涛</span>
723
723
  </a>
724
724
  </div>
725
725
  <div class="details">
726
- 非常激动的点开看了，这个视频我看了两遍，感觉质量还是非常高的，从如何构建开源库 到 如何运营开源库 再到 开源库的核心库规划 一系列话题。虽然视频是针对 Svelte 这个框架的，但是我认为同样适用于任何一个框...
726
+ 之前我写了一篇《更优雅的 Kubernetes 集群事件度量方案》，利用 Jaeger 利用 tracing 的方式来采集 Kubernetes 集群中的 events 并进行展示。最终效果如下：
727
727
  </div>
728
728
  </div>
729
729
  </li>
@@ -732,7 +732,7 @@
732
732
  <div class="info">
733
733
  <div class="rank">
734
734
  <span title="Ranking 23">23</span>
735
- <a href="https://segmentfault.com/a/1190000041162239" target="_blank" title="服务器配置gitlab-runner流程问题总结">服务器配置gitlab-runner流程问题总结</a>
735
+ <a href="https://segmentfault.com/a/1190000041180789" target="_blank" title="rollup配置及使用">rollup配置及使用</a>
736
736
  </div>
737
737
  <div class="sub-title followers">
738
738
 
@@ -743,15 +743,15 @@
743
743
  <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"/>
744
744
  </g>
745
745
  </svg>
746
- <span>1</span>
746
+ <span>2</span>
747
747
  </span>
748
748
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/songxianling1992" title="Programming Language">
750
- <span>songxianling1992</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
750
+ <span>浅夏晴空</span>
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 目的：摆脱Jenkins部署；如果前端有自己的服务器环境；可以借助gitlab-runner实现CI自动部署并且发送结果通知消息1. 服务器安装gitlab-runner先确认服务器环境信息之后找到对应的gitlab-runner安装包使用uname -a...
754
+ 业务线长期的积累产生了许许多多重复性的工具方法，业务功能模块等， 我们正好可以用 rollup 构建一个 npm 私服工具包，便于后期业务使用，减少重复性的代码编写。
755
755
  </div>
756
756
  </div>
757
757
  </li>
@@ -760,7 +760,7 @@
760
760
  <div class="info">
761
761
  <div class="rank">
762
762
  <span title="Ranking 24">24</span>
763
- <a href="https://segmentfault.com/a/1190000041172355" target="_blank" title="一枚普通前端平淡无奇的一年 - 2021年终总结">一枚普通前端平淡无奇的一年 - 2021年终总结</a>
763
+ <a href="https://segmentfault.com/a/1190000041182817" target="_blank" title="gitlab上代码回滚把自己坑了后, 陷入思考🤔&#34;bug是谁&#34;?">gitlab上代码回滚把自己坑了后, 陷入思考🤔&#34;bug是谁&#34;?</a>
764
764
  </div>
765
765
  <div class="sub-title followers">
766
766
 
@@ -771,15 +771,15 @@
771
771
  <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"/>
772
772
  </g>
773
773
  </svg>
774
- <span>1</span>
774
+ <span>5</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
778
- <span>蛙人</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
778
+ <span>lulu_up</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- 本文参与了 SegmentFault 思否征文「2021 总结」，欢迎正在阅读的你也加入。写在开头hi，大家好我是蛙人。时间转瞬即逝，2021年只剩下没几天了，即将迎来新的一年，新的一年到来意味着将面临新的机遇和挑战，新的...
782
+ 原计划xx号下午3点我开发的功能要上线, 下午2点将开发分支合并入master分支准备跑上线流水线, 但是不巧这一天server同学遇到了点问题, 导致上线时间延期了, 与此同时前端还有其他分支今天要上线, 已经准备合...
783
783
  </div>
784
784
  </div>
785
785
  </li>
@@ -788,7 +788,7 @@
788
788
  <div class="info">
789
789
  <div class="rank">
790
790
  <span title="Ranking 25">25</span>
791
- <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
791
+ <a href="https://segmentfault.com/a/1190000041184936" target="_blank" title="比 ping 强大百倍的可视化工具！结果一目了然">比 ping 强大百倍的可视化工具！结果一目了然</a>
792
792
  </div>
793
793
  <div class="sub-title followers">
794
794
 
@@ -799,15 +799,15 @@
799
799
  <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"/>
800
800
  </g>
801
801
  </svg>
802
- <span>6</span>
802
+ <span>5</span>
803
803
  </span>
804
804
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
806
- <span>叫我詹躲躲</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
806
+ <span>民工哥</span>
807
807
  </a>
808
808
  </div>
809
809
  <div class="details">
810
- 回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》
810
+ 谈到检测网络联通性工具，ping命令必须首当其充。但是，今天，民工哥给大家推荐一个强大的命令行工具：gping。gping 是基于 Rust 编写可视化工具，具有动态图形化界面显示。安装下载系统所对应的安装包本文以Cent...
811
811
  </div>
812
812
  </div>
813
813
  </li>
@@ -816,7 +816,7 @@
816
816
  <div class="info">
817
817
  <div class="rank">
818
818
  <span title="Ranking 26">26</span>
819
- <a href="https://segmentfault.com/a/1190000041171848" target="_blank" title="我想用 JS 实现 0.1 + 0.2 输出 0.3">我想用 JS 实现 0.1 + 0.2 输出 0.3</a>
819
+ <a href="https://segmentfault.com/a/1190000041197292" target="_blank" title="浏览器渲染魔法之合成层">浏览器渲染魔法之合成层</a>
820
820
  </div>
821
821
  <div class="sub-title followers">
822
822
 
@@ -827,15 +827,15 @@
827
827
  <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"/>
828
828
  </g>
829
829
  </svg>
830
- <span>1</span>
830
+ <span>3</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
834
- <span>linong</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
834
+ <span>云音乐大前端团队</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 因为 JS 精度问题 0.1 + 0.2 == 0.30000000000000004 ，可以不可以得出一个正确的值。0.1 + 0.2 == 0.3
838
+ 浏览器与前端开发的关系不言而喻，而了解浏览器的渲染原理，可以帮助我们提升页面性能，解决一些渲染上的问题。最近在开发一个移动端 H5 页面的时候，就遇到一个奇怪的问题，有一个榜单页面在最新版本 IOS 手机上...
839
839
  </div>
840
840
  </div>
841
841
  </li>
@@ -844,7 +844,7 @@
844
844
  <div class="info">
845
845
  <div class="rank">
846
846
  <span title="Ranking 27">27</span>
847
- <a href="https://segmentfault.com/a/1190000041167014" target="_blank" title="魏永明：少谈情怀少作秀，多写代码多创新">魏永明：少谈情怀少作秀，多写代码多创新</a>
847
+ <a href="https://segmentfault.com/a/1190000041201222" target="_blank" title="与 Taro 团队核心开发兼运营的一次 CSS 布局讨论的记录">与 Taro 团队核心开发兼运营的一次 CSS 布局讨论的记录</a>
848
848
  </div>
849
849
  <div class="sub-title followers">
850
850
 
@@ -855,15 +855,15 @@
855
855
  <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"/>
856
856
  </g>
857
857
  </svg>
858
- <span>3</span>
858
+ <span>2</span>
859
859
  </span>
860
860
  &nbsp;
861
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
862
- <span>鸣飞</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
862
+ <span>林小志</span>
863
863
  </a>
864
864
  </div>
865
865
  <div class="details">
866
- 魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...
866
+ 今天上班在很认真的寻访候选人，查看招聘网站上的一些人选的信息时，突然收到 Taro 团队的核心开发兼运营（我说他是开发，他说自己是运营）同学的微信消息，如下图：
867
867
  </div>
868
868
  </div>
869
869
  </li>
@@ -872,7 +872,7 @@
872
872
  <div class="info">
873
873
  <div class="rank">
874
874
  <span title="Ranking 28">28</span>
875
- <a href="https://segmentfault.com/a/1190000041170346" target="_blank" title="当 2021 年的寒冬遇到疫情和离职">当 2021 年的寒冬遇到疫情和离职</a>
875
+ <a href="https://segmentfault.com/a/1190000041196930" target="_blank" title="Top 5 榜单：最容易学习和最难掌握的编程语言">Top 5 榜单：最容易学习和最难掌握的编程语言</a>
876
876
  </div>
877
877
  <div class="sub-title followers">
878
878
 
@@ -886,12 +886,12 @@
886
886
  <span>3</span>
887
887
  </span>
888
888
  &nbsp;
889
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
890
- <span>沈唁</span>
889
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
890
+ <span>snakesss</span>
891
891
  </a>
892
892
  </div>
893
893
  <div class="details">
894
- 说实话，今年的收尾有些惨淡，离职后又遇到了西安的疫情... 但也有点小幸运。工作如题，我离职了。看过前两年的年终总结的都应该知道，三年前从西安去的上海，现在又从上海回到了西安。说巧不巧的遇到了西安疫情...
894
+ 如果你想学习编程，你应该从哪种编程语言开始？向一个程序员询问最容易学习的语言，就像向某人询问他们最喜欢吃什么口味的冰激凌，没有真正正确的的答案，每个人都会有自己的偏好。正如开发者和教育家 Marek Zalu...
895
895
  </div>
896
896
  </div>
897
897
  </li>
@@ -900,7 +900,7 @@
900
900
  <div class="info">
901
901
  <div class="rank">
902
902
  <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000041162041" target="_blank" title="GitOps 应用实践系列 - Flux CD 及其核心组件">GitOps 应用实践系列 - Flux CD 及其核心组件</a>
903
+ <a href="https://segmentfault.com/a/1190000041195203" target="_blank" title="中秋！还记得西游记里的嫦娥吗？我用10000张图片拼成了儿时女神！">中秋！还记得西游记里的嫦娥吗？我用10000张图片拼成了儿时女神！</a>
904
904
  </div>
905
905
  <div class="sub-title followers">
906
906
 
@@ -911,15 +911,15 @@
911
911
  <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"/>
912
912
  </g>
913
913
  </svg>
914
- <span>1</span>
914
+ <span>3</span>
915
915
  </span>
916
916
  &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
918
- <span>张晋涛</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
918
+ <span>Sunshine_Lin</span>
919
919
  </a>
920
920
  </div>
921
921
  <div class="details">
922
- 经过前面三篇文章，不仅为大家介绍了什么是 GitOps 也介绍了如何利用 Argo CD 来实施 GitOps。本篇我来为你介绍另一个可用于实施 GitOps 的工具：Flux CD 。
922
+ 大家好，我是林三心，中秋即将来临，预祝大家中秋快乐！！！我在想，关于中秋，我能写点什么分享给大家呢？这一天，我在看《西游记》，突然想到了我儿时的女神，是谁呢？就是天蓬元帅苦苦追求的嫦娥仙子，那可是...
923
923
  </div>
924
924
  </div>
925
925
  </li>
@@ -928,7 +928,7 @@
928
928
  <div class="info">
929
929
  <div class="rank">
930
930
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000041158611" target="_blank" title="「Vue源码学习」你真的知道插槽Slot是怎么“插”的吗">「Vue源码学习」你真的知道插槽Slot是怎么“插”的吗</a>
931
+ <a href="https://segmentfault.com/a/1190000041208528" target="_blank" title="复旦教授发现 400+ 高危漏洞：谷歌 16 个月后终于修复 | Android 设备不用“变砖”了">复旦教授发现 400+ 高危漏洞：谷歌 16 个月后终于修复 | Android 设备不用“变砖”了</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -942,12 +942,12 @@
942
942
  <span>2</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
946
- <span>Sunshine_Lin</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
946
+ <span>MissD</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 大家好我是林三心，Vue 实现了一套内容分发的 API，将&lt;slot&gt;元素作为承载分发内容的出口，这是Vue文档上的说明。具体来说，slot就是可以让你在组件内添加内容的‘空间’，你真的知道插槽Slot是怎么“插”的吗？...
950
+ 近日，有媒体报道称，去年 9 月份，来自复旦大学计算机学院的杨珉教授及同事们发现了 400 多个能让“市面所有活着的 Android 设备变砖”的高危漏洞，并通过整理后提交至谷歌方面。
951
951
  </div>
952
952
  </div>
953
953
  </li>
@@ -968,7 +968,7 @@
968
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
969
  </a>
970
970
  </div>
971
- <div class="time">Last cache created on 2021/12/29 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2022/1/2 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>