@wcj/github-rank 22.7.18 → 22.7.21

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 +54886 -54877
  2. package/dist/sifou-daily.json +61 -16
  3. package/dist/sifou-monthly.json +80 -80
  4. package/dist/sifou-weekly.json +163 -163
  5. package/dist/toutiao-30.json +103 -103
  6. package/dist/toutiao-7.json +126 -126
  7. package/dist/toutiao-90.json +33 -33
  8. package/dist/trending-daily.json +158 -158
  9. package/dist/trending-monthly.json +154 -154
  10. package/dist/trending-weekly.json +157 -157
  11. package/dist/users.china.json +2498 -2498
  12. package/dist/users.json +3637 -3638
  13. package/package.json +1 -1
  14. package/web/data/repos.json +54886 -54877
  15. package/web/data/sifou-daily.json +61 -16
  16. package/web/data/sifou-monthly.json +80 -80
  17. package/web/data/sifou-weekly.json +163 -163
  18. package/web/data/toutiao-30.json +103 -103
  19. package/web/data/toutiao-7.json +126 -126
  20. package/web/data/toutiao-90.json +33 -33
  21. package/web/data/trending-daily.json +158 -158
  22. package/web/data/trending-monthly.json +154 -154
  23. package/web/data/trending-weekly.json +157 -157
  24. package/web/data/users.china.json +2498 -2498
  25. package/web/data/users.json +3637 -3638
  26. package/web/index.html +1822 -1822
  27. package/web/repos.html +5154 -5154
  28. package/web/sifou-daily.html +155 -15
  29. package/web/sifou-monthly.html +95 -95
  30. package/web/sifou-weekly.html +143 -143
  31. package/web/toutiao-30.html +92 -92
  32. package/web/toutiao-7.html +83 -83
  33. package/web/toutiao-90.html +63 -63
  34. package/web/trending-monthly.html +132 -140
  35. package/web/trending-weekly.html +137 -137
  36. package/web/trending.html +140 -136
  37. package/web/users.china.html +1227 -1227
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/18 by
119
+ <div class="time">Last cache created on 2022/7/21 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/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
148
+ <a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>12</span>
159
+ <span>10</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
- <span>chokcoco</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
+ <span>XboxYan</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
167
+ 欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
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/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
176
+ <a href="https://segmentfault.com/a/1190000042184211" 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>14</span>
187
+ <span>9</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
195
+ 在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...
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/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
204
+ <a href="https://segmentfault.com/a/1190000042178486" target="_blank" title="冴羽答读者问：如何学习更有计划性、提升更稳更快？">冴羽答读者问：如何学习更有计划性、提升更稳更快？</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>9</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
- <span>chokcoco</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
219
+ <span>冴羽</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...
223
+ 算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...
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/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</a>
232
+ <a href="https://segmentfault.com/a/1190000042182672" target="_blank" title="这些年我开源的几个小项目">这些年我开源的几个小项目</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>5</span>
243
+ <span>4</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
247
- <span>程序员秋风</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
247
+ <span>街角小林</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。
251
+ 笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个star，不过也给我...
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/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
260
+ <a href="https://segmentfault.com/a/1190000042115197" target="_blank" title="无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离">无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>5</span>
271
+ <span>1</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
275
- <span>deepfunc</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
275
+ <span>葡萄城技术团队</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
279
+ 在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的&#34;混合开发&#34;模式下，前后端通常会部署到不同的服务器上，即便部...
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/1190000042092852" target="_blank" title="面试官：主说 Git Rebase 和 Git Merge 差异">面试官：主说 Git Rebase 和 Git Merge 差异</a>
288
+ <a href="https://segmentfault.com/a/1190000042111165" target="_blank" title="『你写的Promise, 是完美的吗?』">『你写的Promise, 是完美的吗?』</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>7</span>
299
+ <span>6</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
- <span>前端小智</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/zqbright" title="Programming Language">
303
+ <span>斑驳光影</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
307
+ 《手写 Promise》是一个经典的问题，基本上大家上手都可以按照自己的理解，写出来一个 promise, 有一天个朋友问我，&#34;手写 Promise 要写到什么程度才是合格的 ?&#34;, 这也引起了我的兴趣和思考, &#34;怎么样的 Promise ，...
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/1190000042103541" target="_blank" title="Redis 内存优化神技，小内存保存大数据">Redis 内存优化神技，小内存保存大数据</a>
316
+ <a href="https://segmentfault.com/a/1190000042112945" target="_blank" title="主流移动端组件库的对比和分析">主流移动端组件库的对比和分析</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>4</span>
327
+ <span>2</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
331
- <span>码哥字节</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
331
+ <span>京东设计中心JDC</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...
335
+ 随着前端的发展，组件库也是层出不穷，一个完善的组件库能极大提高开发效率，让开发者只需要专注于业务逻辑，而不需要考虑基础组件复用性、扩展性、稳定性的问题。面对众多的组件库，该如何进行选择呢？本篇将从...
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/1190000042115197" target="_blank" title="无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离">无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离</a>
344
+ <a href="https://segmentfault.com/a/1190000042112206" target="_blank" title="利用vue-3d-loader同时加载多个3D模型">利用vue-3d-loader同时加载多个3D模型</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>1</span>
355
+ <span>2</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
359
- <span>葡萄城技术团队</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/king2088" title="Programming Language">
359
+ <span>深夜徘徊</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的&#34;混合开发&#34;模式下，前后端通常会部署到不同的服务器上，即便部...
363
+ 众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply/.stl/.json的模型。
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/1190000042112945" target="_blank" title="主流移动端组件库的对比和分析">主流移动端组件库的对比和分析</a>
372
+ <a href="https://segmentfault.com/a/1190000042184347" target="_blank" title="可能改变前端工程化未来的特性：ESM Loader Hooks">可能改变前端工程化未来的特性：ESM Loader Hooks</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -383,12 +383,12 @@
383
383
  <span>2</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
387
- <span>京东设计中心JDC</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
387
+ <span>卡颂</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 随着前端的发展，组件库也是层出不穷，一个完善的组件库能极大提高开发效率，让开发者只需要专注于业务逻辑，而不需要考虑基础组件复用性、扩展性、稳定性的问题。面对众多的组件库，该如何进行选择呢？本篇将从...
391
+ 大家好，我卡颂。在最近发布的Node v18.6.0中，带来了一个试验特性ESM Loader Hooks API。如果他最终落地，很可能会成为改变前端工程化未来的特性。本文我们来聊聊他。欢迎加入人类高质量前端框架群，带飞本文参...
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -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/1190000042112206" target="_blank" title="利用vue-3d-loader同时加载多个3D模型">利用vue-3d-loader同时加载多个3D模型</a>
400
+ <a href="https://segmentfault.com/a/1190000042107671" target="_blank" title="记录一次 Online DDL 操作">记录一次 Online DDL 操作</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>2</span>
411
+ <span>1</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/king2088" title="Programming Language">
415
- <span>深夜徘徊</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/cindy_583d3583ae952" title="Programming Language">
415
+ <span>Cindy</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply/.stl/.json的模型。
419
+ 操作：alter table user add deleted boolean NOT NULL default false comment &#39;用户注销标识&#39; , algorithm=inplace, lock=none;
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/1190000042178486" target="_blank" title="冴羽答读者问：如何学习更有计划性、提升更稳更快？">冴羽答读者问：如何学习更有计划性、提升更稳更快？</a>
428
+ <a href="https://segmentfault.com/a/1190000042183220" target="_blank" title="Shopee在React Native 架构方面的探索">Shopee在React Native 架构方面的探索</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>3</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
443
- <span>冴羽</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
443
+ <span>xiangzhihong</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...
447
+ React Native（下文简称 RN）是混合应用领域流行的跨端开发框架。RN 非常适合灵活多变的电商领域业务，由于 RN 是基于客户端渲染的技术，所以相较于 H5 页面，它在用户体验方面有一定优势。
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/1190000042099343" target="_blank" title="go-zero微服务实战系列（九、极致优化秒杀性能）">go-zero微服务实战系列（九、极致优化秒杀性能）</a>
456
+ <a href="https://segmentfault.com/a/1190000042181979" target="_blank" title="[Hacker News 周报] Vite 3.0 发布；Bun 性能实测；性能更强的 Prometheus 替代方案">[Hacker News 周报] Vite 3.0 发布；Bun 性能实测；性能更强的 Prometheus 替代方案</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>1</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
471
- <span>kevinwan</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/aryu" title="Programming Language">
471
+ <span>aryu</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...
475
+ 00:12 Vite 发布3.0版本00:30 VictoriaMetrics｜Prometheus 的开源替代品01:02 对 Bun 和 Node.js 对比实测01:49 Cleanupphotos｜修图工具02:14 Vim 在线交互式学习平台02:36 推荐《PostgreSQL 14 Internals》一书
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/1190000042104271" target="_blank" title="SegmentFault 思否技术周刊 -- 这份 Webpack 有点料！">SegmentFault 思否技术周刊 -- 这份 Webpack 有点料！</a>
484
+ <a href="https://segmentfault.com/a/1190000042183244" target="_blank" title="Golang 非主流 打包静态资源方案">Golang 非主流 打包静态资源方案</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>2</span>
495
+ <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
499
- <span>Beverly</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
499
+ <span>小白要生发</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 从分析图中可以比较直观的看出，三个输出 bundle 文件中都包含了 m1.js 文件，这说明有重复的模块代码。splitChunks 的目的就是用来把重复的模块代码分离到单独的文件，以异步加载的方式来节省输出文件的体积。sp...
503
+ 说到往 Go 程序里面打包进其他非 *.go 资源，在 Go1.16 之前有 go-bindata 第三方开源支持。在 Go1.16 引入了新特性 embed，不依赖第三方就能嵌入静态资源权限。然而在项目中，以上两种方案我都没用，转而自研了...
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/1190000042094912" target="_blank" title="Go学习笔记-Zap日志">Go学习笔记-Zap日志</a>
512
+ <a href="https://segmentfault.com/a/1190000042180486" target="_blank" title="2022最新慕课网课程大全_完整无密_百度网盘分享">2022最新慕课网课程大全_完整无密_百度网盘分享</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>2</span>
523
+ <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
527
- <span>IT小马</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/xiaodaoge" title="Programming Language">
527
+ <span>小道哥</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。
531
+ 所有课程百分百高清，完整，原画，包含所有的 视频+素材+课件+源码，官方同步体验！所有课程格式 MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！目前已收录二十多家IT机构累计3000+课程，且在持续...
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/1190000042094414" target="_blank" title="电商商品系统的演进分析">电商商品系统的演进分析</a>
540
+ <a href="https://segmentfault.com/a/1190000042184813" target="_blank" title="Golang RPC （一）Go标准库的简单实现 介绍+使用">Golang RPC （一）Go标准库的简单实现 介绍+使用</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>3</span>
551
+ <span>2</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/helei112g" title="Programming Language">
555
- <span>大愚Talk</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
555
+ <span>LiberHome</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~
559
+ 在涉及RPC的应用中，作为开发人员一般至少有三种角色：首先是服务端实现RPC方法的开发人员，其次是客户端调用RPC方法的人员，最后也是最重要的是制定服务端和客户端RPC接口规范的设计人员。在前面的例子中我们为...
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/1190000042096697" target="_blank" title="记录遇到的一个循环依赖问题">记录遇到的一个循环依赖问题</a>
568
+ <a href="https://segmentfault.com/a/1190000042178536" target="_blank" title="JavaScript一键复制内容（document.execCommand原生JS设置剪贴板）">JavaScript一键复制内容（document.execCommand原生JS设置剪贴板）</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>3</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
583
- <span>weiewiyi</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
583
+ <span>TANKING</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 但是我在使用的时候却报了notifyService的循环依赖。NG0200: Circular dependency in DI detected for ThyNotifyService如图
587
+ 有时候为了方便用户快速复制页面的内容，一般的做法就是添加一个按钮给用户点击一下就复制下来了，这边使用JavaScript原生的方法进行设置剪贴板。
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/1190000042106889" target="_blank" title="html2canvas将指定区域导出为图片（js将div导出为图片）">html2canvas将指定区域导出为图片（js将div导出为图片）</a>
596
+ <a href="https://segmentfault.com/a/1190000042184829" target="_blank" title="千万不要把Request传递到异步线程里面！有坑！">千万不要把Request传递到异步线程里面！有坑！</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>2</span>
607
+ <span>3</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
611
- <span>TANKING</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
611
+ <span>why技术</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 如何使用JS截取HTML页面为图片呢，html2canvas.js这个插件可以轻松实现。这个原理很简单，就是html2canvas.js可以将当页面渲染成一个Canvas图片，然后保存下来即可。它不需要来自服务器任何渲染，整张图片都是在...
615
+ 你好哇，我是歪歪。前几天在网上冲浪的时候看到一篇技术文章，讲的是他把一个 request 请求传递到了线程池里面，然后遇到了一个匪夷所思的情况。他写了这篇文章，把自己针对这个问题的探索过程分享了出来：《spri...
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/1190000042105627" target="_blank" title="Vue 部署后强制客户端刷新获取最新的代码资源【纯前端】">Vue 部署后强制客户端刷新获取最新的代码资源【纯前端】</a>
624
+ <a href="https://segmentfault.com/a/1190000042188399" target="_blank" title="用原生的 JavaScript Intersection Observer API 实现 Lazy Loading">用原生的 JavaScript Intersection Observer API 实现 Lazy Loading</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>5</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/songxianling1992" title="Programming Language">
639
- <span>songxianling1992</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
639
+ <span>前端小智</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 背景：自己的项目修复了bug；但是客户端没有刷新浏览器；导致还是有bug的资源代码；出现了问题思路：结合Vue 部署后怎么强制客户端刷新获取最新的代码资源？里面的方案；分3步曲实现生产环境部署后资源刷新
643
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042111165" target="_blank" title="『你写的Promise, 是完美的吗?』">『你写的Promise, 是完美的吗?』</a>
652
+ <a href="https://segmentfault.com/a/1190000042114034" target="_blank" title="图扑 Web 可视化引擎在仿真分析领域的应用">图扑 Web 可视化引擎在仿真分析领域的应用</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>4</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/zqbright" title="Programming Language">
667
- <span>斑驳光影</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
667
+ <span>hightopo</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 《手写 Promise》是一个经典的问题，基本上大家上手都可以按照自己的理解，写出来一个 promise, 有一天个朋友问我，&#34;手写 Promise 要写到什么程度才是合格的 ?&#34;, 这也引起了我的兴趣和思考, &#34;怎么样的 Promise ，...
671
+ 在数字孪生和仿真研究过程中，会产生大量和三维空间相关的数值信息，比如设备外观的扫描数据、地形扫描数据、生产设备温度场/压力场、流体的速度场、流体扩散，以及各种仿真数据：速度，压力，应力，温度等。
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/1190000042094981" target="_blank" title="DNS 系列（二）：DNS 记录及工作方式，你了解吗？">DNS 系列（二）：DNS 记录及工作方式，你了解吗？</a>
680
+ <a href="https://segmentfault.com/a/1190000042183644" target="_blank" title="SpringBoot接口 - API接口有哪些不安全的因素？如何对接口进行签名？">SpringBoot接口 - API接口有哪些不安全的因素？如何对接口进行签名？</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>3</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
695
- <span>云叔_又拍云</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/pdai" title="Programming Language">
695
+ <span>pdai</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...
699
+ 在以SpringBoot开发后台API接口时，会存在哪些接口不安全的因素呢？通常如何去解决的呢？本文主要介绍API接口有不安全的因素以及常见的保证接口安全的方式，重点实践如何对接口进行签名。@pdai
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/1190000042104392" target="_blank" title="DNS 系列（三）：如何免受 DNS 欺骗的侵害">DNS 系列（三）：如何免受 DNS 欺骗的侵害</a>
708
+ <a href="https://segmentfault.com/a/1190000042177952" target="_blank" title="vue3 解决 ESLint 各类型错误">vue3 解决 ESLint 各类型错误</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -719,12 +719,12 @@
719
719
  <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
723
- <span>云叔_又拍云</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/xiaoniezi" title="Programming Language">
723
+ <span>Shyla</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...
727
+ 前期项目中忽略了 eslint 检查，导致一运行 npm run lint 出现两千多条错误(இдஇ; ) 造孽啊花了两三天搞完，做个错误汇总。
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/1190000042051566" target="_blank" title="围绕Vue 3 Composition API构建一个应用程序，包含一些最佳实践！">围绕Vue 3 Composition API构建一个应用程序，包含一些最佳实践！</a>
736
+ <a href="https://segmentfault.com/a/1190000042183733" target="_blank" title="【分享】从Mybatis源码中，学习到的10种设计模式">【分享】从Mybatis源码中，学习到的10种设计模式</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -747,12 +747,12 @@
747
747
  <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
751
- <span>前端小智</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
751
+ <span>小傅哥</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
755
+ 你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。
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/1190000042104608" target="_blank" title="网页长按保存及识别二维码">网页长按保存及识别二维码</a>
764
+ <a href="https://segmentfault.com/a/1190000042184293" target="_blank" title="工程效能CI/CD之流水线引擎的建设实践">工程效能CI/CD之流水线引擎的建设实践</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -775,12 +775,12 @@
775
775
  <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
779
- <span>山头人汉波</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
779
+ <span>美团技术团队</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 网易哒哒的 H5 一向是业界精品，其中不少 H5 会成为爆款，能在朋友圈广泛流传的那种。同时，他们还写了一本很水的书——制造爆款：H5营销策划一本通，草草介绍了下各式各样的H5，但相关的技术文章却都没这么介绍，...
783
+ 经过近3年的建设打磨，美团流水线引擎完成了服务端的基建统一，每日支撑近十万次的流水线执行量，系统成功率保持在99.99%以上。本文主要介绍在自研引擎建设层面遇到的挑战以及解决方案。
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/1190000042092948" target="_blank" title="精读《MinusOne, PickByType, StartsWith...》">精读《MinusOne, PickByType, StartsWith...》</a>
792
+ <a href="https://segmentfault.com/a/1190000042178445" target="_blank" title="vscode 解析——如何维护海量模块依赖关系(二)">vscode 解析——如何维护海量模块依赖关系(二)</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/aoyangyudakong" title="Programming Language">
807
- <span>黄子毅</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/flywang" title="Programming Language">
807
+ <span>混沌福王</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 [&#39;length&#39;] 访问数组长度，几乎所有数字计算都是通过它推导出来的。
811
+ 前言上次我们解释了 vscode 这种大型项目设计依赖注入管理海量的模块有什么好处。也提到了 DI 必须有这样一种机制：1、模块与模块之间的无源码依赖（这里的模块主要指类）2、只依赖接口/抽象，不依赖具体实现3、...
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/1190000042101414" target="_blank" title="React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发">React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发</a>
820
+ <a href="https://segmentfault.com/a/1190000042112503" target="_blank" title="go-zero微服务实战系列（十一、大结局）">go-zero微服务实战系列（十一、大结局）</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jiangchuan_5ecf6be720834" title="Programming Language">
835
- <span>蒋川</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
835
+ <span>kevinwan</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实...
839
+ 本篇是整个系列的最后一篇了，本来打算在系列的最后一两篇写一下关于k8s部署相关的内容，在构思的过程中觉得自己对k8s知识的掌握还很不足，在自己没有理解掌握的前提下我觉得也很难写出自己满意的文章，大家看了...
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/1190000042099882" target="_blank" title="分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择">分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择</a>
848
+ <a href="https://segmentfault.com/a/1190000042186883" target="_blank" title="「原理篇」你真的了解 React18 的并发吗？">「原理篇」你真的了解 React18 的并发吗？</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>2</span>
859
+ <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
863
- <span>CoderW</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/qifengliao_5e7f5b20ee3bd" title="Programming Language">
863
+ <span>起风了</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 曾几何时，“并发高就分库，数据大就分表”已经成了处理 MySQL 数据增长问题的圣经。面试官喜欢问，博主喜欢写，候选人也喜欢背，似乎已经形成了一个闭环。但你有没有思考过，_分库分表真的适合你的系统吗？_分表在...
867
+ 前阵子，打磨已久的React18终于正式发布，其中最重要的一个更新就是并发（concurrency）。其他的新特性如Suspense、useTransition、useDeferredValue 的内部原理都是基于并发的，可想而知在这次更新中并发的重要性。
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/1190000042114034" target="_blank" title="图扑 Web 可视化引擎在仿真分析领域的应用">图扑 Web 可视化引擎在仿真分析领域的应用</a>
876
+ <a href="https://segmentfault.com/a/1190000042114347" target="_blank" title="web-compiler：mvvm 的实现思路">web-compiler：mvvm 的实现思路</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -887,12 +887,12 @@
887
887
  <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
891
- <span>hightopo</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/yangrd" title="Programming Language">
891
+ <span>yangrd</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 在数字孪生和仿真研究过程中，会产生大量和三维空间相关的数值信息，比如设备外观的扫描数据、地形扫描数据、生产设备温度场/压力场、流体的速度场、流体扩散，以及各种仿真数据：速度，压力，应力，温度等。
895
+ 然后想了一下Svelte 组件 大体思路定义一套dsl,然后通过Svelte编译成js css 代码，html对应的dom通过js生成。顺着这个思路写了一个最小化的 mvvm 的示例
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/1190000042104429" target="_blank" title="Go 原生插件使用问题全解析">Go 原生插件使用问题全解析</a>
904
+ <a href="https://segmentfault.com/a/1190000042192378" target="_blank" title="我有 7种 实现web实时消息推送的方案，7种！">我有 7种 实现web实时消息推送的方案，7种！</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>5</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/sofastack" title="Programming Language">
919
- <span>SOFAStack</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
919
+ <span>程序员小富</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 文｜丁飞（花名：路德 )蚂蚁集团高级工程师深耕于 SOFAMesh 产品的商业化落地 主要方向为基于服务网格技术的系统架构升级方案设计与落地本文 4394 字 阅读 10 分钟｜前言｜MOSN 作为蚂蚁集团在 ServiceMesh 解决...
923
+ 技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...
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/1190000042112503" target="_blank" title="go-zero微服务实战系列（十一、大结局）">go-zero微服务实战系列（十一、大结局）</a>
932
+ <a href="https://segmentfault.com/a/1190000042113338" 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/kevinwan" title="Programming Language">
947
- <span>kevinwan</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/portal_qiniu_com" title="Programming Language">
947
+ <span>七牛云</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 本篇是整个系列的最后一篇了，本来打算在系列的最后一两篇写一下关于k8s部署相关的内容，在构思的过程中觉得自己对k8s知识的掌握还很不足，在自己没有理解掌握的前提下我觉得也很难写出自己满意的文章，大家看了...
951
+ 7 月 10 日，一年一度的 ECUG Con 2022 在线上圆满举行。许式伟作为七牛云 CEO、ECUG 社区发起人、Go+ 语言发明人，为大家来带了《Go+ 演进之路》的主题演讲。以下内容根据演讲实录整理。 大家好，欢迎来到 ECUG ...
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/1190000042178445" target="_blank" title="vscode 解析——如何维护海量模块依赖关系(二)">vscode 解析——如何维护海量模块依赖关系(二)</a>
960
+ <a href="https://segmentfault.com/a/1190000042182016" target="_blank" title="基于CSS mask-image 实现炫酷图片过渡效果之星球大战">基于CSS mask-image 实现炫酷图片过渡效果之星球大战</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>1</span>
971
+ <span>3</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/flywang" title="Programming Language">
975
- <span>混沌福王</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
975
+ <span>南城大前端</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 前言上次我们解释了 vscode 这种大型项目设计依赖注入管理海量的模块有什么好处。也提到了 DI 必须有这样一种机制：1、模块与模块之间的无源码依赖（这里的模块主要指类）2、只依赖接口/抽象，不依赖具体实现3、...
979
+ 在给公司开发官网的过程中，会有涉及到一些图片的鼠标悬停效果，鼠标悬停后会改变原图，单纯的渐隐渐现，放大缩小，左右平移已经满足不了产品经理期望了，总觉得不够惊艳，创意不够。其实作为一个开发者，也不会...
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/18 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/21 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>