@wcj/github-rank 21.10.13 → 21.10.17

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 +35271 -35247
  2. package/dist/sifou-daily.json +29 -47
  3. package/dist/sifou-monthly.json +119 -119
  4. package/dist/sifou-weekly.json +168 -168
  5. package/dist/toutiao-30.json +95 -95
  6. package/dist/toutiao-7.json +143 -143
  7. package/dist/toutiao-90.json +69 -69
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +173 -173
  10. package/dist/trending-weekly.json +183 -183
  11. package/dist/users.china.json +3024 -3024
  12. package/dist/users.json +3810 -3811
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35271 -35247
  16. package/web/data/sifou-daily.json +29 -47
  17. package/web/data/sifou-monthly.json +119 -119
  18. package/web/data/sifou-weekly.json +168 -168
  19. package/web/data/toutiao-30.json +95 -95
  20. package/web/data/toutiao-7.json +143 -143
  21. package/web/data/toutiao-90.json +69 -69
  22. package/web/data/trending-daily.json +196 -196
  23. package/web/data/trending-monthly.json +173 -173
  24. package/web/data/trending-weekly.json +183 -183
  25. package/web/data/users.china.json +3024 -3024
  26. package/web/data/users.json +3810 -3811
  27. package/web/index.html +1874 -1874
  28. package/web/repos.html +4309 -4313
  29. package/web/sifou-daily.html +26 -82
  30. package/web/sifou-monthly.html +137 -137
  31. package/web/sifou-weekly.html +145 -145
  32. package/web/toutiao-30.html +113 -113
  33. package/web/toutiao-7.html +102 -102
  34. package/web/toutiao-90.html +89 -89
  35. package/web/trending-monthly.html +167 -171
  36. package/web/trending-weekly.html +167 -167
  37. package/web/trending.html +173 -173
  38. package/web/users.china.html +1552 -1552
package/web/sifou-weekly.html CHANGED
@@ -73,7 +73,7 @@
73
73
  </svg>
74
74
  </a>
75
75
  <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/10/13 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/10/17 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -96,7 +96,7 @@
96
96
  <div class="info">
97
97
  <div class="rank">
98
98
  <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040777100" target="_blank" title="20+ css高频实用片段，提高幸福感的小技能你可以拥有噢">20+ css高频实用片段，提高幸福感的小技能你可以拥有噢</a>
99
+ <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -107,15 +107,15 @@
107
107
  <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"/>
108
108
  </g>
109
109
  </svg>
110
- <span>27</span>
110
+ <span>31</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
114
- <span>前端胖头鱼</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
114
+ <span>谭光志</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...
118
+ 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
119
119
  </div>
120
120
  </div>
121
121
  </li>
@@ -124,7 +124,7 @@
124
124
  <div class="info">
125
125
  <div class="rank">
126
126
  <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040796868" target="_blank" title="前端监控 SDK 的一些技术要点原理分析">前端监控 SDK 的一些技术要点原理分析</a>
127
+ <a href="https://segmentfault.com/a/1190000040797816" target="_blank" title="近 20 人爆肝数周，写给初中级前端的万字高级进阶指南">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</a>
128
128
  </div>
129
129
  <div class="sub-title followers">
130
130
 
@@ -135,15 +135,15 @@
135
135
  <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"/>
136
136
  </g>
137
137
  </svg>
138
- <span>18</span>
138
+ <span>25</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
142
- <span>谭光志</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
142
+ <span>y_ck</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...
146
+ 当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。
147
147
  </div>
148
148
  </div>
149
149
  </li>
@@ -152,7 +152,7 @@
152
152
  <div class="info">
153
153
  <div class="rank">
154
154
  <span title="Ranking 3">3</span>
155
- <a href="https://segmentfault.com/a/1190000040773678" target="_blank" title="写个vscode插件, 帮助阅读i18n项目的代码">写个vscode插件, 帮助阅读i18n项目的代码</a>
155
+ <a href="https://segmentfault.com/a/1190000040803264" target="_blank" title="【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我">【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我</a>
156
156
  </div>
157
157
  <div class="sub-title followers">
158
158
 
@@ -163,15 +163,15 @@
163
163
  <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"/>
164
164
  </g>
165
165
  </svg>
166
- <span>19</span>
166
+ <span>18</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
170
- <span>lulu_up</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
170
+ <span>前端胖头鱼</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- 作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...
174
+ 写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...
175
175
  </div>
176
176
  </div>
177
177
  </li>
@@ -180,7 +180,7 @@
180
180
  <div class="info">
181
181
  <div class="rank">
182
182
  <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040777921" target="_blank" title="CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果">CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果</a>
183
+ <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,15 +191,15 @@
191
191
  <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"/>
192
192
  </g>
193
193
  </svg>
194
- <span>20</span>
194
+ <span>12</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
198
- <span>chokcoco</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
198
+ <span>前端小智</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：
202
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -208,7 +208,7 @@
208
208
  <div class="info">
209
209
  <div class="rank">
210
210
  <span title="Ranking 5">5</span>
211
- <a href="https://segmentfault.com/a/1190000040780312" target="_blank" title="前端代码评审通常注意些什么">前端代码评审通常注意些什么</a>
211
+ <a href="https://segmentfault.com/a/1190000040803238" target="_blank" title="20 个值得学习的 Vue 开源项目">20 个值得学习的 Vue 开源项目</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -219,15 +219,15 @@
219
219
  <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"/>
220
220
  </g>
221
221
  </svg>
222
- <span>8</span>
222
+ <span>9</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/_vin_5d884143cd4cb" title="Programming Language">
226
- <span>_Vin</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
226
+ <span>前端小智</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...
230
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
231
231
  </div>
232
232
  </div>
233
233
  </li>
@@ -264,7 +264,7 @@
264
264
  <div class="info">
265
265
  <div class="rank">
266
266
  <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040778618" target="_blank" title="Go 面试官问我如何实现面向对象？">Go 面试官问我如何实现面向对象？</a>
267
+ <a href="https://segmentfault.com/a/1190000040794056" target="_blank" title="CSS实现渐变色边框（Gradient borders）的5种方法">CSS实现渐变色边框（Gradient borders）的5种方法</a>
268
268
  </div>
269
269
  <div class="sub-title followers">
270
270
 
@@ -275,15 +275,15 @@
275
275
  <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"/>
276
276
  </g>
277
277
  </svg>
278
- <span>5</span>
278
+ <span>10</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
282
- <span>煎鱼</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
282
+ <span>MudOnTire</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 大家好，我是煎鱼。在大家初识 Go 语言时，总会拿其他语言的基本特性来类比 Go 语言，说白了就是老知识和新知识产生关联，实现更高的学习效率。最常见的类比，就是 “Go 语言如何实现面向对象？”，进一步展开就是 ...
286
+ CSS 提供了 border-image 属性用于给 border 绘制复杂图样，与 background-image 类似，我们可以在 border 中展示image和linear-gradient。
287
287
  </div>
288
288
  </div>
289
289
  </li>
@@ -292,7 +292,7 @@
292
292
  <div class="info">
293
293
  <div class="rank">
294
294
  <span title="Ranking 8">8</span>
295
- <a href="https://segmentfault.com/a/1190000040777218" target="_blank" title="面试官一口气问了MySQL事务、锁和MVCC，我">面试官一口气问了MySQL事务、锁和MVCC，我</a>
295
+ <a href="https://segmentfault.com/a/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
296
296
  </div>
297
297
  <div class="sub-title followers">
298
298
 
@@ -303,15 +303,15 @@
303
303
  <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"/>
304
304
  </g>
305
305
  </svg>
306
- <span>5</span>
306
+ <span>8</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
310
- <span>Java3y</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
310
+ <span>wscats</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- 面试官：你是怎么理解InnoDB引擎中的事务的？候选者：在我的理解下，事务可以使「一组操作」要么全部成功，要么全部失败候选者：事务其目的是为了「保证数据最终的一致性」。候选者：举个例子，我给你发支付宝转...
314
+ 本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，
315
315
  </div>
316
316
  </div>
317
317
  </li>
@@ -320,7 +320,7 @@
320
320
  <div class="info">
321
321
  <div class="rank">
322
322
  <span title="Ranking 9">9</span>
323
- <a href="https://segmentfault.com/a/1190000040773457" target="_blank" title="作为前端，怎么亲手设计一个婚礼邀请函">作为前端，怎么亲手设计一个婚礼邀请函</a>
323
+ <a href="https://segmentfault.com/a/1190000040800027" target="_blank" title="TypeScript 枚举指南">TypeScript 枚举指南</a>
324
324
  </div>
325
325
  <div class="sub-title followers">
326
326
 
@@ -331,15 +331,15 @@
331
331
  <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"/>
332
332
  </g>
333
333
  </svg>
334
- <span>4</span>
334
+ <span>7</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
338
- <span>Denzel</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
338
+ <span>云叔_又拍云</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 一个前端，成家之时，需要一份婚礼邀请函。用网上哪些网站（婚礼纪、易企秀）生成出来的，样式、动画效果感觉很赞，但公司logo、广告弹窗、加载速度、自定义版图都让我这个职（qiang）业（po）前（zheng）端（hua...
342
+ 枚举是受 TypeScript 支持的数据类型。枚举允许您定义一组命名常量。使用它们可以更轻松地记录意图或创建一组不同的案例。枚举大多数用于面向对象的编程语言（如 Java 和 C#）中，现在也可以 TypeScript 中使用。...
343
343
  </div>
344
344
  </div>
345
345
  </li>
@@ -348,7 +348,7 @@
348
348
  <div class="info">
349
349
  <div class="rank">
350
350
  <span title="Ranking 10">10</span>
351
- <a href="https://segmentfault.com/a/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
351
+ <a href="https://segmentfault.com/a/1190000040801084" target="_blank" title="一文搞懂字典树">一文搞懂字典树</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -359,15 +359,15 @@
359
359
  <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"/>
360
360
  </g>
361
361
  </svg>
362
- <span>7</span>
362
+ <span>5</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
366
- <span>前端小智</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/bigsai" title="Programming Language">
366
+ <span>bigsai</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
370
+ 字典树，是一种空间换时间的数据结构，又称Trie树、前缀树，是一种树形结构(字典树是一种数据结构)，典型用于统计、排序、和保存大量字符串。所以经常被搜索引擎系统用于文本词频统计。它的优点是：利用字符串的...
371
371
  </div>
372
372
  </div>
373
373
  </li>
@@ -376,7 +376,7 @@
376
376
  <div class="info">
377
377
  <div class="rank">
378
378
  <span title="Ranking 11">11</span>
379
- <a href="https://segmentfault.com/a/1190000040794056" target="_blank" title="CSS实现渐变色边框（Gradient borders）的5种方法">CSS实现渐变色边框（Gradient borders）的5种方法</a>
379
+ <a href="https://segmentfault.com/a/1190000040798012" target="_blank" title="我是如何调试 Webpack 运行问题的">我是如何调试 Webpack 运行问题的</a>
380
380
  </div>
381
381
  <div class="sub-title followers">
382
382
 
@@ -387,15 +387,15 @@
387
387
  <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"/>
388
388
  </g>
389
389
  </svg>
390
- <span>7</span>
390
+ <span>6</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/mudontire" title="Programming Language">
394
- <span>MudOnTire</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
394
+ <span>范文杰</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- CSS 提供了 border-image 属性用于给 border 绘制复杂图样，与 background-image 类似，我们可以在 border 中展示image和linear-gradient。
398
+ 全文 3000 字，欢迎点赞转发事情是这样的，某天有个小伙伴问我：为啥我的 webpack 运行完看不到我写的页面，而是：嗯？文件列表页？好吧，这种情况我似乎没遇到过，一下子没法给出答案，只能要来关键代码：重点看...
399
399
  </div>
400
400
  </div>
401
401
  </li>
@@ -404,7 +404,7 @@
404
404
  <div class="info">
405
405
  <div class="rank">
406
406
  <span title="Ranking 12">12</span>
407
- <a href="https://segmentfault.com/a/1190000040795342" target="_blank" title="基于HarmonyOS分布式技术，他们让绘画体验更为出色">基于HarmonyOS分布式技术，他们让绘画体验更为出色</a>
407
+ <a href="https://segmentfault.com/a/1190000040791673" target="_blank" title="React源码中的位运算技巧">React源码中的位运算技巧</a>
408
408
  </div>
409
409
  <div class="sub-title followers">
410
410
 
@@ -415,15 +415,15 @@
415
415
  <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"/>
416
416
  </g>
417
417
  </svg>
418
- <span>1</span>
418
+ <span>7</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/awly3q3a" title="Programming Language">
422
- <span>第一视角</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
422
+ <span>卡颂</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...
426
+ 大家好，我卡颂。这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？源码里各种位运算，有必要么？作为业务依赖的框...
427
427
  </div>
428
428
  </div>
429
429
  </li>
@@ -432,7 +432,7 @@
432
432
  <div class="info">
433
433
  <div class="rank">
434
434
  <span title="Ranking 13">13</span>
435
- <a href="https://segmentfault.com/a/1190000040791009" target="_blank" title="深度剖析分布式事务性能">深度剖析分布式事务性能</a>
435
+ <a href="https://segmentfault.com/a/1190000040790162" target="_blank" title="(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型">(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型</a>
436
436
  </div>
437
437
  <div class="sub-title followers">
438
438
 
@@ -443,15 +443,15 @@
443
443
  <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"/>
444
444
  </g>
445
445
  </svg>
446
- <span>4</span>
446
+ <span>6</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
450
- <span>叶东富</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
450
+ <span>lulu_up</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- 随着微服务的大规模应用，跨微服务的分布式事务也越来越多，那么分布式事务的性能究竟怎么样？性能会下降多少？能否满足业务需求？这些指标关系到分布式事务能否顺利的引入到生产应用，是大家非常关心的问题。
454
+ 写这篇文章的起因是作者不久前经历了一次项目整体ui组件库的替换, 本以为更换ui组件库只是改改样式并且改几处写法就行了, 但真正经历了才知道这里面遇到的问题还真是丰富多彩, 全程做下来我一共总结了21种问...
455
455
  </div>
456
456
  </div>
457
457
  </li>
@@ -460,7 +460,7 @@
460
460
  <div class="info">
461
461
  <div class="rank">
462
462
  <span title="Ranking 14">14</span>
463
- <a href="https://segmentfault.com/a/1190000040790162" target="_blank" title="(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型">(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型</a>
463
+ <a href="https://segmentfault.com/a/1190000040811460" target="_blank" title="实战经验分享：使用 PyO3 来构建你的 Python 模块">实战经验分享：使用 PyO3 来构建你的 Python 模块</a>
464
464
  </div>
465
465
  <div class="sub-title followers">
466
466
 
@@ -471,15 +471,15 @@
471
471
  <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"/>
472
472
  </g>
473
473
  </svg>
474
- <span>5</span>
474
+ <span>6</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
478
- <span>lulu_up</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
478
+ <span>云叔_又拍云</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- 写这篇文章的起因是作者不久前经历了一次项目整体ui组件库的替换, 本以为更换ui组件库只是改改样式并且改几处写法就行了, 但真正经历了才知道这里面遇到的问题还真是丰富多彩, 全程做下来我一共总结了21种问...
482
+ PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...
483
483
  </div>
484
484
  </div>
485
485
  </li>
@@ -488,7 +488,7 @@
488
488
  <div class="info">
489
489
  <div class="rank">
490
490
  <span title="Ranking 15">15</span>
491
- <a href="https://segmentfault.com/a/1190000040774425" target="_blank" title="第六期:前端九条启发分享">第六期:前端九条启发分享</a>
491
+ <a href="https://segmentfault.com/a/1190000040804260" target="_blank" title="左手IRR，右手NPV，掌握发家致富道路密码">左手IRR，右手NPV，掌握发家致富道路密码</a>
492
492
  </div>
493
493
  <div class="sub-title followers">
494
494
 
@@ -499,15 +499,15 @@
499
499
  <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"/>
500
500
  </g>
501
501
  </svg>
502
- <span>4</span>
502
+ <span>3</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
506
- <span>lulu_up</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
506
+ <span>葡萄城技术团队</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 这个系列是原本叫&#39;九条bug&#39;, 但是一直感觉名字不是很贴切, 想了很久决定从这次起改成九条启发(虽然名字还是很烂), 这次要分享的内容大部分是项目结构相关的, 让我们一起看看吧。
510
+ 但是落脚到很小的例子之上，假如项目A和项目B都可以投资25W，而现在的贴现率是15%（贴现率：指将来的钱折算到现在后，少掉/多出的那部分钱与将来的钱的比值），我们投哪个项目更加划算呢？
511
511
  </div>
512
512
  </div>
513
513
  </li>
@@ -516,7 +516,7 @@
516
516
  <div class="info">
517
517
  <div class="rank">
518
518
  <span title="Ranking 16">16</span>
519
- <a href="https://segmentfault.com/a/1190000040789940" target="_blank" title="从零开始实现一个颜色选择器（原生JavaScript实现）">从零开始实现一个颜色选择器（原生JavaScript实现）</a>
519
+ <a href="https://segmentfault.com/a/1190000040791635" target="_blank" title="12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】">12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】</a>
520
520
  </div>
521
521
  <div class="sub-title followers">
522
522
 
@@ -527,15 +527,15 @@
527
527
  <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"/>
528
528
  </g>
529
529
  </svg>
530
- <span>3</span>
530
+ <span>4</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
534
- <span>夕水</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
534
+ <span>小傅哥</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...
538
+ 没有技术深度、短缺知识储备、匮乏经验积累的前提下，怎么写代码？百度呀，遇到问题这搜一点，那查一块，不管它是什么原理还是适合哪种场景，先粘贴到自己的工程里，看，能跑了，能跑就行。那这样的代码也就仅仅...
539
539
  </div>
540
540
  </div>
541
541
  </li>
@@ -544,7 +544,7 @@
544
544
  <div class="info">
545
545
  <div class="rank">
546
546
  <span title="Ranking 17">17</span>
547
- <a href="https://segmentfault.com/a/1190000040791286" target="_blank" title="精读《可维护性思考》">精读《可维护性思考》</a>
547
+ <a href="https://segmentfault.com/a/1190000040791009" target="_blank" title="深度剖析分布式事务性能">深度剖析分布式事务性能</a>
548
548
  </div>
549
549
  <div class="sub-title followers">
550
550
 
@@ -555,15 +555,15 @@
555
555
  <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"/>
556
556
  </g>
557
557
  </svg>
558
- <span>4</span>
558
+ <span>6</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
562
- <span>黄子毅</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
562
+ <span>叶东富</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。
566
+ 随着微服务的大规模应用，跨微服务的分布式事务也越来越多，那么分布式事务的性能究竟怎么样？性能会下降多少？能否满足业务需求？这些指标关系到分布式事务能否顺利的引入到生产应用，是大家非常关心的问题。
567
567
  </div>
568
568
  </div>
569
569
  </li>
@@ -572,7 +572,7 @@
572
572
  <div class="info">
573
573
  <div class="rank">
574
574
  <span title="Ranking 18">18</span>
575
- <a href="https://segmentfault.com/a/1190000040786919" target="_blank" title="Kafka基础入门篇">Kafka基础入门篇</a>
575
+ <a href="https://segmentfault.com/a/1190000040793817" target="_blank" title="DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了">DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了</a>
576
576
  </div>
577
577
  <div class="sub-title followers">
578
578
 
@@ -583,15 +583,15 @@
583
583
  <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"/>
584
584
  </g>
585
585
  </svg>
586
- <span>4</span>
586
+ <span>3</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/php7internal" title="Programming Language">
590
- <span>LNMPRG源码研究</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
590
+ <span>云音乐大前端团队</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 1、kafka简介 Kafka 是一个分布式的基于发布/订阅模式的消息队列（Message Queue），主要应用与大数据实时处理领域。其主要设计目标如下：
594
+ 本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者可以根据需求进行阅读...
595
595
  </div>
596
596
  </div>
597
597
  </li>
@@ -600,7 +600,7 @@
600
600
  <div class="info">
601
601
  <div class="rank">
602
602
  <span title="Ranking 19">19</span>
603
- <a href="https://segmentfault.com/a/1190000040787631" target="_blank" title="超一半企业工作站无法运行 Windows 11；Python 3.10.0 正式发布；Android 12 发布 | 思否周刊">超一半企业工作站无法运行 Windows 11；Python 3.10.0 正式发布；Android 12 发布 | 思否周刊</a>
603
+ <a href="https://segmentfault.com/a/1190000040814521" target="_blank" title="今天推荐，今年排名前 15 的 Vue 后台管理模板">今天推荐，今年排名前 15 的 Vue 后台管理模板</a>
604
604
  </div>
605
605
  <div class="sub-title followers">
606
606
 
@@ -611,15 +611,15 @@
611
611
  <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"/>
612
612
  </g>
613
613
  </svg>
614
- <span>4</span>
614
+ <span>5</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
618
- <span>snakesss</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
618
+ <span>前端小智</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 40s 新闻速递市监总局对美团“二选一”垄断行为行政处罚,罚 34.42 亿苹果 NFC 芯片面临欧盟反垄断调查，或向对手开放Telegram 在 Facebook 宕机当天新增 7000 万用户英伟达已向欧盟做出初步让步，以确保 540 亿美元...
622
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
623
623
  </div>
624
624
  </div>
625
625
  </li>
@@ -628,7 +628,7 @@
628
628
  <div class="info">
629
629
  <div class="rank">
630
630
  <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040791635" target="_blank" title="12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】">12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】</a>
631
+ <a href="https://segmentfault.com/a/1190000040791087" target="_blank" title="就因为JSON.stringify，我的年终奖差点打水漂了">就因为JSON.stringify，我的年终奖差点打水漂了</a>
632
632
  </div>
633
633
  <div class="sub-title followers">
634
634
 
@@ -639,15 +639,15 @@
639
639
  <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"/>
640
640
  </g>
641
641
  </svg>
642
- <span>3</span>
642
+ <span>7</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
646
- <span>小傅哥</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
646
+ <span>前端胖头鱼</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 没有技术深度、短缺知识储备、匮乏经验积累的前提下，怎么写代码？百度呀，遇到问题这搜一点，那查一块，不管它是什么原理还是适合哪种场景，先粘贴到自己的工程里，看，能跑了，能跑就行。那这样的代码也就仅仅...
650
+ 开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。
651
651
  </div>
652
652
  </div>
653
653
  </li>
@@ -656,7 +656,7 @@
656
656
  <div class="info">
657
657
  <div class="rank">
658
658
  <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040777791" target="_blank" title="Zookeeper的选举机制和同步机制超详细讲解，面试经常问到！">Zookeeper的选举机制和同步机制超详细讲解，面试经常问到！</a>
659
+ <a href="https://segmentfault.com/a/1190000040789940" target="_blank" title="从零开始实现一个颜色选择器（原生JavaScript实现）">从零开始实现一个颜色选择器（原生JavaScript实现）</a>
660
660
  </div>
661
661
  <div class="sub-title followers">
662
662
 
@@ -667,15 +667,15 @@
667
667
  <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"/>
668
668
  </g>
669
669
  </svg>
670
- <span>1</span>
670
+ <span>4</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
674
- <span>铂赛东</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
674
+ <span>夕水</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- zookeeper相信大家都不陌生，很多分布式中间件都利用zk来提供分布式一致性协调的特性。dubbo官方推荐使用zk作为注册中心，zk也是hadoop和Hbase的重要组件。其他知名的开源中间件中也都出现了zk的身影。
678
+ 首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...
679
679
  </div>
680
680
  </div>
681
681
  </li>
@@ -684,7 +684,7 @@
684
684
  <div class="info">
685
685
  <div class="rank">
686
686
  <span title="Ranking 22">22</span>
687
- <a href="https://segmentfault.com/a/1190000040775287" target="_blank" title="Google 搜索决定停止支持 IE11，IE 浏览器或将退出历史舞台？">Google 搜索决定停止支持 IE11，IE 浏览器或将退出历史舞台？</a>
687
+ <a href="https://segmentfault.com/a/1190000040795342" target="_blank" title="基于HarmonyOS分布式技术，他们让绘画体验更为出色">基于HarmonyOS分布式技术，他们让绘画体验更为出色</a>
688
688
  </div>
689
689
  <div class="sub-title followers">
690
690
 
@@ -695,15 +695,15 @@
695
695
  <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"/>
696
696
  </g>
697
697
  </svg>
698
- <span>2</span>
698
+ <span>1</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
702
- <span>snakesss</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/awly3q3a" title="Programming Language">
702
+ <span>第一视角</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 近日，Google 软件工程师 Malte Ubl 在 Twitter 上表示，经 Google 搜寻团队计算后，认为IE11 系统的营运成本与保留使用 IE11 用户的价值相比之下，较不划算，因此 Google 决定停止对 IE11 的支持。
706
+ 绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...
707
707
  </div>
708
708
  </div>
709
709
  </li>
@@ -712,7 +712,7 @@
712
712
  <div class="info">
713
713
  <div class="rank">
714
714
  <span title="Ranking 23">23</span>
715
- <a href="https://segmentfault.com/a/1190000040791673" target="_blank" title="React源码中的位运算技巧">React源码中的位运算技巧</a>
715
+ <a href="https://segmentfault.com/a/1190000040804708" target="_blank" title="分享一些web前端开发好用的网站">分享一些web前端开发好用的网站</a>
716
716
  </div>
717
717
  <div class="sub-title followers">
718
718
 
@@ -726,12 +726,12 @@
726
726
  <span>5</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
730
- <span>卡颂</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
730
+ <span>TNTWEB</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 大家好，我卡颂。这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？源码里各种位运算，有必要么？作为业务依赖的框...
734
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...
735
735
  </div>
736
736
  </div>
737
737
  </li>
@@ -740,7 +740,7 @@
740
740
  <div class="info">
741
741
  <div class="rank">
742
742
  <span title="Ranking 24">24</span>
743
- <a href="https://segmentfault.com/a/1190000040777202" target="_blank" title="大大提高我们的构建体验5个 Vue 技巧">大大提高我们的构建体验5个 Vue 技巧</a>
743
+ <a href="https://segmentfault.com/a/1190000040792388" target="_blank" title="详解es6的export和import命令">详解es6的export和import命令</a>
744
744
  </div>
745
745
  <div class="sub-title followers">
746
746
 
@@ -751,15 +751,15 @@
751
751
  <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"/>
752
752
  </g>
753
753
  </svg>
754
- <span>3</span>
754
+ <span>4</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
758
- <span>前端小智</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/zero_599d47cbc8888zrn" title="Programming Language">
758
+ <span>花怀樱</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
762
+ 一直以来开发vue项目，对export和import的用法都比较模糊，看别人怎么写我就照葫芦画瓢，不报错或者功能实现就行，完全不懂其中的原理，今日闲下来了，就揭穿它们的真面目吧！
763
763
  </div>
764
764
  </div>
765
765
  </li>
@@ -768,7 +768,7 @@
768
768
  <div class="info">
769
769
  <div class="rank">
770
770
  <span title="Ranking 25">25</span>
771
- <a href="https://segmentfault.com/a/1190000040791087" target="_blank" title="就因为JSON.stringify，我的年终奖差点打水漂了">就因为JSON.stringify，我的年终奖差点打水漂了</a>
771
+ <a href="https://segmentfault.com/a/1190000040791119" target="_blank" title="程序员写简历时的技术词汇拼写规范备忘录">程序员写简历时的技术词汇拼写规范备忘录</a>
772
772
  </div>
773
773
  <div class="sub-title followers">
774
774
 
@@ -779,15 +779,15 @@
779
779
  <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"/>
780
780
  </g>
781
781
  </svg>
782
- <span>5</span>
782
+ <span>4</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
786
- <span>前端胖头鱼</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
786
+ <span>CodeSheep</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。
790
+ 求职前，我们都会花很多的时间在自己的技术水平提升+笔/面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -796,7 +796,7 @@
796
796
  <div class="info">
797
797
  <div class="rank">
798
798
  <span title="Ranking 26">26</span>
799
- <a href="https://segmentfault.com/a/1190000040792388" target="_blank" title="详解es6的export和import命令">详解es6的export和import命令</a>
799
+ <a href="https://segmentfault.com/a/1190000040791286" target="_blank" title="精读《可维护性思考》">精读《可维护性思考》</a>
800
800
  </div>
801
801
  <div class="sub-title followers">
802
802
 
@@ -807,15 +807,15 @@
807
807
  <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"/>
808
808
  </g>
809
809
  </svg>
810
- <span>3</span>
810
+ <span>4</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/zero_599d47cbc8888zrn" title="Programming Language">
814
- <span>花怀樱</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
814
+ <span>黄子毅</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- 一直以来开发vue项目，对export和import的用法都比较模糊，看别人怎么写我就照葫芦画瓢，不报错或者功能实现就行，完全不懂其中的原理，今日闲下来了，就揭穿它们的真面目吧！
818
+ 前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。
819
819
  </div>
820
820
  </div>
821
821
  </li>
@@ -824,7 +824,7 @@
824
824
  <div class="info">
825
825
  <div class="rank">
826
826
  <span title="Ranking 27">27</span>
827
- <a href="https://segmentfault.com/a/1190000040780098" target="_blank" title="系统召回太慢？上 Milvus × PaddleRec 双剑合璧大法！">系统召回太慢？上 Milvus × PaddleRec 双剑合璧大法！</a>
827
+ <a href="https://segmentfault.com/a/1190000040788842" target="_blank" title="建设高并发系统的一些经验总结">建设高并发系统的一些经验总结</a>
828
828
  </div>
829
829
  <div class="sub-title followers">
830
830
 
@@ -835,15 +835,15 @@
835
835
  <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"/>
836
836
  </g>
837
837
  </svg>
838
- <span>1</span>
838
+ <span>4</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/zilliz" title="Programming Language">
842
- <span>Zilliz</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/listen_" title="Programming Language">
842
+ <span>listen_</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- 作者简介 李云梅，Zilliz 数据工程师，毕业于华中科技大学计算机系。加入 Zilliz 以来，致力于为开源向量数据库 Milvus 探索解决方案，帮助用户打造场景应用。深入关注自然语言处理技术和搜索推荐系统，日常喜欢...
846
+ 关于如何建设高并发系统的一些经验总结，仅供参考，欢迎交流。前言基础设施数据库架构应用规范总结前言离开饿了么有一段时间了，在饿了么期间从2017年开始接手运单系统的开发和维护工作，从最早的日均百万单，到...
847
847
  </div>
848
848
  </div>
849
849
  </li>
@@ -852,7 +852,7 @@
852
852
  <div class="info">
853
853
  <div class="rank">
854
854
  <span title="Ranking 28">28</span>
855
- <a href="https://segmentfault.com/a/1190000040781042" target="_blank" title="Golang 环境搭建">Golang 环境搭建</a>
855
+ <a href="https://segmentfault.com/a/1190000040806031" target="_blank" title="Elasticsearch 存储成本省 60%，稿定科技干货分享">Elasticsearch 存储成本省 60%，稿定科技干货分享</a>
856
856
  </div>
857
857
  <div class="sub-title followers">
858
858
 
@@ -863,15 +863,15 @@
863
863
  <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"/>
864
864
  </g>
865
865
  </svg>
866
- <span>1</span>
866
+ <span>5</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/albert_5d6909d54bb0c" title="Programming Language">
870
- <span>Albert</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
870
+ <span>JuiceFS</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 注：本文为Linux下搭建Golang安装GoGo的安装相比其他语言环境非常简单，直接下载安装包，解压安装即可。1、下载安装包(官方地址:[链接] 国内已被墙了)，直接去对应的Go语言中文网下载即可，稍等一下下就下载好了...
874
+ 稿定科技旗下稿定设计产品是一个聚焦商业设计的多场景在线设计平台，打破了软硬件间的技术限制，汇集创意内容与设计工具于一体，为不同场景下的设计需求提供优质的解决方案，满足图片、视频等全类型媒介的设计需...
875
875
  </div>
876
876
  </div>
877
877
  </li>
@@ -880,7 +880,7 @@
880
880
  <div class="info">
881
881
  <div class="rank">
882
882
  <span title="Ranking 29">29</span>
883
- <a href="https://segmentfault.com/a/1190000040793817" target="_blank" title="DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了">DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了</a>
883
+ <a href="https://segmentfault.com/a/1190000040800441" target="_blank" title="前端-选择开发工具">前端-选择开发工具</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -894,12 +894,12 @@
894
894
  <span>1</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
898
- <span>云音乐大前端团队</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
898
+ <span>编程码农</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者可以根据需求进行阅读...
902
+ Webstorm是一款针对前端的集成开发工具（IDE），研发公司是jetbrains，它提供社区版（免费）和商业版（付费），对于入门开发，社区版基本够用。优点是Webstorm环境集成比较完善，功能使用比较容易上手。
903
903
  </div>
904
904
  </div>
905
905
  </li>
@@ -908,7 +908,7 @@
908
908
  <div class="info">
909
909
  <div class="rank">
910
910
  <span title="Ranking 30">30</span>
911
- <a href="https://segmentfault.com/a/1190000040791119" target="_blank" title="程序员写简历时的技术词汇拼写规范备忘录">程序员写简历时的技术词汇拼写规范备忘录</a>
911
+ <a href="https://segmentfault.com/a/1190000040790908" target="_blank" title="KonvaJS 原理解析">KonvaJS 原理解析</a>
912
912
  </div>
913
913
  <div class="sub-title followers">
914
914
 
@@ -919,15 +919,15 @@
919
919
  <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"/>
920
920
  </g>
921
921
  </svg>
922
- <span>2</span>
922
+ <span>3</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/hansonwang99" title="Programming Language">
926
- <span>CodeSheep</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/yinguangyao" title="Programming Language">
926
+ <span>尹光耀</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- 求职前，我们都会花很多的时间在自己的技术水平提升+笔/面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。
930
+ 为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库。今天要讲的 Konva 也是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。
931
931
  </div>
932
932
  </div>
933
933
  </li>
@@ -948,7 +948,7 @@
948
948
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
949
949
  </a>
950
950
  </p>
951
- <div class="time">Last cache created on 2021/10/13 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/10/17 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>