@wcj/github-rank 22.3.15 → 22.3.18

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 +33576 -33558
  2. package/dist/sifou-daily.json +87 -96
  3. package/dist/sifou-monthly.json +70 -70
  4. package/dist/sifou-weekly.json +166 -166
  5. package/dist/toutiao-30.json +77 -77
  6. package/dist/toutiao-7.json +108 -108
  7. package/dist/toutiao-90.json +51 -51
  8. package/dist/trending-daily.json +170 -170
  9. package/dist/trending-monthly.json +163 -163
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +2664 -2666
  12. package/dist/users.json +3716 -3716
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33576 -33558
  16. package/web/data/sifou-daily.json +87 -96
  17. package/web/data/sifou-monthly.json +70 -70
  18. package/web/data/sifou-weekly.json +166 -166
  19. package/web/data/toutiao-30.json +77 -77
  20. package/web/data/toutiao-7.json +108 -108
  21. package/web/data/toutiao-90.json +51 -51
  22. package/web/data/trending-daily.json +170 -170
  23. package/web/data/trending-monthly.json +163 -163
  24. package/web/data/trending-weekly.json +161 -161
  25. package/web/data/users.china.json +2664 -2666
  26. package/web/data/users.json +3716 -3716
  27. package/web/index.html +1854 -1854
  28. package/web/repos.html +4081 -4077
  29. package/web/sifou-daily.html +72 -100
  30. package/web/sifou-monthly.html +77 -77
  31. package/web/sifou-weekly.html +143 -143
  32. package/web/toutiao-30.html +77 -77
  33. package/web/toutiao-7.html +80 -80
  34. package/web/toutiao-90.html +49 -49
  35. package/web/trending-monthly.html +142 -142
  36. package/web/trending-weekly.html +146 -134
  37. package/web/trending.html +147 -147
  38. package/web/users.china.html +1510 -1510
package/web/sifou-weekly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/3/15 by
97
+ <div class="time">Last cache created on 2022/3/18 by
98
98
 
99
99
 
100
100
 
@@ -125,7 +125,7 @@
125
125
  <div class="info">
126
126
  <div class="rank">
127
127
  <span title="Ranking 1">1</span>
128
- <a href="https://segmentfault.com/a/1190000041517764" target="_blank" title="音视频通信加餐 —— WebRTC一肝到底">音视频通信加餐 —— WebRTC一肝到底</a>
128
+ <a href="https://segmentfault.com/a/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
129
129
  </div>
130
130
  <div class="sub-title followers">
131
131
 
@@ -136,15 +136,15 @@
136
136
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
137
137
  </g>
138
138
  </svg>
139
- <span>28</span>
139
+ <span>27</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
143
- <span>杨成功</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
143
+ <span>lulu_up</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。
147
+ 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
148
148
  </div>
149
149
  </div>
150
150
  </li>
@@ -153,7 +153,7 @@
153
153
  <div class="info">
154
154
  <div class="rank">
155
155
  <span title="Ranking 2">2</span>
156
- <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
156
+ <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
164
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
165
165
  </g>
166
166
  </svg>
167
- <span>12</span>
167
+ <span>20</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
171
- <span>煎鱼</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
171
+ <span>程序猿阿朗</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
175
+ 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041524121" target="_blank" title="Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化">Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化</a>
184
+ <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -192,15 +192,15 @@
192
192
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
193
193
  </g>
194
194
  </svg>
195
- <span>12</span>
195
+ <span>15</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
199
- <span>linong</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
199
+ <span>MangoGoing</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。
203
+ !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
204
204
  </div>
205
205
  </div>
206
206
  </li>
@@ -209,7 +209,7 @@
209
209
  <div class="info">
210
210
  <div class="rank">
211
211
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041529352" target="_blank" title="对不起，今天该发的微软认证推文，我们没写">对不起，今天该发的微软认证推文，我们没写</a>
212
+ <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
213
213
  </div>
214
214
  <div class="sub-title followers">
215
215
 
@@ -220,15 +220,15 @@
220
220
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
221
221
  </g>
222
222
  </svg>
223
- <span>5</span>
223
+ <span>10</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
227
- <span>snakesss</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
227
+ <span>Shenfq</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 是的，今天是 3 月 10 日，农历二月初八（距离周五还有一天，距离下个法定节假日“清明节”还有 23 天，摸鱼人，支棱起来！）本来要写的微软认证课程宣传软文早就安排下来了，但在种种因素的作用下（没错，你没想错...
231
+ 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -237,7 +237,7 @@
237
237
  <div class="info">
238
238
  <div class="rank">
239
239
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
240
+ <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="如何写一份好的前端面试简历?">如何写一份好的前端面试简历?</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -251,12 +251,12 @@
251
251
  <span>10</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
255
- <span>MangoGoing</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
255
+ <span>wscats</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
259
+ 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041517240" target="_blank" title="使用Three.js实现神奇的3D文字悬浮效果">使用Three.js实现神奇的3D文字悬浮效果</a>
268
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
276
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
277
277
  </g>
278
278
  </svg>
279
- <span>8</span>
279
+ <span>12</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
283
- <span>dragonir</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
283
+ <span>chokcoco</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...
287
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041517672" target="_blank" title="阿里云服务器 ECS 选购指南">阿里云服务器 ECS 选购指南</a>
296
+ <a href="https://segmentfault.com/a/1190000041536596" target="_blank" title="一道面试题牵出12个前端硬核知识点，你能答出几个？">一道面试题牵出12个前端硬核知识点，你能答出几个？</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
304
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
305
305
  </g>
306
306
  </svg>
307
- <span>2</span>
307
+ <span>9</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/iruochen" title="Programming Language">
311
- <span>若尘</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
311
+ <span>执鸢者</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 在回答这个问题之前，我们先来了解一下这几个参数都是什么意思核就是CPU的核心数(中央处理器（英语：CentralProcessingUnit，缩写：CPU）是计算机的主要设备 之一，功能主要是解释计算机指令以及处理计算机软件中...
315
+ 一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041515931" target="_blank" title="Taro cli流程和插件化机制实现原理">Taro cli流程和插件化机制实现原理</a>
324
+ <a href="https://segmentfault.com/a/1190000041536375" target="_blank" title="线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形">线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -332,15 +332,15 @@
332
332
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
333
333
  </g>
334
334
  </svg>
335
- <span>6</span>
335
+ <span>8</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
339
- <span>MangoGoing</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
339
+ <span>而井</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 自 2.2 开始，Taro 引入了插件化机制，目的是为了让开发者能够通过编写插件的方式来为 Taro 拓展更多功能或为自身业务定制个性化功能。
343
+ 看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -349,7 +349,7 @@
349
349
  <div class="info">
350
350
  <div class="rank">
351
351
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041536375" target="_blank" title="线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形">线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形</a>
352
+ <a href="https://segmentfault.com/a/1190000041543041" target="_blank" title="观察者模式与发布订阅模式区别 - JS">观察者模式与发布订阅模式区别 - JS</a>
353
353
  </div>
354
354
  <div class="sub-title followers">
355
355
 
@@ -360,15 +360,15 @@
360
360
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
361
361
  </g>
362
362
  </svg>
363
- <span>7</span>
363
+ <span>5</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
367
- <span>而井</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
367
+ <span>时倾</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？
371
+ 在观察者模式中，只有两种主体：目标对象 (Subject) 和 观察者 (Observer)。在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等，而 Observer 对象拥有 update 更新方法等。在 Subject ...
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -377,7 +377,7 @@
377
377
  <div class="info">
378
378
  <div class="rank">
379
379
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041522132" target="_blank" title="被盗4900万，互联网巨头竟败给“小学生”">被盗4900万，互联网巨头竟败给“小学生”</a>
380
+ <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季征文活动丨如何“反杀”面试官？">招聘季征文活动丨如何“反杀”面试官？</a>
381
381
  </div>
382
382
  <div class="sub-title followers">
383
383
 
@@ -388,15 +388,15 @@
388
388
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
389
389
  </g>
390
390
  </svg>
391
- <span>4</span>
391
+ <span>7</span>
392
392
  </span>
393
393
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/qinjianxiang" title="Programming Language">
395
- <span>qinjianxiang</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
395
+ <span>SegmentFault思否</span>
396
396
  </a>
397
397
  </div>
398
398
  <div class="details">
399
- 《那些年，互联网巨头犯过的低级错误》第二集来啦，有请我的同事小亮，一个浙大毕业造无人机的小哥哥，给大家讲讲小学生黑掉百度外卖4900万的故事。
399
+ 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
400
400
  </div>
401
401
  </div>
402
402
  </li>
@@ -405,7 +405,7 @@
405
405
  <div class="info">
406
406
  <div class="rank">
407
407
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041528595" target="_blank" title="VuePress 博客之 SEO 优化（四） Open Graph protocol">VuePress 博客之 SEO 优化（四） Open Graph protocol</a>
408
+ <a href="https://segmentfault.com/a/1190000041555032" target="_blank" title="由 Figma 封停大疆，看国产 IDE 如何应对与突围？">由 Figma 封停大疆，看国产 IDE 如何应对与突围？</a>
409
409
  </div>
410
410
  <div class="sub-title followers">
411
411
 
@@ -419,12 +419,12 @@
419
419
  <span>4</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
423
- <span>冴羽</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/baihai_idp" title="Programming Language">
423
+ <span>Baihai_IDP</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否...
427
+ 3 月 12 日，UI 设计协作工具软件 Figma 封停大疆，中国企业使用国际软件的不确定性加剧。UI 设计工具的禁用是否只是开端？目前被国际软件和开源工具垄断的 IDE(集成开发环境)是否将成为下一个封停对象？
428
428
  </div>
429
429
  </div>
430
430
  </li>
@@ -433,7 +433,7 @@
433
433
  <div class="info">
434
434
  <div class="rank">
435
435
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041518109" target="_blank" title="30 个极大提高开发效率超级实用的 VSCode 插件">30 个极大提高开发效率超级实用的 VSCode 插件</a>
436
+ <a href="https://segmentfault.com/a/1190000041545178" target="_blank" title="petite-vue源码剖析-双向绑定`v-model`的工作原理">petite-vue源码剖析-双向绑定`v-model`的工作原理</a>
437
437
  </div>
438
438
  <div class="sub-title followers">
439
439
 
@@ -444,15 +444,15 @@
444
444
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
445
445
  </g>
446
446
  </svg>
447
- <span>5</span>
447
+ <span>4</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
451
- <span>wscats</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/fsjohnhuang" title="Programming Language">
451
+ <span>肥仔John</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...
455
+ 双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...
456
456
  </div>
457
457
  </div>
458
458
  </li>
@@ -461,7 +461,7 @@
461
461
  <div class="info">
462
462
  <div class="rank">
463
463
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041499499" target="_blank" title="27个精美的时间线(含源代码)">27个精美的时间线(含源代码)</a>
464
+ <a href="https://segmentfault.com/a/1190000041542386" target="_blank" title="null 和 undefined 的区别！">null 和 undefined 的区别！</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -489,7 +489,7 @@
489
489
  <div class="info">
490
490
  <div class="rank">
491
491
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041517100" target="_blank" title="读Flink源码谈设计：FileSystemConnector中的整洁架构">读Flink源码谈设计：FileSystemConnector中的整洁架构</a>
492
+ <a href="https://segmentfault.com/a/1190000041551724" target="_blank" title="（交作业啦！！！）html5学习笔记🐷">（交作业啦！！！）html5学习笔记🐷</a>
493
493
  </div>
494
494
  <div class="sub-title followers">
495
495
 
@@ -500,15 +500,15 @@
500
500
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
501
501
  </g>
502
502
  </svg>
503
- <span>3</span>
503
+ <span>8</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/camile" title="Programming Language">
507
- <span>泊浮目</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
507
+ <span>不会写代码的小白</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 前阵子在生产上碰到了一个诡异现象：全量作业无法正常进行，日志中充斥着java.util.concurrent.TimeoutException: Heartbeat of TaskManager with id container xxxx(HOSTNAME:PORT) timed out的报错。
511
+ 由于前段时间比较忙（忙着相亲）所以很久都没有更新文章，也没有认真学习啦！导致我的老师都来质问我，所以今天要做个检讨了😭嘿嘿嘿，是不是有一种上高中的时候被老师催着交作业的感觉！！！
512
512
  </div>
513
513
  </div>
514
514
  </li>
@@ -517,7 +517,7 @@
517
517
  <div class="info">
518
518
  <div class="rank">
519
519
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041528313" target="_blank" title="5分钟学会 gRPC">5分钟学会 gRPC</a>
520
+ <a href="https://segmentfault.com/a/1190000041557477" target="_blank" title="从数据集中随机抽取一定数量的数据">从数据集中随机抽取一定数量的数据</a>
521
521
  </div>
522
522
  <div class="sub-title followers">
523
523
 
@@ -528,15 +528,15 @@
528
528
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
529
529
  </g>
530
530
  </svg>
531
- <span>5</span>
531
+ <span>4</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
535
- <span>crossoverJie</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
535
+ <span>边城</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- 我猜测大部分长期使用 Java 的开发者应该较少会接触 gRPC，毕竟在 Java 圈子里大部分使用的还是 Dubbo/SpringClound 这两类服务框架。
539
+ 今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。
540
540
  </div>
541
541
  </div>
542
542
  </li>
@@ -545,7 +545,7 @@
545
545
  <div class="info">
546
546
  <div class="rank">
547
547
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041515367" target="_blank" title="@Async的用法和示例">@Async的用法和示例</a>
548
+ <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -559,12 +559,12 @@
559
559
  <span>4</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
563
- <span>雄狮虎豹</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
563
+ <span>前端私教年年</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 通常，在Java中的方法调用都是同步调用，比如在A方法中调用了B方法，则在A调用B方法之后，必须等待B方法执行并返回后，A方法才可以继续往下执行。这样容易出现的一个问题就是如果B方法执行时间较长，则可能会导致...
567
+ 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
568
568
  </div>
569
569
  </div>
570
570
  </li>
@@ -573,7 +573,7 @@
573
573
  <div class="info">
574
574
  <div class="rank">
575
575
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041519275" target="_blank" title="实时增量学习在云音乐直播推荐系统中的实践">实时增量学习在云音乐直播推荐系统中的实践</a>
576
+ <a href="https://segmentfault.com/a/1190000041543121" target="_blank" title="巧用 CSS 构建渐变彩色二维码">巧用 CSS 构建渐变彩色二维码</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -584,15 +584,15 @@
584
584
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
585
585
  </g>
586
586
  </svg>
587
- <span>3</span>
587
+ <span>4</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
591
- <span>云音乐技术团队</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
591
+ <span>chokcoco</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 直播推荐业务是嵌入在云音乐 APP 中各个地方，其中就包括最大的几个场景歌曲播放页的直播模块、混合在评论中的评论页直播以及云音乐首页的首页六卡直播。 如下图所示，图 1.1 即为播放页上的直播模块；图 1.2 是...
595
+ 很有意思的问题，我们在百度谷歌，搜索 qrcode，能搜到非常多在线制作二维码的工具，它们其中一些也会带有制作渐变二维码的功能。但是它们大部分都是 Canvas 或者其它编程语言实现的。
596
596
  </div>
597
597
  </div>
598
598
  </li>
@@ -601,7 +601,7 @@
601
601
  <div class="info">
602
602
  <div class="rank">
603
603
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041518997" target="_blank" title="实现同比、环比计算的N种姿势">实现同比、环比计算的N种姿势</a>
604
+ <a href="https://segmentfault.com/a/1190000041542058" target="_blank" title="走进开源项目 - urlcat 源码分析">走进开源项目 - urlcat 源码分析</a>
605
605
  </div>
606
606
  <div class="sub-title followers">
607
607
 
@@ -615,12 +615,12 @@
615
615
  <span>3</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
619
- <span>葡萄城技术团队</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
619
+ <span>robin</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 在做数据分析时，我们会经常听到同比、环比同比的概念。各个企业和组织在发布统计数据时，通常喜欢用同比、环比来和之前的历史数据进行比较，用来说明数据的变化情况。例如，统计局公布2022年1月份CPI同比增长0.9...
623
+ 该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -629,7 +629,7 @@
629
629
  <div class="info">
630
630
  <div class="rank">
631
631
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041510904" target="_blank" title="Dubbo服务如何优雅的校验参数">Dubbo服务如何优雅的校验参数</a>
632
+ <a href="https://segmentfault.com/a/1190000041538256" target="_blank" title="如何在 JavaScript 中实现 Event Bus（事件总线）">如何在 JavaScript 中实现 Event Bus（事件总线）</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -640,15 +640,15 @@
640
640
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
641
641
  </g>
642
642
  </svg>
643
- <span>3</span>
643
+ <span>4</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
647
- <span>vivo互联网技术</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
647
+ <span>Dushusir</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 服务端在向外提供接口服务时，不管是对前端提供HTTP接口，还是面向内部其他服务端提供的RPC接口，常常会面对这样一个问题，就是如何优雅的解决各种接口参数校验问题？
651
+ Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。
652
652
  </div>
653
653
  </div>
654
654
  </li>
@@ -657,7 +657,7 @@
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041512808" target="_blank" title="3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！">3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！</a>
660
+ <a href="https://segmentfault.com/a/1190000041542396" target="_blank" title="浅谈VueUse设计与实现">浅谈VueUse设计与实现</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -668,15 +668,15 @@
668
668
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
669
669
  </g>
670
670
  </svg>
671
- <span>1</span>
671
+ <span>3</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/getui" title="Programming Language">
675
- <span>个推</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
675
+ <span>null仔</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 女神节 快乐呀，Girls！在互联网世界，有这样一群宝藏女孩，她们被亲切地称为“程序媛”。她们写得好代码，玩得转美妆，工作上进，学习努力~今天，就带大家认识一下个推的女程序员们，走进#个推程序媛的一天#
679
+ 前言大家好,我是webfansplz.首先跟大家分享一个好消息,我加入VueUse团队啦,感谢@antfu的邀请,很开心成为团队的一员.今天跟大家聊聊VueUse的设计与实现.介绍大家都知道Vue3引入了组合式API,大大提升了逻辑复用能力...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041491918" target="_blank" title="你不知道的JavaScript中的5个JSON秘密功能">你不知道的JavaScript中的5个JSON秘密功能</a>
688
+ <a href="https://segmentfault.com/a/1190000041554419" target="_blank" title="写给后端开发工程师的H5前端开发知识">写给后端开发工程师的H5前端开发知识</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
696
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
697
697
  </g>
698
698
  </svg>
699
- <span>4</span>
699
+ <span>3</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
703
- <span>前端小智</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
703
+ <span>得物技术</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
707
+ web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
716
+ <a href="https://segmentfault.com/a/1190000041531553" target="_blank" title="React内部的性能优化没有达到极致？">React内部的性能优化没有达到极致？</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
724
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
725
725
  </g>
726
726
  </svg>
727
- <span>6</span>
727
+ <span>4</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
731
- <span>Shenfq</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
731
+ <span>卡颂</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
735
+ 大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -741,7 +741,7 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041536596" target="_blank" title="一道面试题牵出12个前端硬核知识点，你能答出几个？">一道面试题牵出12个前端硬核知识点，你能答出几个？</a>
744
+ <a href="https://segmentfault.com/a/1190000041545050" target="_blank" title="网易云音乐低代码体系建设思考与实践">网易云音乐低代码体系建设思考与实践</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -752,15 +752,15 @@
752
752
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
753
753
  </g>
754
754
  </svg>
755
- <span>6</span>
755
+ <span>4</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
759
- <span>执鸢者</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
759
+ <span>云音乐技术团队</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...
763
+ 本文主要谈一谈网易云音乐大前端团队在面向模式化研发场景的低代码体系的建设思考和实践。本文将会从当前我们所面临的业务研发问题出发，谈一谈我们对于构建低代码研发体系的思考，进而介绍我们正在构建的同时支...
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041510557" target="_blank" title="注解打印日志和数据链路追踪">注解打印日志和数据链路追踪</a>
772
+ <a href="https://segmentfault.com/a/1190000041543171" target="_blank" title="CSS 美化滑动输入条 input range">CSS 美化滑动输入条 input range</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
780
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
781
781
  </g>
782
782
  </svg>
783
- <span>2</span>
783
+ <span>6</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
787
- <span>Java3y</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
787
+ <span>XboxYan</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 今天来聊些大家都用得上的东西：数据链路追踪。之前引入了系统的监控来快速定位应用操作系统上的问题，而业务问题呢？在这篇文章中你可以看到用注解的方式打印日志，也能看到简易版的全链路追踪是怎么实现的。
791
+ 欢迎关注我的公众号：前端侦探关于原生 input range 滑动输入条如何自定义样式一直都是我心里的一道坎，一般情况下，可以很轻易的美化到这个程度为什么很容易呢？因为这些都是有对应的伪元素可以修改的 {代码...}...
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041533456" target="_blank" title="VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据">VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据</a>
800
+ <a href="https://segmentfault.com/a/1190000041549758" target="_blank" title="我在 ONES 等你 ｜ 宝藏公司技术招聘">我在 ONES 等你 ｜ 宝藏公司技术招聘</a>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
808
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
809
809
  </g>
810
810
  </svg>
811
- <span>3</span>
811
+ <span>2</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
815
- <span>冴羽</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
815
+ <span>万事ONES</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...
819
+ 主讲人简介ONES 联合创始人兼 CTO 冯斌曾任职于金山软件网易邮箱、正点科技；CSM、DevOps Master、KMP、PMI-ACP、系统分析师中国信息通信研究院《研发运营一体化（DevOps）能力成熟度模型》 编写专家《研发运营一...
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041523394" target="_blank" title="扑克牌速算24 -穷举（JavaScript）">扑克牌速算24 -穷举（JavaScript）</a>
828
+ <a href="https://segmentfault.com/a/1190000041533456" target="_blank" title="VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据">VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
836
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
837
837
  </g>
838
838
  </svg>
839
- <span>2</span>
839
+ <span>3</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
843
- <span>叫我詹躲躲</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
843
+ <span>冴羽</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 要求：提交算法思路即可。思路：先分析一下穷举包含多少种情况：1、操作数。由于是给定的4张牌，所以把这个4张牌进行全排列，共有：24种2、运算符。4个数之间有3个运算符，每个运算符有4种选择，共有：64种3、运...
847
+ 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -853,7 +853,7 @@
853
853
  <div class="info">
854
854
  <div class="rank">
855
855
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041524501" target="_blank" title="Sentry搭建流程（前端vue接入）">Sentry搭建流程（前端vue接入）</a>
856
+ <a href="https://segmentfault.com/a/1190000041547589" target="_blank" title="JZ-072-礼物的最大价值">JZ-072-礼物的最大价值</a>
857
857
  </div>
858
858
  <div class="sub-title followers">
859
859
 
@@ -864,15 +864,15 @@
864
864
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
865
865
  </g>
866
866
  </svg>
867
- <span>3</span>
867
+ <span>4</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/songxianling1992" title="Programming Language">
871
- <span>songxianling1992</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
871
+ <span>雄狮虎豹</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 一、背景&amp;&amp;作用异常监控系统收集异常收集日志信息；接口时长信息及时警告；发送邮件展示统计信息code review成本高；有时候只能发现语法或者代码风格问题；对于逻辑业务问题没有过多的时间深读兼容性问题不好测试...
875
+ 在一个 m*n 的棋盘的每一个格都放有一个礼物，每个礼物都有一定价值（大于 0）。从左上角开始拿礼物，每次向右或向下移动一格，直到右下角结束。给定一个棋盘，求拿到礼物的最大价值。例如，对于如下棋盘1 10 3 8...
876
876
  </div>
877
877
  </div>
878
878
  </li>
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041517623" target="_blank" title="别再问WiFi密码了，HMS Core统一扫码服务让手机一键联网">别再问WiFi密码了，HMS Core统一扫码服务让手机一键联网</a>
884
+ <a href="https://segmentfault.com/a/1190000041538428" target="_blank" title="LeetCode刷题笔记：数组中重复的数据">LeetCode刷题笔记：数组中重复的数据</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
892
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
893
893
  </g>
894
894
  </svg>
895
- <span>0</span>
895
+ <span>4</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
899
- <span>HMSCore</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
899
+ <span>Dushusir</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 现代生活离不开网络。在餐厅、商场等公共场所，手机连接WiFi一直是高频使用场景。虽然公共场所的免费WiFi越来越多，但网络连接过程却很麻烦。有的需要打开网页注册或点击广告链接才能上网，还有的要求下载特定App...
903
+ 给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041511863" target="_blank" title="大数斐波那契数列的算法">大数斐波那契数列的算法</a>
912
+ <a href="https://segmentfault.com/a/1190000041549456" target="_blank" title="使用 Rancher 进行首次金丝雀部署">使用 Rancher 进行首次金丝雀部署</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -923,12 +923,12 @@
923
923
  <span>2</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/church" title="Programming Language">
927
- <span>church</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/rancher" title="Programming Language">
927
+ <span>Rancher</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 斐波那契数列简单版: {代码...} n小于10，性能尚可。n取大数，使用时间飙升。优化一下，空间换时间，已经计算出结果的存在数组里，复用。 {代码...} 现在性能是够了，但是如果n取的数特别大，超出整型或浮点型的...
931
+ 过去，可怜的金丝雀会作为试验品，用来测试煤矿中甲烷的含量。用绳子将装有金丝雀的笼子放入矿井一段时间，再拉上来，如果金丝雀还活着，矿井就可以安全开采；如果金丝雀死亡，则不能开采。现在，这种方法早已弃...
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041515588" target="_blank" title="VuePress 博客之 SEO 优化（二）之重定向">VuePress 博客之 SEO 优化（二）之重定向</a>
940
+ <a href="https://segmentfault.com/a/1190000041543599" target="_blank" title="[live streaming] CG&amp;WebGL&amp;Threejs知识以及学习思维分享。">[live streaming] CG&amp;WebGL&amp;Threejs知识以及学习思维分享。</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
948
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
949
949
  </g>
950
950
  </svg>
951
- <span>2</span>
951
+ <span>3</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
955
- <span>冴羽</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
955
+ <span>wlove</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 与重定向。问题最一开始我使用 GitHub Pages 服务建立了站...
959
+ 对于一次直播分享的文字版记录 (建议看视频), 视频云盘链接 全篇主要分为几个方向进行了介绍:Computer Graphics相关WebGL相关Threejs相关Q&amp;A 暂不记录注意下述内容与直播内容可能稍微存在差异。Computer Graphics...
960
960
  </div>
961
961
  </div>
962
962
  </li>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/3/15 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/18 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>