@wcj/github-rank 21.12.26 → 21.12.31

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 +38951 -38958
  2. package/dist/sifou-daily.json +64 -37
  3. package/dist/sifou-monthly.json +113 -113
  4. package/dist/sifou-weekly.json +176 -176
  5. package/dist/toutiao-30.json +122 -122
  6. package/dist/toutiao-7.json +143 -143
  7. package/dist/toutiao-90.json +70 -70
  8. package/dist/trending-daily.json +113 -201
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +3516 -3517
  12. package/dist/users.json +4006 -4007
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +38951 -38958
  16. package/web/data/sifou-daily.json +64 -37
  17. package/web/data/sifou-monthly.json +113 -113
  18. package/web/data/sifou-weekly.json +176 -176
  19. package/web/data/toutiao-30.json +122 -122
  20. package/web/data/toutiao-7.json +143 -143
  21. package/web/data/toutiao-90.json +70 -70
  22. package/web/data/trending-daily.json +113 -201
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +3516 -3517
  26. package/web/data/users.json +4006 -4007
  27. package/web/index.html +2102 -2102
  28. package/web/repos.html +4617 -4617
  29. package/web/sifou-daily.html +116 -32
  30. package/web/sifou-monthly.html +127 -127
  31. package/web/sifou-weekly.html +148 -148
  32. package/web/toutiao-30.html +120 -120
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +80 -80
  35. package/web/trending-monthly.html +135 -135
  36. package/web/trending-weekly.html +145 -145
  37. package/web/trending.html +93 -405
  38. package/web/users.china.html +1690 -1690
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2021/12/26 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/12/31 by Github API v3.</div>
98
98
  <div class="tabs">
99
99
  <a class="" href="index.html">Users</a>
100
100
  <a class="" href="repos.html">Repos</a>
@@ -116,7 +116,7 @@
116
116
  <div class="info">
117
117
  <div class="rank">
118
118
  <span title="Ranking 1">1</span>
119
- <a href="https://segmentfault.com/a/1190000041099699" target="_blank" title="20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式">20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式</a>
119
+ <a href="https://segmentfault.com/a/1190000041163719" target="_blank" title="用一个 flv.js 播放监控的例子，带你深撅直播流技术">用一个 flv.js 播放监控的例子，带你深撅直播流技术</a>
120
120
  </div>
121
121
  <div class="sub-title followers">
122
122
 
@@ -127,15 +127,15 @@
127
127
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
128
128
  </g>
129
129
  </svg>
130
- <span>38</span>
130
+ <span>37</span>
131
131
  </span>
132
132
  &nbsp;
133
- <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
134
- <span>林小志</span>
133
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
134
+ <span>杨成功</span>
135
135
  </a>
136
136
  </div>
137
137
  <div class="details">
138
- 看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...
138
+ 本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。
139
139
  </div>
140
140
  </div>
141
141
  </li>
@@ -144,7 +144,7 @@
144
144
  <div class="info">
145
145
  <div class="rank">
146
146
  <span title="Ranking 2">2</span>
147
- <a href="https://segmentfault.com/a/1190000041056865" target="_blank" title="React、Vue我全都要！React Hook 实现 Vue 的11个基本功能">React、Vue我全都要！React Hook 实现 Vue 的11个基本功能</a>
147
+ <a href="https://segmentfault.com/a/1190000041099699" target="_blank" title="20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式">20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式</a>
148
148
  </div>
149
149
  <div class="sub-title followers">
150
150
 
@@ -155,15 +155,15 @@
155
155
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
156
156
  </g>
157
157
  </svg>
158
- <span>31</span>
158
+ <span>40</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
162
- <span>Sunshine_Lin</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
162
+ <span>林小志</span>
163
163
  </a>
164
164
  </div>
165
165
  <div class="details">
166
- 大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。
166
+ 看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...
167
167
  </div>
168
168
  </div>
169
169
  </li>
@@ -183,7 +183,7 @@
183
183
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
184
184
  </g>
185
185
  </svg>
186
- <span>23</span>
186
+ <span>24</span>
187
187
  </span>
188
188
  &nbsp;
189
189
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -200,7 +200,7 @@
200
200
  <div class="info">
201
201
  <div class="rank">
202
202
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
203
+ <a href="https://segmentfault.com/a/1190000041056865" target="_blank" title="React、Vue我全都要！React Hook 实现 Vue 的11个基本功能">React、Vue我全都要！React Hook 实现 Vue 的11个基本功能</a>
204
204
  </div>
205
205
  <div class="sub-title followers">
206
206
 
@@ -211,15 +211,15 @@
211
211
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
212
212
  </g>
213
213
  </svg>
214
- <span>30</span>
214
+ <span>31</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
218
- <span>杨成功</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
218
+ <span>Sunshine_Lin</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- 一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
222
+ 大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。
223
223
  </div>
224
224
  </div>
225
225
  </li>
@@ -228,7 +228,7 @@
228
228
  <div class="info">
229
229
  <div class="rank">
230
230
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000041031214" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
231
+ <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -239,15 +239,15 @@
239
239
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
240
240
  </g>
241
241
  </svg>
242
- <span>25</span>
242
+ <span>26</span>
243
243
  </span>
244
244
  &nbsp;
245
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
246
- <span>wscats</span>
245
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
246
+ <span>前端胖头鱼</span>
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...
250
+ 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -256,7 +256,7 @@
256
256
  <div class="info">
257
257
  <div class="rank">
258
258
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000041032091" target="_blank" title="良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！">良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！</a>
259
+ <a href="https://segmentfault.com/a/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
260
260
  </div>
261
261
  <div class="sub-title followers">
262
262
 
@@ -267,15 +267,15 @@
267
267
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
268
268
  </g>
269
269
  </svg>
270
- <span>28</span>
270
+ <span>31</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
274
- <span>Sunshine_Lin</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
274
+ <span>杨成功</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？
278
+ 一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
279
279
  </div>
280
280
  </div>
281
281
  </li>
@@ -312,7 +312,7 @@
312
312
  <div class="info">
313
313
  <div class="rank">
314
314
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
315
+ <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -323,15 +323,15 @@
323
323
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
324
324
  </g>
325
325
  </svg>
326
- <span>19</span>
326
+ <span>26</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
330
- <span>kerin</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
330
+ <span>铁皮饭盒</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
334
+ 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
335
335
  </div>
336
336
  </div>
337
337
  </li>
@@ -340,7 +340,7 @@
340
340
  <div class="info">
341
341
  <div class="rank">
342
342
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
343
+ <a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</a>
344
344
  </div>
345
345
  <div class="sub-title followers">
346
346
 
@@ -351,15 +351,15 @@
351
351
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
352
352
  </g>
353
353
  </svg>
354
- <span>19</span>
354
+ <span>20</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
358
- <span>卡颂</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
358
+ <span>jrainlau</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
362
+ 说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -368,7 +368,7 @@
368
368
  <div class="info">
369
369
  <div class="rank">
370
370
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000041103446" target="_blank" title="基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架">基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架</a>
371
+ <a href="https://segmentfault.com/a/1190000041134103" target="_blank" title="详解虚拟DOM与Diff算法">详解虚拟DOM与Diff算法</a>
372
372
  </div>
373
373
  <div class="sub-title followers">
374
374
 
@@ -382,12 +382,12 @@
382
382
  <span>19</span>
383
383
  </span>
384
384
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/jrainlau" title="Programming Language">
386
- <span>jrainlau</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/kerin" title="Programming Language">
386
+ <span>kerin</span>
387
387
  </a>
388
388
  </div>
389
389
  <div class="details">
390
- 说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...
390
+ 最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...
391
391
  </div>
392
392
  </div>
393
393
  </li>
@@ -396,7 +396,7 @@
396
396
  <div class="info">
397
397
  <div class="rank">
398
398
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
399
+ <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
400
400
  </div>
401
401
  <div class="sub-title followers">
402
402
 
@@ -407,15 +407,15 @@
407
407
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
408
408
  </g>
409
409
  </svg>
410
- <span>20</span>
410
+ <span>19</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
414
- <span>民工哥</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
414
+ <span>卡颂</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
418
+ 大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
419
419
  </div>
420
420
  </div>
421
421
  </li>
@@ -424,7 +424,7 @@
424
424
  <div class="info">
425
425
  <div class="rank">
426
426
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000041153005" target="_blank" title="2022前端必用⭐正则大全, 请🚀提前收好.">2022前端必用⭐正则大全, 请🚀提前收好.</a>
427
+ <a href="https://segmentfault.com/a/1190000041105650" target="_blank" title="公司用的 MySQL 团队开发规范，太详细了，建议收藏！">公司用的 MySQL 团队开发规范，太详细了，建议收藏！</a>
428
428
  </div>
429
429
  <div class="sub-title followers">
430
430
 
@@ -438,12 +438,12 @@
438
438
  <span>21</span>
439
439
  </span>
440
440
  &nbsp;
441
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
442
- <span>铁皮饭盒</span>
441
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
442
+ <span>民工哥</span>
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- 你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.
446
+ 数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...
447
447
  </div>
448
448
  </div>
449
449
  </li>
@@ -452,7 +452,7 @@
452
452
  <div class="info">
453
453
  <div class="rank">
454
454
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000041163719" target="_blank" title="用一个 flv.js 播放监控的例子，带你深撅直播流技术">用一个 flv.js 播放监控的例子，带你深撅直播流技术</a>
455
+ <a href="https://segmentfault.com/a/1190000041037062" target="_blank" title="「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！">「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -463,15 +463,15 @@
463
463
  <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"/>
464
464
  </g>
465
465
  </svg>
466
- <span>16</span>
466
+ <span>23</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
470
- <span>杨成功</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
470
+ <span>Sunshine_Lin</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- 本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。
474
+ 就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...
475
475
  </div>
476
476
  </div>
477
477
  </li>
@@ -480,7 +480,7 @@
480
480
  <div class="info">
481
481
  <div class="rank">
482
482
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000041037062" target="_blank" title="「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！">「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！</a>
483
+ <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -491,15 +491,15 @@
491
491
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
492
492
  </g>
493
493
  </svg>
494
- <span>22</span>
494
+ <span>14</span>
495
495
  </span>
496
496
  &nbsp;
497
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
498
- <span>Sunshine_Lin</span>
497
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
498
+ <span>chokcoco</span>
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...
502
+ 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
503
503
  </div>
504
504
  </div>
505
505
  </li>
@@ -508,7 +508,7 @@
508
508
  <div class="info">
509
509
  <div class="rank">
510
510
  <span title="Ranking 15">15</span>
511
- <a href="https://segmentfault.com/a/1190000041016364" target="_blank" title="用CSS来撸一只神经猫">用CSS来撸一只神经猫</a>
511
+ <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
512
512
  </div>
513
513
  <div class="sub-title followers">
514
514
 
@@ -519,15 +519,15 @@
519
519
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
520
520
  </g>
521
521
  </svg>
522
- <span>15</span>
522
+ <span>12</span>
523
523
  </span>
524
524
  &nbsp;
525
- <a target="_blank" href="https://segmentfault.com/u/linshuai" title="Programming Language">
526
- <span>linshuai</span>
525
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
526
+ <span>思否编辑部</span>
527
527
  </a>
528
528
  </div>
529
529
  <div class="details">
530
- 之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：
530
+ 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
531
531
  </div>
532
532
  </div>
533
533
  </li>
@@ -536,7 +536,7 @@
536
536
  <div class="info">
537
537
  <div class="rank">
538
538
  <span title="Ranking 16">16</span>
539
- <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
539
+ <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
540
540
  </div>
541
541
  <div class="sub-title followers">
542
542
 
@@ -547,15 +547,15 @@
547
547
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
548
548
  </g>
549
549
  </svg>
550
- <span>11</span>
550
+ <span>14</span>
551
551
  </span>
552
552
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
554
- <span>思否编辑部</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
554
+ <span>边城</span>
555
555
  </a>
556
556
  </div>
557
557
  <div class="details">
558
- 前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。
558
+ 又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？
559
559
  </div>
560
560
  </div>
561
561
  </li>
@@ -592,7 +592,7 @@
592
592
  <div class="info">
593
593
  <div class="rank">
594
594
  <span title="Ranking 18">18</span>
595
- <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
595
+ <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
596
596
  </div>
597
597
  <div class="sub-title followers">
598
598
 
@@ -603,15 +603,15 @@
603
603
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
604
604
  </g>
605
605
  </svg>
606
- <span>13</span>
606
+ <span>17</span>
607
607
  </span>
608
608
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
610
- <span>chokcoco</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
610
+ <span>pingan8787</span>
611
611
  </a>
612
612
  </div>
613
613
  <div class="details">
614
- 背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
614
+ 组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...
615
615
  </div>
616
616
  </div>
617
617
  </li>
@@ -620,7 +620,7 @@
620
620
  <div class="info">
621
621
  <div class="rank">
622
622
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</a>
623
+ <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
624
624
  </div>
625
625
  <div class="sub-title followers">
626
626
 
@@ -631,15 +631,15 @@
631
631
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
632
632
  </g>
633
633
  </svg>
634
- <span>10</span>
634
+ <span>11</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
638
- <span>卡颂</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
638
+ <span>chokcoco</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...
642
+ emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。
643
643
  </div>
644
644
  </div>
645
645
  </li>
@@ -648,7 +648,7 @@
648
648
  <div class="info">
649
649
  <div class="rank">
650
650
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000041157904" target="_blank" title="【建议收藏】11+实战技巧，让你轻松从Vue过渡到React">【建议收藏】11+实战技巧，让你轻松从Vue过渡到React</a>
651
+ <a href="https://segmentfault.com/a/1190000041184489" target="_blank" title="使用 Nginx 构建前端日志统计服务">使用 Nginx 构建前端日志统计服务</a>
652
652
  </div>
653
653
  <div class="sub-title followers">
654
654
 
@@ -659,15 +659,15 @@
659
659
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
660
660
  </g>
661
661
  </svg>
662
- <span>17</span>
662
+ <span>13</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
666
- <span>前端胖头鱼</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/fengshuan" title="Programming Language">
666
+ <span>前端森林</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）
670
+ 这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。
671
671
  </div>
672
672
  </div>
673
673
  </li>
@@ -676,7 +676,7 @@
676
676
  <div class="info">
677
677
  <div class="rank">
678
678
  <span title="Ranking 21">21</span>
679
- <a href="https://segmentfault.com/a/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
679
+ <a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</a>
680
680
  </div>
681
681
  <div class="sub-title followers">
682
682
 
@@ -687,15 +687,15 @@
687
687
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
688
688
  </g>
689
689
  </svg>
690
- <span>9</span>
690
+ <span>10</span>
691
691
  </span>
692
692
  &nbsp;
693
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
694
- <span>思否编辑部</span>
693
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
694
+ <span>卡颂</span>
695
695
  </a>
696
696
  </div>
697
697
  <div class="details">
698
- 2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
698
+ 大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...
699
699
  </div>
700
700
  </div>
701
701
  </li>
@@ -704,7 +704,7 @@
704
704
  <div class="info">
705
705
  <div class="rank">
706
706
  <span title="Ranking 22">22</span>
707
- <a href="https://segmentfault.com/a/1190000041086821" target="_blank" title="2021 re:Invent ，我们到底该关注哪些发布？">2021 re:Invent ，我们到底该关注哪些发布？</a>
707
+ <a href="https://segmentfault.com/a/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
708
708
  </div>
709
709
  <div class="sub-title followers">
710
710
 
@@ -715,7 +715,7 @@
715
715
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
716
716
  </g>
717
717
  </svg>
718
- <span>13</span>
718
+ <span>9</span>
719
719
  </span>
720
720
  &nbsp;
721
721
  <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
@@ -723,7 +723,7 @@
723
723
  </a>
724
724
  </div>
725
725
  <div class="details">
726
- 这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...
726
+ 2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
727
727
  </div>
728
728
  </div>
729
729
  </li>
@@ -732,7 +732,7 @@
732
732
  <div class="info">
733
733
  <div class="rank">
734
734
  <span title="Ranking 23">23</span>
735
- <a href="https://segmentfault.com/a/1190000041043603" target="_blank" title="一个 Babelfish ，看懂云数据库的发展方向">一个 Babelfish ，看懂云数据库的发展方向</a>
735
+ <a href="https://segmentfault.com/a/1190000041086821" target="_blank" title="2021 re:Invent ，我们到底该关注哪些发布？">2021 re:Invent ，我们到底该关注哪些发布？</a>
736
736
  </div>
737
737
  <div class="sub-title followers">
738
738
 
@@ -743,7 +743,7 @@
743
743
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
744
744
  </g>
745
745
  </svg>
746
- <span>12</span>
746
+ <span>13</span>
747
747
  </span>
748
748
  &nbsp;
749
749
  <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
@@ -751,7 +751,7 @@
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...
754
+ 这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...
755
755
  </div>
756
756
  </div>
757
757
  </li>
@@ -760,7 +760,7 @@
760
760
  <div class="info">
761
761
  <div class="rank">
762
762
  <span title="Ranking 24">24</span>
763
- <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
763
+ <a href="https://segmentfault.com/a/1190000041043603" target="_blank" title="一个 Babelfish ，看懂云数据库的发展方向">一个 Babelfish ，看懂云数据库的发展方向</a>
764
764
  </div>
765
765
  <div class="sub-title followers">
766
766
 
@@ -771,15 +771,15 @@
771
771
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
772
772
  </g>
773
773
  </svg>
774
- <span>15</span>
774
+ <span>12</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
778
- <span>程序员cxuan</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
778
+ <span>思否编辑部</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
782
+ 作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...
783
783
  </div>
784
784
  </div>
785
785
  </li>
@@ -788,7 +788,7 @@
788
788
  <div class="info">
789
789
  <div class="rank">
790
790
  <span title="Ranking 25">25</span>
791
- <a href="https://segmentfault.com/a/1190000041067692" target="_blank" title="你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?">你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?</a>
791
+ <a href="https://segmentfault.com/a/1190000041119178" target="_blank" title="原来这才是 Socket ！">原来这才是 Socket ！</a>
792
792
  </div>
793
793
  <div class="sub-title followers">
794
794
 
@@ -799,15 +799,15 @@
799
799
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
800
800
  </g>
801
801
  </svg>
802
- <span>11</span>
802
+ <span>15</span>
803
803
  </span>
804
804
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
806
- <span>lulu_up</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
806
+ <span>程序员cxuan</span>
807
807
  </a>
808
808
  </div>
809
809
  <div class="details">
810
- 又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的&#34;计数&#34;功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了&#34;谷歌翻译&#34;造成的无法&#34;计数&#34;, 这就引起了我的浓厚兴趣, 到底这个看起来&#34;人畜...
810
+ 关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。
811
811
  </div>
812
812
  </div>
813
813
  </li>
@@ -816,7 +816,7 @@
816
816
  <div class="info">
817
817
  <div class="rank">
818
818
  <span title="Ranking 26">26</span>
819
- <a href="https://segmentfault.com/a/1190000041088153" target="_blank" title="10个HTML文件上传技巧">10个HTML文件上传技巧</a>
819
+ <a href="https://segmentfault.com/a/1190000041067692" target="_blank" title="你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?">你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?</a>
820
820
  </div>
821
821
  <div class="sub-title followers">
822
822
 
@@ -827,15 +827,15 @@
827
827
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
828
828
  </g>
829
829
  </svg>
830
- <span>16</span>
830
+ <span>11</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
834
- <span>前端小智</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
834
+ <span>lulu_up</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
838
+ 又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的&#34;计数&#34;功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了&#34;谷歌翻译&#34;造成的无法&#34;计数&#34;, 这就引起了我的浓厚兴趣, 到底这个看起来&#34;人畜...
839
839
  </div>
840
840
  </div>
841
841
  </li>
@@ -872,7 +872,7 @@
872
872
  <div class="info">
873
873
  <div class="rank">
874
874
  <span title="Ranking 28">28</span>
875
- <a href="https://segmentfault.com/a/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</a>
875
+ <a href="https://segmentfault.com/a/1190000041088153" target="_blank" title="10个HTML文件上传技巧">10个HTML文件上传技巧</a>
876
876
  </div>
877
877
  <div class="sub-title followers">
878
878
 
@@ -883,15 +883,15 @@
883
883
  <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"/>
884
884
  </g>
885
885
  </svg>
886
- <span>8</span>
886
+ <span>16</span>
887
887
  </span>
888
888
  &nbsp;
889
- <a target="_blank" href="https://segmentfault.com/u/billionbottle" title="Programming Language">
890
- <span>百瓶技术</span>
889
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
890
+ <span>前端小智</span>
891
891
  </a>
892
892
  </div>
893
893
  <div class="details">
894
- 在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
894
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
895
895
  </div>
896
896
  </div>
897
897
  </li>
@@ -900,7 +900,7 @@
900
900
  <div class="info">
901
901
  <div class="rank">
902
902
  <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000041025373" target="_blank" title="你说你会Promise？那你解决一下项目中的这五个难题？">你说你会Promise？那你解决一下项目中的这五个难题？</a>
903
+ <a href="https://segmentfault.com/a/1190000041101930" target="_blank" title="Java集合高频面试题">Java集合高频面试题</a>
904
904
  </div>
905
905
  <div class="sub-title followers">
906
906
 
@@ -911,15 +911,15 @@
911
911
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
912
912
  </g>
913
913
  </svg>
914
- <span>16</span>
914
+ <span>11</span>
915
915
  </span>
916
916
  &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
918
- <span>Sunshine_Lin</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/5n7qfpo1" title="Programming Language">
918
+ <span>程序员大彬</span>
919
919
  </a>
920
920
  </div>
921
921
  <div class="details">
922
- 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级
922
+ 本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...
923
923
  </div>
924
924
  </div>
925
925
  </li>
@@ -928,7 +928,7 @@
928
928
  <div class="info">
929
929
  <div class="rank">
930
930
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000041105568" target="_blank" title="火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件">火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件</a>
931
+ <a href="https://segmentfault.com/a/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -939,15 +939,15 @@
939
939
  <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"/>
940
940
  </g>
941
941
  </svg>
942
- <span>9</span>
942
+ <span>8</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/huoxian" title="Programming Language">
946
- <span>火线安全</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/billionbottle" title="Programming Language">
946
+ <span>百瓶技术</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...
950
+ 在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
951
951
  </div>
952
952
  </div>
953
953
  </li>
@@ -968,7 +968,7 @@
968
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
969
  </a>
970
970
  </div>
971
- <div class="time">Last cache created on 2021/12/26 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/12/31 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>