@wcj/github-rank 22.2.10 → 22.2.14

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 +42674 -42612
  2. package/dist/sifou-daily.json +48 -39
  3. package/dist/sifou-monthly.json +136 -136
  4. package/dist/sifou-weekly.json +168 -168
  5. package/dist/toutiao-30.json +112 -112
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +44 -44
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +3378 -3370
  12. package/dist/users.json +3915 -3916
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +42674 -42612
  16. package/web/data/sifou-daily.json +48 -39
  17. package/web/data/sifou-monthly.json +136 -136
  18. package/web/data/sifou-weekly.json +168 -168
  19. package/web/data/toutiao-30.json +112 -112
  20. package/web/data/toutiao-7.json +115 -115
  21. package/web/data/toutiao-90.json +44 -44
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +161 -161
  25. package/web/data/users.china.json +3378 -3370
  26. package/web/data/users.json +3915 -3916
  27. package/web/index.html +1850 -1850
  28. package/web/repos.html +4846 -4858
  29. package/web/sifou-daily.html +62 -34
  30. package/web/sifou-monthly.html +129 -129
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +97 -97
  33. package/web/toutiao-7.html +77 -77
  34. package/web/toutiao-90.html +76 -76
  35. package/web/trending-monthly.html +139 -139
  36. package/web/trending-weekly.html +140 -140
  37. package/web/trending.html +150 -146
  38. package/web/users.china.html +2021 -2021
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 2022/2/10 by
97
+ <div class="time">Last cache created on 2022/2/14 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/1190000041363089" target="_blank" title="Three.js 实现2022冬奥主题3D趣味页面 🐼">Three.js 实现2022冬奥主题3D趣味页面 🐼</a>
128
+ <a href="https://segmentfault.com/a/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</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>56</span>
139
+ <span>18</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
143
- <span>dragonir</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
143
+ <span>民工哥</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...
147
+ 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
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/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</a>
156
+ <a href="https://segmentfault.com/a/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</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>13</span>
167
+ <span>12</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
171
- <span>民工哥</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
171
+ <span>卡颂</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
175
+ 大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...
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/1190000041367088" target="_blank" title="跨域了？ 装个插件就够了！">跨域了？ 装个插件就够了！</a>
184
+ <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</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>7</span>
195
+ <span>12</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/shuohaodeyixuene" title="Programming Language">
199
- <span>lucifer</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
199
+ <span>公子</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...
203
+ 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
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/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
212
+ <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</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>9</span>
223
+ <span>12</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
227
- <span>公子</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
227
+ <span>前端小智</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
231
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -237,7 +237,7 @@
237
237
  <div class="info">
238
238
  <div class="rank">
239
239
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</a>
240
+ <a href="https://segmentfault.com/a/1190000041373049" target="_blank" title="2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎">2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -248,15 +248,15 @@
248
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
249
  </g>
250
250
  </svg>
251
- <span>6</span>
251
+ <span>9</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
255
- <span>卡颂</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
255
+ <span>MissD</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- 大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...
259
+ 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041367705" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
268
+ <a href="https://segmentfault.com/a/1190000041374585" target="_blank" title="vue原理相关总结">vue原理相关总结</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
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
277
  </g>
278
278
  </svg>
279
- <span>6</span>
279
+ <span>11</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
283
- <span>前端小智</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/yuhuashi_584a46acea21f" title="Programming Language">
283
+ <span>雨花石</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
287
+ 一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
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/1190000041373152" target="_blank" title="前融云 CTO 杨攀加入涛思数据，任战略合作 &amp; 开发者生态副总裁">前融云 CTO 杨攀加入涛思数据，任战略合作 &amp; 开发者生态副总裁</a>
296
+ <a href="https://segmentfault.com/a/1190000041381106" target="_blank" title="8 个 Vue.js UI 组件，下一个项目用得上">8 个 Vue.js UI 组件，下一个项目用得上</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
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
305
  </g>
306
306
  </svg>
307
- <span>1</span>
307
+ <span>9</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
311
- <span>鸣飞</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
311
+ <span>杭州程序员张张</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 2022 年 2 月 8 日，涛思数据创始人兼 CEO 陶建辉在朋友圈中晒出其与前融云 CTO 杨攀的合照，并发文 “涛思数据今天喜迎大将杨攀”，正式官宣了 “前融云 CTO 杨攀加入涛思数据” 的消息。据悉，杨攀将在涛思数据负责...
315
+ 在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041377778" target="_blank" title="从服务端生成Excel电子表格（GcExcel + SpreadJS）">从服务端生成Excel电子表格（GcExcel + SpreadJS）</a>
324
+ <a href="https://segmentfault.com/a/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -332,15 +332,15 @@
332
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
333
  </g>
334
334
  </svg>
335
- <span>1</span>
335
+ <span>10</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
339
- <span>葡萄城技术团队</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139" title="Programming Language">
339
+ <span>望记</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 在服务端生成Excel电子表格，除了使用 Node.js + SpreadJS 外，葡萄城官方推荐使用 SpreadJS + GcExcel。该方案不仅能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF...
343
+ 抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -349,7 +349,7 @@
349
349
  <div class="info">
350
350
  <div class="rank">
351
351
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041365492" target="_blank" title="深入浅出 Angular 变更检测">深入浅出 Angular 变更检测</a>
352
+ <a href="https://segmentfault.com/a/1190000041375528" target="_blank" title="eslint-plugin-import 规则之 Import / Order">eslint-plugin-import 规则之 Import / Order</a>
353
353
  </div>
354
354
  <div class="sub-title followers">
355
355
 
@@ -360,15 +360,15 @@
360
360
  <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"/>
361
361
  </g>
362
362
  </svg>
363
- <span>3</span>
363
+ <span>7</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/zuckjet" title="Programming Language">
367
- <span>Zuckjet</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
367
+ <span>robin</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- Angular 中的变更检测是一种用来将应用程序 UI 的状态与数据的状态同步的机制。当应用逻辑更改组件数据时，绑定到视图中 DOM 属性上的值也要随之更改。变更检测器负责更新视图以反映当前的数据模型。阅读本文之前...
371
+ 其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -388,7 +388,7 @@
388
388
  <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"/>
389
389
  </g>
390
390
  </svg>
391
- <span>3</span>
391
+ <span>6</span>
392
392
  </span>
393
393
  &nbsp;
394
394
  <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
@@ -405,7 +405,7 @@
405
405
  <div class="info">
406
406
  <div class="rank">
407
407
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041373049" target="_blank" title="2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎">2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎</a>
408
+ <a href="https://segmentfault.com/a/1190000041380473" target="_blank" title="HTTPS 加密与认证机制">HTTPS 加密与认证机制</a>
409
409
  </div>
410
410
  <div class="sub-title followers">
411
411
 
@@ -416,15 +416,15 @@
416
416
  <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"/>
417
417
  </g>
418
418
  </svg>
419
- <span>6</span>
419
+ <span>9</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
423
- <span>MissD</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
423
+ <span>时倾</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
427
+ HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...
428
428
  </div>
429
429
  </div>
430
430
  </li>
@@ -433,7 +433,7 @@
433
433
  <div class="info">
434
434
  <div class="rank">
435
435
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041366695" target="_blank" title="2年经验面试网易灵犀！太注重工程化了！">2年经验面试网易灵犀！太注重工程化了！</a>
436
+ <a href="https://segmentfault.com/a/1190000041371479" target="_blank" title="使用 CSS Grid 构建复杂布局超实用的技巧!">使用 CSS Grid 构建复杂布局超实用的技巧!</a>
437
437
  </div>
438
438
  <div class="sub-title followers">
439
439
 
@@ -444,15 +444,15 @@
444
444
  <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"/>
445
445
  </g>
446
446
  </svg>
447
- <span>5</span>
447
+ <span>6</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
451
- <span>Sunshine_Lin</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
451
+ <span>前端小智</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...
455
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
456
456
  </div>
457
457
  </div>
458
458
  </li>
@@ -461,7 +461,7 @@
461
461
  <div class="info">
462
462
  <div class="rank">
463
463
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041375528" target="_blank" title="eslint-plugin-import 规则之 Import / Order">eslint-plugin-import 规则之 Import / Order</a>
464
+ <a href="https://segmentfault.com/a/1190000041377778" target="_blank" title="从服务端生成Excel电子表格（GcExcel + SpreadJS）">从服务端生成Excel电子表格（GcExcel + SpreadJS）</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -475,12 +475,12 @@
475
475
  <span>4</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
479
- <span>robin</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
479
+ <span>葡萄城技术团队</span>
480
480
  </a>
481
481
  </div>
482
482
  <div class="details">
483
- 其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序
483
+ 在服务端生成Excel电子表格，除了使用 Node.js + SpreadJS 外，葡萄城官方推荐使用 SpreadJS + GcExcel。该方案不仅能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF...
484
484
  </div>
485
485
  </div>
486
486
  </li>
@@ -489,7 +489,7 @@
489
489
  <div class="info">
490
490
  <div class="rank">
491
491
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041366705" target="_blank" title="​北京冬奥会开幕式震撼刷屏；GitHub 推出赞助功能；Flutter 2.10 发布 | 思否周刊">​北京冬奥会开幕式震撼刷屏；GitHub 推出赞助功能；Flutter 2.10 发布 | 思否周刊</a>
492
+ <a href="https://segmentfault.com/a/1190000041386455" target="_blank" title="Jest 单元测试疑难点入门">Jest 单元测试疑难点入门</a>
493
493
  </div>
494
494
  <div class="sub-title followers">
495
495
 
@@ -500,15 +500,15 @@
500
500
  <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"/>
501
501
  </g>
502
502
  </svg>
503
- <span>2</span>
503
+ <span>8</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
507
- <span>snakesss</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/momo707577045" title="Programming Language">
507
+ <span>momo707577045</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 40s 新闻速递北京冬奥会开幕式震撼刷屏微软禁用 MSIX AppX 安装程序工信部：冬奥会开幕式保障任务圆满完成，封堵恶意程序发送端 IP 地址 4000 余个英特尔称其 CPU Bug 只有 AMD 的一半Google Chrome 浏览器徽标8 ...
511
+ 文章基调介绍概念及思考的过程，不提供代码（具体代码写法可参考jest 官网）延伸：信息大爆炸时代，各类资源很丰富，具体教程网上有很多资料详细不过官网，不重复制造相同的信息，造成额外的心智负担大脑只是搜索...
512
512
  </div>
513
513
  </div>
514
514
  </li>
@@ -517,7 +517,7 @@
517
517
  <div class="info">
518
518
  <div class="rank">
519
519
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041367827" target="_blank" title="精读《pipe operator for JavaScript》">精读《pipe operator for JavaScript》</a>
520
+ <a href="https://segmentfault.com/a/1190000041373152" target="_blank" title="前融云 CTO 杨攀加入涛思数据，任战略合作 &amp; 开发者生态副总裁">前融云 CTO 杨攀加入涛思数据，任战略合作 &amp; 开发者生态副总裁</a>
521
521
  </div>
522
522
  <div class="sub-title followers">
523
523
 
@@ -528,15 +528,15 @@
528
528
  <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"/>
529
529
  </g>
530
530
  </svg>
531
- <span>2</span>
531
+ <span>1</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
535
- <span>黄子毅</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
535
+ <span>鸣飞</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- Pipe Operator (|&gt;) for JavaScript 提案给 js 增加了 Pipe 语法，这次结合 A pipe operator for JavaScript: introduction and use cases 文章一起深入了解这个提案。概述Pipe 语法可以将函数调用按顺序打平...
539
+ 2022 年 2 月 8 日，涛思数据创始人兼 CEO 陶建辉在朋友圈中晒出其与前融云 CTO 杨攀的合照，并发文 “涛思数据今天喜迎大将杨攀”，正式官宣了 “前融云 CTO 杨攀加入涛思数据” 的消息。据悉，杨攀将在涛思数据负责...
540
540
  </div>
541
541
  </div>
542
542
  </li>
@@ -545,7 +545,7 @@
545
545
  <div class="info">
546
546
  <div class="rank">
547
547
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041370721" target="_blank" title="比 Xshell 还好用的 SSH 客户端神器！爱了">比 Xshell 还好用的 SSH 客户端神器！爱了</a>
548
+ <a href="https://segmentfault.com/a/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -556,15 +556,15 @@
556
556
  <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"/>
557
557
  </g>
558
558
  </svg>
559
- <span>2</span>
559
+ <span>4</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
563
- <span>民工哥</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
563
+ <span>码哥字节</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 由于需要连接远程 Linux 服务器，早期使用过 Putty，SecureCRT，后面主要使用 Xshell。之前民工哥也给大家推荐过几款SSH客户端：
567
+ 分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...
568
568
  </div>
569
569
  </div>
570
570
  </li>
@@ -573,7 +573,7 @@
573
573
  <div class="info">
574
574
  <div class="rank">
575
575
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041371479" target="_blank" title="使用 CSS Grid 构建复杂布局超实用的技巧!">使用 CSS Grid 构建复杂布局超实用的技巧!</a>
576
+ <a href="https://segmentfault.com/a/1190000041363711" target="_blank" title="15个很有趣的开源项目推荐">15个很有趣的开源项目推荐</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -584,15 +584,15 @@
584
584
  <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"/>
585
585
  </g>
586
586
  </svg>
587
- <span>3</span>
587
+ <span>7</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
591
- <span>前端小智</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
591
+ <span>TNTWEB</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
595
+ 《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较...
596
596
  </div>
597
597
  </div>
598
598
  </li>
@@ -601,7 +601,7 @@
601
601
  <div class="info">
602
602
  <div class="rank">
603
603
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041364460" target="_blank" title="打包的3种hash值你知道吗？当年我校招时被这题难倒了！">打包的3种hash值你知道吗？当年我校招时被这题难倒了！</a>
604
+ <a href="https://segmentfault.com/a/1190000041367827" target="_blank" title="精读《pipe operator for JavaScript》">精读《pipe operator for JavaScript》</a>
605
605
  </div>
606
606
  <div class="sub-title followers">
607
607
 
@@ -612,15 +612,15 @@
612
612
  <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"/>
613
613
  </g>
614
614
  </svg>
615
- <span>2</span>
615
+ <span>4</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
619
- <span>Sunshine_Lin</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
619
+ <span>黄子毅</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心当年的校招依稀记得，当年我参加了大厂的校招，面试的是网易雷火工作室，当时有一道题，我记得很清楚，就是：...
623
+ Pipe Operator (|&gt;) for JavaScript 提案给 js 增加了 Pipe 语法，这次结合 A pipe operator for JavaScript: introduction and use cases 文章一起深入了解这个提案。概述Pipe 语法可以将函数调用按顺序打平...
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -629,7 +629,7 @@
629
629
  <div class="info">
630
630
  <div class="rank">
631
631
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041364916" target="_blank" title="Flutter 2.10 更新详解">Flutter 2.10 更新详解</a>
632
+ <a href="https://segmentfault.com/a/1190000041368835" target="_blank" title="Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能">Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -640,15 +640,15 @@
640
640
  <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"/>
641
641
  </g>
642
642
  </svg>
643
- <span>2</span>
643
+ <span>4</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/flutter" title="Programming Language">
647
- <span>Flutter</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
647
+ <span>煎鱼</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- Flutter 2.10 版已正式发布！虽然⾃ 上次稳定版本发布 以来还不到两个⽉，即使在这么短的时间内，我们也已处理和关闭了 1843 个 Issue，合并了来⾃全球 155 位贡献者的 1525 个 PR。感谢⼤家在 2021 年末的假期期...
651
+ 大家好，我是煎鱼。Go 泛型配套了各种标准库，像是常见的 maps、slices 泛型库。早期他们是长这样的： {代码...} 又或是： {代码...} 关注到里面的标准库 constraints，他就是今天变更的主角。他咋了呢？背景标准...
652
652
  </div>
653
653
  </div>
654
654
  </li>
@@ -657,7 +657,7 @@
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041363226" target="_blank" title="配置化el-form的二次封装之思路分析附上代码可直接使用">配置化el-form的二次封装之思路分析附上代码可直接使用</a>
660
+ <a href="https://segmentfault.com/a/1190000041376841" target="_blank" title="探讨一下To C营销页面服务端渲染的必要性以及其背后的原理">探讨一下To C营销页面服务端渲染的必要性以及其背后的原理</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -668,15 +668,15 @@
668
668
  <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"/>
669
669
  </g>
670
670
  </svg>
671
- <span>1</span>
671
+ <span>3</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
675
- <span>水冗水孚</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
675
+ <span>前端森林</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 问题描述个人愚见编写代码其实就是：学习规则（看官方文档）使用规则（在使用的过程中进一步理解官方文档）最终基于原有底层官方文档规则再自定义新规则（封装新的规则，便于复用）所以本文讲述一下基于原有的el-...
679
+ 最近无论是在公司还是自己研究的项目，都一直在搞 H5 页面服务端渲染方面的探索，因此本文来探讨一下服务端渲染的必要性以及其背后的原理。先来看几个问题To C 的 H5 为什么适合做 SSRTo C的营销H5页面的典型特点...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041365459" target="_blank" title="实用WGCLOUD监测Redis运行状态教程">实用WGCLOUD监测Redis运行状态教程</a>
688
+ <a href="https://segmentfault.com/a/1190000041370721" target="_blank" title="比 Xshell 还好用的 SSH 客户端神器！爱了">比 Xshell 还好用的 SSH 客户端神器！爱了</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
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
697
  </g>
698
698
  </svg>
699
- <span>1</span>
699
+ <span>3</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
703
- <span>徐三刀</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
703
+ <span>民工哥</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 介绍通过WGCLOUD来监测Redis运行的状态，端口，日志[链接]
707
+ 由于需要连接远程 Linux 服务器，早期使用过 Putty，SecureCRT，后面主要使用 Xshell。之前民工哥也给大家推荐过几款SSH客户端：
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041369261" target="_blank" title="Element Plus 正式版发布啦！🎉🎉">Element Plus 正式版发布啦！🎉🎉</a>
716
+ <a href="https://segmentfault.com/a/1190000041390654" target="_blank" title="必须知道的JavaScript库 - 可视化库">必须知道的JavaScript库 - 可视化库</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
724
  <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"/>
725
725
  </g>
726
726
  </svg>
727
- <span>2</span>
727
+ <span>5</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/zhukuniamkun_com" title="Programming Language">
731
- <span>朱昆iamkun_com</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
731
+ <span>wlove</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 今天，我们非常高兴地宣布 Element Plus 稳定版正式发布。自第一个 commit 起，经过 1 年零 7 个月的持续迭代开发，总计 2635 commits，经过 256 位贡献者所提交的 2494 个 PR，137 个 Alpha 与 Beta 版本，在社...
735
+ 在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -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/1190000041368835" target="_blank" title="Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能">Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能</a>
744
+ <a href="https://segmentfault.com/a/1190000041384901" target="_blank" title="Spring Security过滤器链体系">Spring Security过滤器链体系</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>1</span>
755
+ <span>4</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
759
- <span>煎鱼</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/10000000" title="Programming Language">
759
+ <span>码农小胖哥</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 大家好，我是煎鱼。Go 泛型配套了各种标准库，像是常见的 maps、slices 泛型库。早期他们是长这样的： {代码...} 又或是： {代码...} 关注到里面的标准库 constraints，他就是今天变更的主角。他咋了呢？背景标准...
763
+ 以下摘自胖哥分享的 2022开工福利教程。在学习Spring Security的时候你有没有下面这两个疑问：Spring Security的登录是怎么配置的？Spring Security的访问控制是什么机制？SpringBootWebSecurityConfiguration上...
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/1190000041363945" target="_blank" title="Rust入门系列之环境准备 - Mac os篇">Rust入门系列之环境准备 - Mac os篇</a>
772
+ <a href="https://segmentfault.com/a/1190000041384291" target="_blank" title="60%的人都不知道 package-lock.json 有啥用吧？简单讲讲">60%的人都不知道 package-lock.json 有啥用吧？简单讲讲</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>1</span>
783
+ <span>5</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/18227192769" title="Programming Language">
787
- <span>木木剑光</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
787
+ <span>Sunshine_Lin</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 安装直接按照官网的安装步骤进行即可 -&gt; Rust官网Mac os通过 curl 安装 rustup (_rust 的安装器和版本管理工具_) {代码...} 在上面的安装过程中，还会自带安装 rust 的构建工具和包管理器 - cargo (_前端同学...
791
+ 前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件： package.json package-lock.json 应该很...
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041363136" target="_blank" title="如何在自己的系统嵌入WGCLOUD">如何在自己的系统嵌入WGCLOUD</a>
800
+ <a href="https://segmentfault.com/a/1190000041372332" target="_blank" title="动手打造一款 canvas 排版引擎">动手打造一款 canvas 排版引擎</a>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
808
  <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"/>
809
809
  </g>
810
810
  </svg>
811
- <span>1</span>
811
+ <span>3</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
815
- <span>徐三刀</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
815
+ <span>云音乐技术团队</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 我结合我们项目的经验给大家说一下：1、在自己系统加一个菜单或按钮，命名就根据自己自定义了，当点击时候，跳转到WGCLOUD页面，这个办法是最简单的了。唯一不足之处是需要登录，不过我们可以选择浏览器记住密码...
819
+ 图片来源：[链接]本文作者：飞扬背景在线示例Demo作为前端开发尤其是偏 c 端的前端开发者（如微信小程序），相信大家都碰到过分享活动图片、分享海报图类似的功能一般这种需求的解决方案大体上可以分为以下几种：...
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041365816" target="_blank" title="迷你版react代码实现">迷你版react代码实现</a>
828
+ <a href="https://segmentfault.com/a/1190000041370532" target="_blank" title="APM-监控子线程操作 UI">APM-监控子线程操作 UI</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -839,12 +839,12 @@
839
839
  <span>1</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/heiyanjing" title="Programming Language">
843
- <span>HeiYanjing</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/fantasticbaby" title="Programming Language">
843
+ <span>fantasticbaby</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 代码结构在 React 代码执行前，JSX 会被 Babel 转换为 React.createElement 方法的调用，这里模拟React.createElement实现,.babelrc中需要配置一下
847
+ 一款监控子线程操纵 UI 的能力，也可以添加自定义的 API 进行监控（实现在子线程监控某些 API 的时候捕获具体堆栈信息，帮助定位问题）
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -853,7 +853,7 @@
853
853
  <div class="info">
854
854
  <div class="rank">
855
855
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041368817" target="_blank" title="Jetpack DragAndDrop 库——拖放操作如此轻松！">Jetpack DragAndDrop 库——拖放操作如此轻松！</a>
856
+ <a href="https://segmentfault.com/a/1190000041376019" target="_blank" title="金3银4面试前，把自己弄成卷王！">金3银4面试前，把自己弄成卷王！</a>
857
857
  </div>
858
858
  <div class="sub-title followers">
859
859
 
@@ -864,15 +864,15 @@
864
864
  <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"/>
865
865
  </g>
866
866
  </svg>
867
- <span>1</span>
867
+ <span>2</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/androiddevs" title="Programming Language">
871
- <span>Android开发者</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
871
+ <span>小傅哥</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 拖放 是最基本的手势操作，用户可以点击并按住图片、文本或其他数据元素，然后将其拖动至另一个应用 (或者同一个应用的其他位置) 并松手，即可将数据放置到新的位置上。手势通常在触摸屏上表现为长按，在使用鼠标...
875
+ 作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、快了，已经在做！卷王们，新的一年开始卷了吗！&lt;div align=&#34;center&#34;&gt; {代码...} &lt;/div&gt;新年放假，捅了3次核酸...
876
876
  </div>
877
877
  </div>
878
878
  </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/1190000041363998" target="_blank" title="SpringBoot 项目规范笔记.2021">SpringBoot 项目规范笔记.2021</a>
884
+ <a href="https://segmentfault.com/a/1190000041371754" target="_blank" title="低代码搞了个客户关系管理系统 CRM">低代码搞了个客户关系管理系统 CRM</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>1</span>
895
+ <span>4</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/kerrywu" title="Programming Language">
899
- <span>KerryWu</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/dafanzhijian" title="Programming Language">
899
+ <span>dafanzhijian</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 应用系统开发时，后端服务需要考虑按照模块/微服务的划分原则来划分出多个SpringBoot模块，以便未来微服务化的重构。应用划分规范/原则如下：
903
+ 无远客户关系管理精简版，面向企业客户，支持客户打标签、销售漏斗、自定义销售阶段、自定义客户分类等等，你可以结合本公司的实际情况，进一步自主实现赢单后的销售绩效提成功能模块。
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/1190000041369588" target="_blank" title="Apache Druid 在 Shopee 的工程实践">Apache Druid 在 Shopee 的工程实践</a>
912
+ <a href="https://segmentfault.com/a/1190000041377548" target="_blank" title="2021 年数据库报告：PostgreSQL 成开发者首选 | Benchmark 测试陷“混战”">2021 年数据库报告：PostgreSQL 成开发者首选 | Benchmark 测试陷“混战”</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -920,15 +920,15 @@
920
920
  <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"/>
921
921
  </g>
922
922
  </svg>
923
- <span>1</span>
923
+ <span>3</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/techatshopee" title="Programming Language">
927
- <span>Shopee技术团队</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
927
+ <span>MissD</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- Apache Druid 是一款高性能的开源时序数据库，它适用于交互式体验的低延时查询分析场景。本文将主要分享 Apache Druid 在支撑 Shopee 相关核心业务 OLAP 实时分析方面的工程实践。随着 Shopee 业务不断发展，越来...
931
+ 刚刚过去的 2021 年底，不少技术领域都对过去一年取得的成果和下一年发展趋势做了回顾。作为数据库领域备受关注的开源项目，OtterTune 也在年底出炉了一份 “2021 年数据库”回顾报告。
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041368100" target="_blank" title="DeepFaceDrawing: 使用草图生成人脸图像">DeepFaceDrawing: 使用草图生成人脸图像</a>
940
+ <a href="https://segmentfault.com/a/1190000041379931" target="_blank" title="编写自己的 TypeScript CLI">编写自己的 TypeScript CLI</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
948
  <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"/>
949
949
  </g>
950
950
  </svg>
951
- <span>2</span>
951
+ <span>3</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/deephub" title="Programming Language">
955
- <span>deephub</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/webinfoq" title="Programming Language">
955
+ <span>破晓L</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 这篇文章的想法是设计一个应用程序来使用该面部草图来绘制一张真实的面部图像，该应用程序在警察、电影拍摄和面部彩绘中具有各种应用。这个想法的主要标准之一是它简单明了，非常易于使用，即使你不是一个好的画...
959
+ TL;DR您可以轻松编写 CLI，它比你想象的要简单；我们一起编写 CLI 以生成 Lighthouse 性能报告；你将看到如何配置 TypeScript、EsLint 和 Prettier；你会看到如何使用一些很优秀的库，比如 chalk 和 commander；...
960
960
  </div>
961
961
  </div>
962
962
  </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/2/10 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/2/14 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>