@wcj/github-rank 22.7.12 → 22.7.15

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 (37) hide show
  1. package/dist/repos.json +37442 -37437
  2. package/dist/sifou-daily.json +12 -75
  3. package/dist/sifou-monthly.json +104 -104
  4. package/dist/sifou-weekly.json +160 -160
  5. package/dist/toutiao-30.json +85 -85
  6. package/dist/toutiao-7.json +126 -126
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2668 -2668
  12. package/dist/users.json +3951 -3950
  13. package/package.json +1 -1
  14. package/web/data/repos.json +37442 -37437
  15. package/web/data/sifou-daily.json +12 -75
  16. package/web/data/sifou-monthly.json +104 -104
  17. package/web/data/sifou-weekly.json +160 -160
  18. package/web/data/toutiao-30.json +85 -85
  19. package/web/data/toutiao-7.json +126 -126
  20. package/web/data/toutiao-90.json +32 -32
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +161 -161
  23. package/web/data/trending-weekly.json +167 -167
  24. package/web/data/users.china.json +2668 -2668
  25. package/web/data/users.json +3951 -3950
  26. package/web/index.html +1955 -1955
  27. package/web/repos.html +4551 -4551
  28. package/web/sifou-daily.html +11 -207
  29. package/web/sifou-monthly.html +140 -140
  30. package/web/sifou-weekly.html +139 -139
  31. package/web/toutiao-30.html +95 -95
  32. package/web/toutiao-7.html +80 -80
  33. package/web/toutiao-90.html +61 -61
  34. package/web/trending-monthly.html +139 -143
  35. package/web/trending-weekly.html +146 -142
  36. package/web/trending.html +142 -154
  37. package/web/users.china.html +1315 -1315
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/12 by
119
+ <div class="time">Last cache created on 2022/7/15 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
148
+ <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>22</span>
159
+ <span>12</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -164,7 +164,7 @@
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
167
+ 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
176
+ <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>9</span>
187
+ <span>12</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
191
- <span>南城大前端</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
+ <span>XboxYan</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
195
+ 欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
204
+ <a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>5</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
219
- <span>卤代烃</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
+ <span>chokcoco</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
223
+ 在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042081565" target="_blank" title="DNS 系列（一）：为什么更新了 DNS 记录不生效？">DNS 系列（一）：为什么更新了 DNS 记录不生效？</a>
232
+ <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>4</span>
243
+ <span>7</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
247
- <span>云叔_又拍云</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
247
+ <span>卤代烃</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...
251
+ 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042090195" target="_blank" title="他们齐聚 2022 ECUG Con，只为「中国技术力量」">他们齐聚 2022 ECUG Con，只为「中国技术力量」</a>
260
+ <a href="https://segmentfault.com/a/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>3</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
275
- <span>snakesss</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
275
+ <span>deepfunc</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 后来的后来，计算机编程语言百家争鸣，从主流的 Java、C、Python、PHP、JavaScript……到新型的 Go、Go+、Taichi 等，给了技术爱好者们更多的选择。
279
+ 先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
288
+ <a href="https://segmentfault.com/a/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -299,12 +299,12 @@
299
299
  <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
303
- <span>MangoGoing</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
303
+ <span>程序员秋风</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...
307
+ 最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
316
+ <a href="https://segmentfault.com/a/1190000042090195" target="_blank" title="他们齐聚 2022 ECUG Con，只为「中国技术力量」">他们齐聚 2022 ECUG Con，只为「中国技术力量」</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>2</span>
327
+ <span>3</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
331
- <span>卡颂</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
331
+ <span>snakesss</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
335
+ 后来的后来，计算机编程语言百家争鸣，从主流的 Java、C、Python、PHP、JavaScript……到新型的 Go、Go+、Taichi 等，给了技术爱好者们更多的选择。
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
344
+ <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>3</span>
355
+ <span>4</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
359
- <span>Rhythm_2019</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
359
+ <span>MangoGoing</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
363
+ 常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042036969" target="_blank" title="Vue3，用组合编写更好的代码：动态返回(3/4)">Vue3，用组合编写更好的代码：动态返回(3/4)</a>
372
+ <a href="https://segmentfault.com/a/1190000042092852" target="_blank" title="面试官：主说 Git Rebase 和 Git Merge 差异">面试官：主说 Git Rebase 和 Git Merge 差异</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,7 +380,7 @@
380
380
  <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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>2</span>
383
+ <span>4</span>
384
384
  </span>
385
385
  &nbsp;
386
386
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
400
+ <a href="https://segmentfault.com/a/1190000042036969" target="_blank" title="Vue3，用组合编写更好的代码：动态返回(3/4)">Vue3，用组合编写更好的代码：动态返回(3/4)</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -411,12 +411,12 @@
411
411
  <span>2</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
415
- <span>MissD</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
415
+ <span>前端小智</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
419
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
428
+ <a href="https://segmentfault.com/a/1190000042078359" target="_blank" title="CSS Houdini：用浏览器引擎实现高级CSS效果">CSS Houdini：用浏览器引擎实现高级CSS效果</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>7</span>
439
+ <span>1</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
443
- <span>chokcoco</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
443
+ <span>vivo互联网技术</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
447
+ Houdini被称之为Magic of styling and layout on the web，看起来十分神秘，但实际上，Houdini并非什么神秘组织或者神奇魔法，它是一系列与CSS引擎相关的浏览器API的总称。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
456
+ <a href="https://segmentfault.com/a/1190000042103541" target="_blank" title="Redis 内存优化神技，小内存保存大数据">Redis 内存优化神技，小内存保存大数据</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>2</span>
467
+ <span>3</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
471
- <span>IT小马</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
471
+ <span>码哥字节</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
475
+ 大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042073725" target="_blank" title="你还在为组件文档烦恼吗？">你还在为组件文档烦恼吗？</a>
484
+ <a href="https://segmentfault.com/a/1190000042099343" target="_blank" title="go-zero微服务实战系列（九、极致优化秒杀性能）">go-zero微服务实战系列（九、极致优化秒杀性能）</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>1</span>
495
+ <span>2</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/samonxian" title="Programming Language">
499
- <span>Samon</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
499
+ <span>kevinwan</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 前言随着时间的推进，业务组件也逐渐丰富起来，我们开始搭建组件库，编写组件文档的烦恼就随之而来。这里分享下我选取组件文档工具的经历，最终以 Docusaurus 为基础，搭建了一套开箱即用的 React 组件文档工具。...
503
+ 上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
512
+ <a href="https://segmentfault.com/a/1190000042094912" target="_blank" title="Go学习笔记-Zap日志">Go学习笔记-Zap日志</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>2</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/nanfengweiliao" title="Programming Language">
527
- <span>南风未了</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
527
+ <span>IT小马</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
531
+ mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042075285" target="_blank" title="网易云音乐机器学习平台实践">网易云音乐机器学习平台实践</a>
540
+ <a href="https://segmentfault.com/a/1190000042092435" target="_blank" title="用前端构建工具打包后端服务，我到底经历什么">用前端构建工具打包后端服务，我到底经历什么</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
555
- <span>云音乐技术团队</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
555
+ <span>小白要生发</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...
559
+ 看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
568
+ <a href="https://segmentfault.com/a/1190000042096697" target="_blank" title="记录遇到的一个循环依赖问题">记录遇到的一个循环依赖问题</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>1</span>
579
+ <span>3</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
583
- <span>LiberHome</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
583
+ <span>weiewiyi</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
587
+ 但是我在使用的时候却报了notifyService的循环依赖。NG0200: Circular dependency in DI detected for ThyNotifyService如图
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042074385" target="_blank" title="Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）">Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）</a>
596
+ <a href="https://segmentfault.com/a/1190000042085628" target="_blank" title="优化 Go 错误处理，魔改 Go recover 靠谱吗？">优化 Go 错误处理，魔改 Go recover 靠谱吗？</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>1</span>
607
+ <span>2</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
611
- <span>LiberHome</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
611
+ <span>煎鱼</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- i是insert在光标前面插入字符，a是append是在光标后面追加字符。o是用来新起一行，大小写区别在于上下左右，自己试一下就知道了。r是用来替换字符。小写替换一个，大写可以替换很多个。
615
+ Go 的错误处理一直是表现最突出的一块地方，许许多多的同学都提出了各种提案，例如：引入 try-catch、用 panic 代替 if err != nil、引入新的关键字等。但这些都被一一驳回了。
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042079992" target="_blank" title="如何参与开源项目 - 细说 GitHub 上的 PR 全过程">如何参与开源项目 - 细说 GitHub 上的 PR 全过程</a>
624
+ <a href="https://segmentfault.com/a/1190000042094414" target="_blank" title="电商商品系统的演进分析">电商商品系统的演进分析</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>1</span>
635
+ <span>3</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/daniel_hu_6299be102876e" title="Programming Language">
639
- <span>Daniel_Hu</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/helei112g" title="Programming Language">
639
+ <span>大愚Talk</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 当然，除了正常的 PR 合入流程之外，我还准备详细介绍一下如果一个 PR 提交后遇到了冲突、需要追加 commits、需要合并 commits 等等相对复杂问题该如何解决。
643
+ 好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</a>
652
+ <a href="https://segmentfault.com/a/1190000042094981" target="_blank" title="DNS 系列（二）：DNS 记录及工作方式，你了解吗？">DNS 系列（二）：DNS 记录及工作方式，你了解吗？</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>5</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
667
- <span>诺顿</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
667
+ <span>云叔_又拍云</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
671
+ 在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042083899" target="_blank" title="如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！">如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！</a>
680
+ <a href="https://segmentfault.com/a/1190000042091156" target="_blank" title="死锁问题排查过程-间隙锁的复现以及解决">死锁问题排查过程-间隙锁的复现以及解决</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>1</span>
691
+ <span>2</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/libubai" title="Programming Language">
695
- <span>李不白</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/skyarthur" title="Programming Language">
695
+ <span>skyarthur</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...
699
+ 我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042082390" target="_blank" title="我想写一个 Vue3 组件库，我该怎么开始？">我想写一个 Vue3 组件库，我该怎么开始？</a>
708
+ <a href="https://segmentfault.com/a/1190000042089388" target="_blank" title="H5实现生成urlscheme并从H5跳转到小程序">H5实现生成urlscheme并从H5跳转到小程序</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>2</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/qmhc" title="Programming Language">
723
- <span>未觉雨声</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/huaweichenai" title="Programming Language">
723
+ <span>huaweichenai</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。
727
+ 在2022年之前，想要在H5打开小程序只需要在平台上设置urlscheme即可，但是自 2022 年 4 月 11 日起，URL Scheme有效期最长 30 天，不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Schem...
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042091156" target="_blank" title="死锁问题排查过程-间隙锁的复现以及解决">死锁问题排查过程-间隙锁的复现以及解决</a>
736
+ <a href="https://segmentfault.com/a/1190000042092948" target="_blank" title="精读《MinusOne, PickByType, StartsWith...》">精读《MinusOne, PickByType, StartsWith...》</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>2</span>
747
+ <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/skyarthur" title="Programming Language">
751
- <span>skyarthur</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
751
+ <span>黄子毅</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...
755
+ TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 [&#39;length&#39;] 访问数组长度，几乎所有数字计算都是通过它推导出来的。
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042077860" target="_blank" title="Vue 灰度发布新功能的那些事">Vue 灰度发布新功能的那些事</a>
764
+ <a href="https://segmentfault.com/a/1190000042084710" target="_blank" title="写出个灵活的系统竟然可以如此简单！小白也能写出高级的Java业务！">写出个灵活的系统竟然可以如此简单！小白也能写出高级的Java业务！</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>0</span>
775
+ <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
779
- <span>南城大前端</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
779
+ <span>铂赛东</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...
783
+ 最近正好公司里有个需求，一个短信业务接了多个第三方供应商，某些业务需要查询第三方供应商剩余的短信包数量去选择剩余量最多的渠道去批量发送。有些业务是指定了某个短信供应商，有些场景需要根据业务的值去动...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042072196" target="_blank" title="下一个行业风口：NFT 数字藏品，是机遇还是泡沫？">下一个行业风口：NFT 数字藏品，是机遇还是泡沫？</a>
792
+ <a href="https://segmentfault.com/a/1190000042104392" target="_blank" title="DNS 系列（三）：如何免受 DNS 欺骗的侵害">DNS 系列（三）：如何免受 DNS 欺骗的侵害</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
807
- <span>腾讯云开发者</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
807
+ <span>云叔_又拍云</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...
811
+ 互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042092435" target="_blank" title="用前端构建工具打包后端服务，我到底经历什么">用前端构建工具打包后端服务，我到底经历什么</a>
820
+ <a href="https://segmentfault.com/a/1190000042099882" target="_blank" title="分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择">分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>1</span>
831
+ <span>2</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
835
- <span>小白要生发</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
835
+ <span>CoderW</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。
839
+ 曾几何时，“并发高就分库，数据大就分表”已经成了处理 MySQL 数据增长问题的圣经。面试官喜欢问，博主喜欢写，候选人也喜欢背，似乎已经形成了一个闭环。但你有没有思考过，_分库分表真的适合你的系统吗？_分表在...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042077497" target="_blank" title="伪元素 content 出现中文乱码">伪元素 content 出现中文乱码</a>
848
+ <a href="https://segmentfault.com/a/1190000042101414" target="_blank" title="React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发">React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -859,12 +859,12 @@
859
859
  <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
863
- <span>时倾</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/jiangchuan_5ecf6be720834" title="Programming Language">
863
+ <span>蒋川</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 伪元素的 content 使用中文字符在某些浏览器可能会出现乱码：代码如下： {代码...} 解决方法首先，确认 charset 为 utf-8确保 HTML 的 META 属性设置为 charset=&#39;utf-8&#39;。经测试，还是会出现乱码。然后，将中文字...
867
+ 在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042075182" target="_blank" title="三步就能在OpenHarmony中实现车牌识别">三步就能在OpenHarmony中实现车牌识别</a>
876
+ <a href="https://segmentfault.com/a/1190000042098496" target="_blank" title="纯css实现自动显示“全文”链接">纯css实现自动显示“全文”链接</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>3</span>
887
+ <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
891
- <span>OpenHarmony社区</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/isabella_5b593d1fde470" title="Programming Language">
891
+ <span>Isabella</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...
895
+ 最近发现了一位大佬用纯css实现了自动显示“全文”链接的这样一个功能，用的方法挺巧妙的，于是我自己也试着实现了一下，借此来记录一下～功能效果文案较少时直接显示，文案较多时限制5行，显示省略号，然后再显示...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042085705" target="_blank" title="前端需要的免费在线api接口">前端需要的免费在线api接口</a>
904
+ <a href="https://segmentfault.com/a/1190000042087432" target="_blank" title="前端这两年的文章总结">前端这两年的文章总结</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>1</span>
915
+ <span>0</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
919
- <span>学习委员</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/lio_zero" title="Programming Language">
919
+ <span>lio_zero</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 回想当年刚接触前端，Ajax 真的碰一次就跪一次。当时不懂后端，不知道 api 是什么东东，也没有后端小伙伴写接口给我测试。本文整理了我用过的几个 免费的在线api接口，而且不需要处理跨域等问题。希望能给刚入门...
923
+ 这几天整理的一下过往的文章和笔记，备份到了 Github 上，地址👉 blog。如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~~ 👆我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042075611" target="_blank" title="像素级模仿，前yapi代码贡献者对apifox的公开信">像素级模仿，前yapi代码贡献者对apifox的公开信</a>
932
+ <a href="https://segmentfault.com/a/1190000042104429" target="_blank" title="Go 原生插件使用问题全解析">Go 原生插件使用问题全解析</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -943,12 +943,12 @@
943
943
  <span>1</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/kangkaidebinggun" title="Programming Language">
947
- <span>慷慨的冰棍</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/sofastack" title="Programming Language">
947
+ <span>SOFAStack</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 这段时间收到很多朋友发来的信息，说一款api管理服务工具apifox跟我们当时做的yapi很像，最近在全网推广，刚听到这个消息，我还挺意外的,毕竟当时我们做yapi是开源的。今天我闲来无事，下载他们的软件用了用，简...
951
+ 文｜丁飞（花名：路德 )蚂蚁集团高级工程师深耕于 SOFAMesh 产品的商业化落地 主要方向为基于服务网格技术的系统架构升级方案设计与落地本文 4394 字 阅读 10 分钟｜前言｜MOSN 作为蚂蚁集团在 ServiceMesh 解决...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042070629" target="_blank" title="基于OpenHarmony的智能金属探测器">基于OpenHarmony的智能金属探测器</a>
960
+ <a href="https://segmentfault.com/a/1190000042104608" target="_blank" title="网页长按保存及识别二维码">网页长按保存及识别二维码</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>3</span>
971
+ <span>1</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
975
- <span>OpenHarmony社区</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
975
+ <span>山头人汉波</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 智能金属探测器是基于 OpenAtom  OpenHarmony（以下简称“OpenHarmony”）操作系统，利用电磁感应原理来探测周围的金属物体。该样例采用多设备协同的方式，兼容 OpenHarmony 设备开发与应用开发，整个样例体现了 Op...
979
+ 网易哒哒的 H5 一向是业界精品，其中不少 H5 会成为爆款，能在朋友圈广泛流传的那种。同时，他们还写了一本很水的书——制造爆款：H5营销策划一本通，草草介绍了下各式各样的H5，但相关的技术文章却都没这么介绍，...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/7/12 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/15 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>