@wcj/github-rank 22.2.16 → 22.2.20

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 +36628 -36629
  2. package/dist/sifou-daily.json +46 -181
  3. package/dist/sifou-monthly.json +127 -127
  4. package/dist/sifou-weekly.json +161 -161
  5. package/dist/toutiao-30.json +116 -116
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +56 -56
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +166 -177
  11. package/dist/users.china.json +3266 -3268
  12. package/dist/users.json +3955 -3955
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +36628 -36629
  16. package/web/data/sifou-daily.json +46 -181
  17. package/web/data/sifou-monthly.json +127 -127
  18. package/web/data/sifou-weekly.json +161 -161
  19. package/web/data/toutiao-30.json +116 -116
  20. package/web/data/toutiao-7.json +116 -116
  21. package/web/data/toutiao-90.json +56 -56
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +166 -177
  25. package/web/data/users.china.json +3266 -3268
  26. package/web/data/users.json +3955 -3955
  27. package/web/index.html +2164 -2164
  28. package/web/repos.html +4421 -4425
  29. package/web/sifou-daily.html +39 -459
  30. package/web/sifou-monthly.html +144 -144
  31. package/web/sifou-weekly.html +140 -140
  32. package/web/toutiao-30.html +92 -92
  33. package/web/toutiao-7.html +79 -79
  34. package/web/toutiao-90.html +100 -100
  35. package/web/trending-monthly.html +140 -140
  36. package/web/trending-weekly.html +148 -182
  37. package/web/trending.html +146 -146
  38. package/web/users.china.html +1808 -1808
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/16 by
97
+ <div class="time">Last cache created on 2022/2/20 by
98
98
 
99
99
 
100
100
 
@@ -136,7 +136,7 @@
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>15</span>
139
+ <span>18</span>
140
140
  </span>
141
141
  &nbsp;
142
142
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -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/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
156
+ <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
164
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
165
165
  </g>
166
166
  </svg>
167
- <span>14</span>
167
+ <span>19</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
171
- <span>前端小智</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
171
+ <span>荣顶</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
175
+ 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
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/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
184
+ <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</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>14</span>
195
+ <span>11</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139" title="Programming Language">
199
- <span>望记</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
199
+ <span>array_huang</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}
203
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
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/1190000041381106" target="_blank" title="8 个 Vue.js UI 组件，下一个项目用得上">8 个 Vue.js UI 组件，下一个项目用得上</a>
212
+ <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</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>10</span>
223
+ <span>14</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
227
- <span>杭州程序员张张</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
227
+ <span>wlove</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...
231
+ 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
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/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
240
+ <a href="https://segmentfault.com/a/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</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>7</span>
251
+ <span>12</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
255
- <span>码哥字节</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
255
+ <span>gaoryrt</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- 分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...
259
+ 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
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/1190000041390654" target="_blank" title="必须知道的JavaScript库 - 可视化库">必须知道的JavaScript库 - 可视化库</a>
268
+ <a href="https://segmentfault.com/a/1190000041398208" target="_blank" title="字符作画，我用字符画个冰墩墩">字符作画，我用字符画个冰墩墩</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>8</span>
279
+ <span>6</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
283
- <span>wlove</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
283
+ <span>程序猿阿朗</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。
287
+ 已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。
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/1190000041380473" target="_blank" title="HTTPS 加密与认证机制">HTTPS 加密与认证机制</a>
296
+ <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</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>9</span>
307
+ <span>8</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
311
- <span>时倾</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
311
+ <span>JackJiang</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...
315
+ 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
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/1190000041398208" target="_blank" title="字符作画，我用字符画个冰墩墩">字符作画，我用字符画个冰墩墩</a>
324
+ <a href="https://segmentfault.com/a/1190000041419030" target="_blank" title="首屏时间，你说你优化了，那你倒是计算出给给我看啊！">首屏时间，你说你优化了，那你倒是计算出给给我看啊！</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>5</span>
335
+ <span>9</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
339
- <span>程序猿阿朗</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
339
+ <span>Sunshine_Lin</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。
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/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
352
+ <a href="https://segmentfault.com/a/1190000041400444" target="_blank" title="当Synchronized遇到这玩意儿，有个大坑，要注意！">当Synchronized遇到这玩意儿，有个大坑，要注意！</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>10</span>
363
+ <span>8</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
367
- <span>XboxYan</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
367
+ <span>why技术</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
371
+ 前几天在思否上看到别人提的关于 Synchronized 的一个用法问题，我觉得挺有意思的，这个问题其实也是我三年前面试某公司的时候遇到的一个真题，当时不知道面试官想要考什么，没有回答的特别好，后来研究了一下就...
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -377,7 +377,7 @@
377
377
  <div class="info">
378
378
  <div class="rank">
379
379
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041386455" target="_blank" title="Jest 单元测试疑难点入门">Jest 单元测试疑难点入门</a>
380
+ <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
381
381
  </div>
382
382
  <div class="sub-title followers">
383
383
 
@@ -388,15 +388,15 @@
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>8</span>
391
+ <span>10</span>
392
392
  </span>
393
393
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/momo707577045" title="Programming Language">
395
- <span>momo707577045</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
395
+ <span>XboxYan</span>
396
396
  </a>
397
397
  </div>
398
398
  <div class="details">
399
- 文章基调介绍概念及思考的过程，不提供代码（具体代码写法可参考jest 官网）延伸：信息大爆炸时代，各类资源很丰富，具体教程网上有很多资料详细不过官网，不重复制造相同的信息，造成额外的心智负担大脑只是搜索...
399
+ 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
400
400
  </div>
401
401
  </div>
402
402
  </li>
@@ -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/1190000041377778" target="_blank" title="从服务端生成Excel电子表格（GcExcel + SpreadJS）">从服务端生成Excel电子表格（GcExcel + SpreadJS）</a>
408
+ <a href="https://segmentfault.com/a/1190000041424310" target="_blank" title="GPL3.0许可证软件著作权纠纷案例解析">GPL3.0许可证软件著作权纠纷案例解析</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>4</span>
419
+ <span>6</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
423
- <span>葡萄城技术团队</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/alex2020" title="Programming Language">
423
+ <span>AlexChen</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 在服务端生成Excel电子表格，除了使用 Node.js + SpreadJS 外，葡萄城官方推荐使用 SpreadJS + GcExcel。该方案不仅能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF...
427
+ 工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...
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/1190000041363711" target="_blank" title="15个很有趣的开源项目推荐">15个很有趣的开源项目推荐</a>
436
+ <a href="https://segmentfault.com/a/1190000041398310" target="_blank" title="Cross-origin 跨域请求">Cross-origin 跨域请求</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>7</span>
447
+ <span>6</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
451
- <span>TNTWEB</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
451
+ <span>donggg</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较...
455
+ Cookie1993 迎来了 img 标签，这是 web 第一次迎来了资源加载 {代码...} 1994 {代码...} 1995 {代码...} 起初这样的设计会导致严重的问题：无论是网站，只要包含上面的标签都会携带 cookie 访问。更不用说这样的...
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/1190000041393140" target="_blank" title="来了来了，CSS 版的冰墩墩来了……">来了来了，CSS 版的冰墩墩来了……</a>
464
+ <a href="https://segmentfault.com/a/1190000041411689" target="_blank" title="助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启">助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -472,15 +472,15 @@
472
472
  <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"/>
473
473
  </g>
474
474
  </svg>
475
- <span>7</span>
475
+ <span>3</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
479
- <span>林小志</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
- 啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...
483
+ 近年来，互联网、大数据、云计算、人工智能、区块链等技术加速创新，日益融入经济社会发展各领域全程。数字经济发展速度之快、辐射范围之广、影响程度之深前所未有，正在成为重组全球要素资源、重塑全球经济结构...
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/1190000041403438" target="_blank" title="谁动了我的代码！🔥">谁动了我的代码！🔥</a>
492
+ <a href="https://segmentfault.com/a/1190000041398718" target="_blank" title="精读《vue-lit 源码》">精读《vue-lit 源码》</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>8</span>
503
+ <span>6</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
507
- <span>荣顶</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
507
+ <span>黄子毅</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
511
+ defineComponent 定义 custom element，第一个参数是自定义 element 组件名，必须遵循原生 API customElements.define 对组件名的规范，组件名必须包含中划线。
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/1190000041376841" target="_blank" title="探讨一下To C营销页面服务端渲染的必要性以及其背后的原理">探讨一下To C营销页面服务端渲染的必要性以及其背后的原理</a>
520
+ <a href="https://segmentfault.com/a/1190000041412519" target="_blank" title="前端技术分享：页面性能优化问题复盘">前端技术分享：页面性能优化问题复盘</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>3</span>
531
+ <span>5</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
535
- <span>前端森林</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/youdaotec" title="Programming Language">
535
+ <span>有道技术团队</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- 最近无论是在公司还是自己研究的项目，都一直在搞 H5 页面服务端渲染方面的探索，因此本文来探讨一下服务端渲染的必要性以及其背后的原理。先来看几个问题To C 的 H5 为什么适合做 SSRTo C的营销H5页面的典型特点...
539
+ 在 code_pc 项目中，前端需要使用 rrweb 对老师教学内容进行录制，学员可以进行录制回放。为减小录制文件体积，当前的录制策略是先录制一次全量快照，后续录制增量快照，录制阶段实际就是通过 MutationObserver ...
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/1190000041398310" target="_blank" title="Cross-origin 跨域请求">Cross-origin 跨域请求</a>
548
+ <a href="https://segmentfault.com/a/1190000041424455" target="_blank" title="动辄“耗资过亿”的表格工具，究竟难在哪儿？丨思否专访">动辄“耗资过亿”的表格工具，究竟难在哪儿？丨思否专访</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>4</span>
559
+ <span>2</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
563
- <span>donggg</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
563
+ <span>思否编辑部</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- Cookie1993 迎来了 img 标签，这是 web 第一次迎来了资源加载 {代码...} 1994 {代码...} 1995 {代码...} 起初这样的设计会导致严重的问题：无论是网站，只要包含上面的标签都会携带 cookie 访问。更不用说这样的...
567
+ 棋盘上的麦粒问题，相信每个人都听说过。那小小的 64 个棋盘格，因为一个简单的逻辑设定，便能装下全世界的的麦粒。表格工具作为办公场景中最基础也最常用的业务支撑工具，同样具有着无限的可能。
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/1190000041384901" target="_blank" title="Spring Security过滤器链体系">Spring Security过滤器链体系</a>
576
+ <a href="https://segmentfault.com/a/1190000041419958" target="_blank" title="两招提升硬盘存储数据的写入效率">两招提升硬盘存储数据的写入效率</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>4</span>
587
+ <span>5</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/10000000" title="Programming Language">
591
- <span>码农小胖哥</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
591
+ <span>云叔_又拍云</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 以下摘自胖哥分享的 2022开工福利教程。在学习Spring Security的时候你有没有下面这两个疑问：Spring Security的登录是怎么配置的？Spring Security的访问控制是什么机制？SpringBootWebSecurityConfiguration上...
595
+ 如今存储数据的方式有很多，而硬盘因为价格和数据保护方面的优势，是大部分用户的首选。但是，硬盘和内存相比在 IO 读写上慢了好几个数量级，那为什么会更偏好硬盘呢？
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/1190000041392277" target="_blank" title="HMS Core 能力速配，唱响恋爱进行曲">HMS Core 能力速配，唱响恋爱进行曲</a>
604
+ <a href="https://segmentfault.com/a/1190000041397481" target="_blank" title="vue-router源码分析">vue-router源码分析</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/hms_core" title="Programming Language">
619
- <span>HMSCore</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/lhm_582082005a5e6" title="Programming Language">
619
+ <span>lhm_582082005a5e6</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 科技相助，恋爱提速。展现爱意的方式有千百种，你可以用文本翻译学习数十种语言的“我爱你”来传达情感。即便爱在心口难开，还可以选择用手语服务进行爱的告白。
623
+ 路由的概念最开始是在后端出现的，浏览器发送URL，服务器接收到浏览器的请求时，通过解析不同的URL去拼接需要的HTML或模板，然后将结果返回到浏览器进行渲染。服务器端路由有利有弊，好处是安全性更高，更严格控...
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/1190000041384291" target="_blank" title="60%的人都不知道 package-lock.json 有啥用吧？简单讲讲">60%的人都不知道 package-lock.json 有啥用吧？简单讲讲</a>
632
+ <a href="https://segmentfault.com/a/1190000041327802" target="_blank" title="你不能不知道的安全性 HTTP headers">你不能不知道的安全性 HTTP headers</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -643,12 +643,12 @@
643
643
  <span>5</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
647
- <span>Sunshine_Lin</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
647
+ <span>前端小智</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件： package.json package-lock.json 应该很...
651
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041400444" target="_blank" title="当Synchronized遇到这玩意儿，有个大坑，要注意！">当Synchronized遇到这玩意儿，有个大坑，要注意！</a>
660
+ <a href="https://segmentfault.com/a/1190000041397887" target="_blank" title="使用 Vue Demi 构建同时兼容Vue2和Vue3的组件库">使用 Vue Demi 构建同时兼容Vue2和Vue3的组件库</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -671,12 +671,12 @@
671
671
  <span>3</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
675
- <span>why技术</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
675
+ <span>杭州程序员张张</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 前几天在思否上看到别人提的关于 Synchronized 的一个用法问题，我觉得挺有意思的，这个问题其实也是我三年前面试某公司的时候遇到的一个真题，当时不知道面试官想要考什么，没有回答的特别好，后来研究了一下就...
679
+ 在本文中，我们通过考虑其功能、工作原理以及如何开始使用它来了解 Vue Demi。Vue Demi 是一个很棒的包，具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。
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/1190000041389724" target="_blank" title="用户登陆（前后台）">用户登陆（前后台）</a>
688
+ <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</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>3</span>
699
+ <span>4</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
703
- <span>李明</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
703
+ <span>小小蚊子</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 在看完后台登陆操作以后对登陆整个流程有了更深的理解，个人认为有必要总结一下。下面是整个登陆操作的流程图：我们首先从前台开始： {代码...} 用户在V层输入信息传到C层再调用M层代码 {代码...} 如果后台返回信...
707
+ 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
708
708
  </div>
709
709
  </div>
710
710
  </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/1190000041398718" target="_blank" title="精读《vue-lit 源码》">精读《vue-lit 源码》</a>
744
+ <a href="https://segmentfault.com/a/1190000041396802" target="_blank" title="PDF 那些事">PDF 那些事</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>4</span>
755
+ <span>5</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
759
- <span>黄子毅</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/kongwu" title="Programming Language">
759
+ <span>空无</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- defineComponent 定义 custom element，第一个参数是自定义 element 组件名，必须遵循原生 API customElements.define 对组件名的规范，组件名必须包含中划线。
763
+ PDF是 Portable Document Format的简称，翻译过来是“可携带文档格式”，由 Adobe于1992年创建。其格式特点是，与操作系统平台无关，在任意平台上都可以保持相同的渲染效果。​
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/1190000041396802" target="_blank" title="PDF 那些事">PDF 那些事</a>
772
+ <a href="https://segmentfault.com/a/1190000041396466" target="_blank" title="年入50w，我做对了哪几件事情？">年入50w，我做对了哪几件事情？</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>4</span>
783
+ <span>6</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/kongwu" title="Programming Language">
787
- <span>空无</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/sihai_5ae5ba9170388" title="Programming Language">
787
+ <span>好好学java</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- PDF是 Portable Document Format的简称，翻译过来是“可携带文档格式”，由 Adobe于1992年创建。其格式特点是，与操作系统平台无关，在任意平台上都可以保持相同的渲染效果。​
791
+ 当然，年入50W在很多大佬面前也不是什么厉害的事情，这个世界上确实厉害的人太多了，一山更比一山高，山外有山，人外有人，但是，我总是觉得，能做成一件事情，那么，其他事情也是可以成功的，所以，别小看你做好...
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/1190000041379931" target="_blank" title="编写自己的 TypeScript CLI">编写自己的 TypeScript CLI</a>
800
+ <a href="https://segmentfault.com/a/1190000041399444" target="_blank" title="你还在手写TS类型代码吗">你还在手写TS类型代码吗</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>3</span>
811
+ <span>4</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/webinfoq" title="Programming Language">
815
- <span>破晓L</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
815
+ <span>TNTWEB</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- TL;DR您可以轻松编写 CLI，它比你想象的要简单；我们一起编写 CLI 以生成 Lighthouse 性能报告；你将看到如何配置 TypeScript、EsLint 和 Prettier；你会看到如何使用一些很优秀的库，比如 chalk 和 commander；...
819
+ 身为一个前端开发，在开发ts项目时，最繁琐的工作应该就是手写接口的数据类型和mock数据，因为这部分工作如果不做，后面写业务逻辑难受，做的话全是复制粘贴类似的重复工作，还挺费时间。下文将给大家介绍一个自...
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/1190000041386355" target="_blank" title="GIF 格式解析之表情包是如何动起来的">GIF 格式解析之表情包是如何动起来的</a>
828
+ <a href="https://segmentfault.com/a/1190000041416203" target="_blank" title="VuePress 博客如何开启本地 HTTPS 访问">VuePress 博客如何开启本地 HTTPS 访问</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
836
  <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"/>
837
837
  </g>
838
838
  </svg>
839
- <span>6</span>
839
+ <span>4</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
843
- <span>ES2049</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
843
+ <span>冴羽</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 作为破除人类交流困境的神器，没有什么场景是一张表情包不能表达的。想像一下，当你正同时打开 N 个 VSCode 疯狂打码的时候，DING~ 的一声脆响，产品经理发来一条消息：昨天提的那几个 bug 修复好了吗？​
847
+ 如果我们在本地运行项目，运行地址类似于http://localhost:8080/learn-typescript/，以 http 开头，这在大部分时候都满足了需要，但有的时候，比如兼容 PWA，就需要以 https 开头，那我们如何在本地使用 https 地...
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/1190000041377548" target="_blank" title="2021 年数据库报告：PostgreSQL 成开发者首选 | Benchmark 测试陷“混战”">2021 年数据库报告：PostgreSQL 成开发者首选 | Benchmark 测试陷“混战”</a>
856
+ <a href="https://segmentfault.com/a/1190000041419728" target="_blank" title="常用数据库选型！你做对了吗？">常用数据库选型！你做对了吗？</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>3</span>
867
+ <span>5</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
871
- <span>MissD</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
871
+ <span>民工哥</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 刚刚过去的 2021 年底，不少技术领域都对过去一年取得的成果和下一年发展趋势做了回顾。作为数据库领域备受关注的开源项目，OtterTune 也在年底出炉了一份 “2021 年数据库”回顾报告。
875
+ 影响数据库选择的因素数据量：是否海量数据，单表数据量太大会考验数据库的性能数据结构：结构化 (每条记录的结构都一样) 还是非结构化的 (不同记录的结构可以不一样)是否宽表：一条记录是 10 个域，还是成百上千...
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/1190000041379952" target="_blank" title="数字孪生港珠澳大桥：大湾区综合管理信息系统">数字孪生港珠澳大桥：大湾区综合管理信息系统</a>
884
+ <a href="https://segmentfault.com/a/1190000041396756" target="_blank" title="冰墩墩官方 NFT 盲盒将开售 约 626 元一个；京东到家程序员删库跑路被判刑； Laravel 9 正式发布 | 思否周刊">冰墩墩官方 NFT 盲盒将开售 约 626 元一个；京东到家程序员删库跑路被判刑； Laravel 9 正式发布 | 思否周刊</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -895,12 +895,12 @@
895
895
  <span>2</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
899
- <span>hightopo</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
899
+ <span>snakesss</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 一桥连三地，天堑变通途。港珠澳大桥的开通，为香港、澳门、珠三角地区的经济加速腾飞带来助力，拉动了三地经济社会融合发展。目前，经港珠澳大桥进出口收发货地已覆盖内地 31 个省（自治区、直辖市），市场涵盖...
903
+ 40s 新闻速递微软官方表态即将推出 Windows 11 任务栏改进原万得员工跳槽 B 站被索赔 200 万，遭法院驳回欧盟回应 Meta 退出威胁：没有 Facebook 生活一样很美好苹果将在 iPhone 上推出 “点击支付” 功能微软将在 ...
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/1190000041389449" target="_blank" title="Spring Cloud 源码分析之OpenFeign">Spring Cloud 源码分析之OpenFeign</a>
912
+ <a href="https://segmentfault.com/a/1190000041404709" target="_blank" title="给面试加点硬菜：延迟任务场景，该如何提高吞吐量和时效性！">给面试加点硬菜：延迟任务场景，该如何提高吞吐量和时效性！</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>3</span>
923
+ <span>5</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
927
- <span>跟着Mic学架构</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
927
+ <span>小傅哥</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- OpenFeign是一个远程客户端请求代理，它的基本作用是让开发者能够以面向接口的方式来实现远程调用，从而屏蔽底层通信的复杂性，它的具体原理如下图所示。
931
+ 哈哈哈，说好的不卷了，能凑活用就行了。但每次接到新需求时都手痒，想结合着上一次的架构设计和落地经验，在这一次需求上在迭代更新，或者找到完全颠覆之前的更优方案。卷完代码的那一刻总是神清气爽
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/1190000041397887" target="_blank" title="使用 Vue Demi 构建同时兼容Vue2和Vue3的组件库">使用 Vue Demi 构建同时兼容Vue2和Vue3的组件库</a>
940
+ <a href="https://segmentfault.com/a/1190000041423184" target="_blank" title="XTask 一个拓展性极强的Android任务执行框架">XTask 一个拓展性极强的Android任务执行框架</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/dunizb" title="Programming Language">
955
- <span>杭州程序员张张</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/xuexiangjys" title="Programming Language">
955
+ <span>xuexiangjys</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 在本文中，我们通过考虑其功能、工作原理以及如何开始使用它来了解 Vue Demi。Vue Demi 是一个很棒的包，具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。
959
+ 很早之前接触了RxJava的任务流操作,觉得这种将复杂业务流通过一个个操作符拆解开来,形成一条条条理清晰的function, 让人写起来直呼过瘾.其实这就是责任链模式的一种应用.
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/16 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/2/20 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>