@wcj/github-rank 22.3.23 → 22.3.24

package/web/data/sifou-daily.json

@@ -1,137 +1,218 @@
 [
   {
-    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
-    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
-    "url": "https://segmentfault.com/a/1190000041586984",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "7",
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "Three.js 火焰效果实现艾尔登法环动态logo 🔥",
-    "description": "《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...",
-    "url": "https://segmentfault.com/a/1190000041585906",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
+    "title": "Golang 常见设计模式之装饰模式",
+    "description": "想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...",
+    "url": "https://segmentfault.com/a/1190000041593752",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "2022 年最受瞩目的新特性 CSS @layer 到底是个啥？",
-    "description": "步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。过往 CSS 优先级中存在的问题如果我们的页...",
-    "url": "https://segmentfault.com/a/1190000041587233",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "求助，这几道面试题有些我回答不出来了",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041562142",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "WGCLOUD具体支持监测硬盘的哪些数据",
-    "description": "WGCLOUD天然支持监测磁盘状态，包括实体机、虚拟机、云主机等的磁盘都可以支持监测1、磁盘空间容量信息比如磁盘空间总大小，磁盘已使用多少，可用空间多少，支持告警通知2、磁盘IO参数包括读写磁盘的信息3、磁盘...",
-    "url": "https://segmentfault.com/a/1190000041592427",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "搭建 VuePress 站点必做的 10 个优化",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
+    "url": "https://segmentfault.com/a/1190000041593877",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "WGCLOUD的web ssh显示websocket服务连接已断开",
-    "description": "问题描述：今天在使用WGCLOUD的主机列表，SSH连接Linux服务器的时候，打开后，页面显示websocket服务连接已断开，如下图所示解决办法：这个问题是我们的server主机防火墙没有开启web ssh服务端口导致的，端口默认...",
-    "url": "https://segmentfault.com/a/1190000041590984",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "Java18的新特性",
+    "description": "Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...",
+    "url": "https://segmentfault.com/a/1190000041598372",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "总结了一下程序员们都应该知道的各类开源许可证及合规相关的知识",
-    "description": "因为我们本身也在做开源，所以比较关注这个问题，最近因为工作需要，总结和分析了一下关于开源许可证相关的知识，也分享给大家一起讨论，希望得到大家的指导。",
-    "url": "https://segmentfault.com/a/1190000041587295",
-    "author": "墨菲安全",
-    "home_url": "https://segmentfault.com/u/murphysec",
-    "votes": "1",
+    "title": "Apache Flink 在国有大型银行智能运营场景下的应用",
+    "description": "摘要：现代的应用大都以前后端分离的模式开发，在建设银行新一代系统中每笔交易对应三条消息报文：前端的埋点信息，发送的 HTTP 请求，返回的 HTTP 响应。建设银行在全球有大量的网点和业务员，每天产生大量的金...",
+    "url": "https://segmentfault.com/a/1190000041596593",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "React中memo和useMemo区别和使用",
-    "description": "网上的教程看得挺乱的, 还是希望大家手动打代码, 去体验下, 印象更好React.memo 和 useMemo 都是减少组件中不必要的开支, 提升性能其中, memo是子组件本身是否渲染, useMemo则是子组件prop监听函数memomemo 很像s...",
-    "url": "https://segmentfault.com/a/1190000041591102",
-    "author": "夏灬影",
-    "home_url": "https://segmentfault.com/u/xiaying",
+    "title": "基于 Stencil 构建 Web Components 组件库",
+    "description": "「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...",
+    "url": "https://segmentfault.com/a/1190000041597585",
+    "author": "SuperX",
+    "home_url": "https://segmentfault.com/u/qzuser_584786517d31a",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "SpringBoot中Aspect实现切面（以记录日志为例）",
-    "description": "今天我们来说说spring中的切面Aspect，这是Spring的一大优势。面向切面编程往往让我们的开发更加低耦合，也大大减少了代码量，同时呢让我们更专注于业务模块的开发，把那些与业务无关的东西提取出去，便于后期的...",
-    "url": "https://segmentfault.com/a/1190000041589478",
-    "author": "动力节点",
-    "home_url": "https://segmentfault.com/u/bjdonglijiedian",
+    "title": "关于滑动时间窗口算法",
+    "description": "最近看到一篇文章，讲服务限流主题的，其中罗列了各种思路和技术实现的细枝末节。其中关于滑动时间窗口的一个代码示例，让我陷入了沉思。。（文章已经被作者删除了。。）道理我都懂，但这个示例代码让我很难读懂...",
+    "url": "https://segmentfault.com/a/1190000041597059",
+    "author": "kazaff",
+    "home_url": "https://segmentfault.com/u/kazaff",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "GO 语言-内存泄漏排查两例",
-    "description": "通过访问线上服务 pprof 暴露出来的 HTTP 接口，拿到当前所有协程的堆栈信息；curl http://「ip:port」/debug/pprof/goroutine?debug\\=2",
-    "url": "https://segmentfault.com/a/1190000041589108",
-    "author": "BeforeSunrise",
-    "home_url": "https://segmentfault.com/u/beforesunrise",
+    "title": "人工智能领域又一突破！京东探索研究院推出超级深度学习模型ViTAEv2 准确度高达91.2%",
+    "description": "日前，京东探索研究院联合悉尼大学提出了更大规模、更优效果、对各类视觉任务具有更好适应性的超级深度学习模型ViTAEv2。值得提及的是，具有6亿参数的ViTAEv2模型在不依赖任何外源数据的情况下，斩获了ImageNet R...",
+    "url": "https://segmentfault.com/a/1190000041596439",
+    "author": "京东科技开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "初识springSecurity",
-    "description": "SpringSecurity就是一个功能强大且高定制化的身份验证和访问控制框架，它事实上就是一个保护基于Spring的应用框架安全性的标准。Spring Security是一个重点为Java应用程序提供身份验证和授权的框架。与所有Spring...",
-    "url": "https://segmentfault.com/a/1190000041587251",
-    "author": "熙姝",
-    "home_url": "https://segmentfault.com/u/movingape",
+    "title": "19 条有效的跨端 cpp 开发经验",
+    "description": "细想，笔者专门从事跨多端开发已两年有余，前段时间因为组里跨桌面端项目需要回归windows下开发了整整2个月，怎么形容这两个月呢，嘿嘿，各种“肆无忌惮”的写法，终于不用在写一行代码考虑后面n个端的行为了，\"劳...",
+    "url": "https://segmentfault.com/a/1190000041596009",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "历时 37 年，Windows 1.0 复活节彩蛋终于曝光：主角竟是“G 胖”！",
-    "description": "近日，著名的 Windows 铁杆粉丝开发者 Lucas Brooks 发现了存在于 Windows 1.0 系统中的复活节彩蛋：一份参与开发该操作系统的开发者名单。",
-    "url": "https://segmentfault.com/a/1190000041587124",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "【FAQ】关于分析服务错误获取所选日期前一天事件数据的解决方法",
+    "description": "开发者通过华为分析服务下载所需的事件数据，这些数据可以导入到开发者自有的分析系统中，用于构建自定义报告或生成受众群体的个性化分析等，从而帮助制定切实有效的营销活动。数据导出支持按照用户属性和导出事...",
+    "url": "https://segmentfault.com/a/1190000041595753",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "Flink中基于Operator State 的计算开发方法——《滴普程序员部落》",
-    "description": "在Flink中根据数据集是否根据Key进行分区，将状态分为Keyed State和Operator State（Non-keyed State）两种类型 ，在之前的文章《Flink中基于KeyedState的计算开发方法》已经详细介绍了Keyed State的概念和用法，...",
-    "url": "https://segmentfault.com/a/1190000041586190",
-    "author": "滴普科技DEEPEXI",
-    "home_url": "https://segmentfault.com/u/deepexicode",
+    "title": "阿里本地生活端智能架构设计与技术探索",
+    "description": "2018 年 10 月 12 日，阿里巴巴集团宣布正式成立阿里巴巴本地生活服务公司，饿了么和口碑会师合并组成国内领先的本地生活服务平台，使命是“重新定义城市生活，让生活更美好”；口碑专注到店消费服务，饿了么专注到...",
+    "url": "https://segmentfault.com/a/1190000041595626",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "【Java算法系列（一）】八大排序算法（上）",
-    "description": "〇、排序算法简介排序：将一组数据按照指定的顺序进行排列的过程。排序的分类：内部排序：将需要处理的所有数据加载到内存中进行排序。外部排序：由于数据量过大无法全部加载到内存中，需要借助外存进行排序。我...",
-    "url": "https://segmentfault.com/a/1190000041591622",
-    "author": "ShadowCK",
-    "home_url": "https://segmentfault.com/u/shadowck",
-    "votes": "2",
+    "title": "萌新看过来，你还学不懂VScode插件吗？",
+    "description": "VSCode是微软家一个非常轻量化的编辑器，体量虽轻，但是却有异常强大的功能。原因在于VSCode许多强大功能都是基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。",
+    "url": "https://segmentfault.com/a/1190000041594863",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "Java二维码登录流程实现(包含短地址生成，含部分代码)",
-    "description": "近年来，二维码的使用越来越风生水起，笔者最近手头也遇到了一个需要使用二维码扫码登录网站的活，所以研究了一下这一套机制，并用代码实现了整个流程，接下来就和大家聊聊二维码登录及的那些事儿。",
-    "url": "https://segmentfault.com/a/1190000041590513",
-    "author": "白羊沈歌",
-    "home_url": "https://segmentfault.com/u/shenge",
+    "title": "Flutter事件响应源码分析",
+    "description": "Flutter作为一个UI框架，本身也有自己的事件处理方式，本文主要阐述触摸事件从native传递到Flutter后是如何被widget识别以及分发的。至于native系统是如何监听触摸事件以及传递事件到Flutter，感兴趣的可以自己去...",
+    "url": "https://segmentfault.com/a/1190000041593557",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 14
   },
   {
-    "title": "Dapr 官方文档中文翻译 v1.5 版本正式发布",
-    "description": "经过 Dapr 中国社区十余位贡献者一个多月的努力，Dapr 官方文档中文翻译 v1.5 版本完成翻译和审校，正式发布并上线 Dapr 官网。",
-    "url": "https://segmentfault.com/a/1190000041591737",
-    "author": "MicrosoftReactor",
-    "home_url": "https://segmentfault.com/u/microsoftreactor",
+    "title": "bingo！NutUI 抽奖组件库来了",
+    "description": "随着业务需求的迭代更新，营销场景也越来越丰富，很多产品通过设定的一些玩法来与用户交流，增加用户的粘性，提高用户的转化率。比如新注册的用户，在新人专区会有类似的活动任务类的互动；日常促销，在结算完成...",
+    "url": "https://segmentfault.com/a/1190000041593489",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "1",
     "rank": 15
+  },
+  {
+    "title": "京东移动端组件库 React 版如约而来",
+    "description": "京东零售开源项目 NutUI 是一套京东风格的轻量级移动端组件库，开发和服务于移动 Web 界面的企业级产品。随着 NutUI 的用户越来越多，社区交流群里对 React 版本的呼声也越来越高。我们响应社区的呼声，2021 年 6...",
+    "url": "https://segmentfault.com/a/1190000041593463",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "金先生的 NutUI3 初体验",
+    "description": "冬日清晨，客服小王第一个来到了公司，还没顾得上脱下厚厚的羽绒服，桌上的电话就响了起来。“您好，这里是京东客服，请问有什么可以帮到您的么？”电话那头很嘈杂，呼啸的北风让来电人的声音很难被听清，而唯一可...",
+    "url": "https://segmentfault.com/a/1190000041593415",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "NutUI 3 开启 BCRM 商机新征程",
+    "description": "高铁的不断提速、5G 时代的到来、无人超市新兴项目的落地......都在不断地提醒着我们，要快、要高性能。那么作为程序员的我们，该如何利用现有技术打造高性能产品，为用户带来“飞”一般的体验呢？",
+    "url": "https://segmentfault.com/a/1190000041593362",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "NutUI 3.1 正式发布：开启多端开发之路",
+    "description": "作为一款具有京东风格的组件库，我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合...",
+    "url": "https://segmentfault.com/a/1190000041593349",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "NutUI v3.1.3发布！",
+    "description": "",
+    "url": "https://segmentfault.com/a/1190000041593303",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "NutUI 3.1 正式发布：开启多端开发之路",
+    "description": "作为一款具有京东风格的组件库，我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合...",
+    "url": "https://segmentfault.com/a/1190000041593270",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "NutUI 3.0 助力企业业务售后门户建设",
+    "description": "退换/售后作为企业采购业务中不可或缺的一项流程，供企业业务各交易通路使用。为降低企业业务售后的研发成本，对售后相关数据及操作进行统一迭代和维护。我们打造了一套京东企业业务售后 SaaS 系统，业务涉及范围...",
+    "url": "https://segmentfault.com/a/1190000041593228",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "京东 Vue3 组件库支持小程序开发啦！",
+    "description": "在跨端小程序的开发过程中，我们发现没有合适的组件库可以使用，尤其在做电商商城类场景的业务时，没有符合京东 App 规范的组件库为我们的小程序项目提供支持。为了填补这一空白，同时让 NutUI 组件库能够为更多...",
+    "url": "https://segmentfault.com/a/1190000041593189",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "京东 vue3 组件库震撼升级，如约而至！",
+    "description": "京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库，是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨，NutUI 3.0 终于和大家见面了！3.0 版本在技术和视觉方面都做出了较大改进...",
+    "url": "https://segmentfault.com/a/1190000041593171",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 24
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "41",
+    "votes": "45",
     "rank": 3
   },
   {
@@ -32,9 +32,18 @@
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "38",
+    "votes": "39",
     "rank": 4
   },
+  {
+    "title": "css 的 filter属性竟然如此好玩",
+    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
+    "url": "https://segmentfault.com/a/1190000041549883",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "39",
+    "rank": 5
+  },
   {
     "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
     "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
@@ -42,15 +51,6 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "31",
-    "rank": 5
-  },
-  {
-    "title": "css 的 filter属性竟然如此好玩",
-    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
-    "url": "https://segmentfault.com/a/1190000041549883",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "38",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "28",
+    "votes": "29",
     "rank": 7
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "28",
+    "votes": "29",
     "rank": 8
   },
   {
@@ -77,7 +77,7 @@
     "url": "https://segmentfault.com/a/1190000041556519",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
+    "votes": "29",
     "rank": 9
   },
   {
@@ -143,6 +143,15 @@
     "votes": "16",
     "rank": 16
   },
+  {
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "18",
+    "rank": 17
+  },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
     "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
@@ -150,7 +159,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -159,7 +168,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -168,7 +177,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -177,15 +186,6 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "14",
-    "rank": 20
-  },
-  {
-    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
-    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
-    "url": "https://segmentfault.com/a/1190000041553527",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "16",
     "rank": 21
   },
   {
@@ -194,7 +194,7 @@
     "url": "https://segmentfault.com/a/1190000041560515",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "20",
+    "votes": "21",
     "rank": 22
   },
   {
@@ -243,30 +243,30 @@
     "rank": 27
   },
   {
-    "title": "28张图助我学废TS",
-    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
-    "url": "https://segmentfault.com/a/1190000041510006",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "19",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 28
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "15",
     "rank": 29
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "14",
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "17",
     "rank": 30
   }
 ]