@wcj/github-rank 22.3.21 → 22.3.24

package/dist/sifou-daily.json

@@ -1,101 +1,218 @@
 [
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "6",
     "rank": 1
   },
   {
-    "title": "分享一些阅读Java相关框架源码的经验",
-    "description": "很多源码都是samples样例项目以及单元测试，你可以从这些可执行的代码入手。例如Spring Authorization Server中的单元测试和样例。",
-    "url": "https://segmentfault.com/a/1190000041578380",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "1",
+    "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": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "2",
+    "title": "求助，这几道面试题有些我回答不出来了",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041562142",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "RGB、YUV、HSV和HSL区别和关联",
-    "description": "从我们最常见的RGB颜色出发，RGB分别对应着 Red（红）、Green（绿）、Blue（蓝），也就是我们平时所说的三原色，调整这三种颜色的比例，可以搭配出所有的色彩。",
-    "url": "https://segmentfault.com/a/1190000041577710",
-    "author": "冰以东",
-    "home_url": "https://segmentfault.com/u/bninecoding",
-    "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": "【混淆系列】二问：都2022年了你可知道强制缓存、协商缓存？",
-    "description": "大家好，我是猫小白，本文是前端混淆知识点第二问，致力于夯实基础、消灭模糊知识点。本文重点：为什么需要缓存机制。强制缓存、协商缓存是针对静态文件资源的，他们有什么区别或者联系？某些动态接口如何缓存？...",
-    "url": "https://segmentfault.com/a/1190000041577077",
-    "author": "华仔",
-    "home_url": "https://segmentfault.com/u/asmallwhitecat",
-    "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": "RocketMQ -- 消息消费队列与索引文件",
-    "description": "consumequeue是消息消费队列存储目录，比如我们建了一个TopicTest，有四个MessageQueue，那在consumequeue目录下，就有一个TopicTest目录，TopicTest目录下还有0，1，2，3四个目录，对应着MessageQueue的个数。这...",
-    "url": "https://segmentfault.com/a/1190000041576979",
-    "author": "大军",
-    "home_url": "https://segmentfault.com/u/dajun2733",
-    "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": "名字查找",
-    "description": "名字查找C++ 有一个原则，就是标识符要先声明，再使用。每一个标识符在使用的时候，都要找到它对应的声明。这个过程，就是名字查找。在程序的不同结构中，名字查找的规则也不尽相同。下面简述如下。Unqualified n...",
-    "url": "https://segmentfault.com/a/1190000041576434",
-    "author": "fefe",
-    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
+    "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": "事件代理——减少事件监听函数",
-    "description": "事件代理（Event Delegation）很简单，主要是为了减少了事件监听函数的数量，通过利用事件冒泡阶段，将事件的处理放置在父元素上实现。",
-    "url": "https://segmentfault.com/a/1190000041575821",
-    "author": "鹏哥儿",
-    "home_url": "https://segmentfault.com/u/compose_hub",
+    "title": "关于滑动时间窗口算法",
+    "description": "最近看到一篇文章，讲服务限流主题的，其中罗列了各种思路和技术实现的细枝末节。其中关于滑动时间窗口的一个代码示例，让我陷入了沉思。。（文章已经被作者删除了。。）道理我都懂，但这个示例代码让我很难读懂...",
+    "url": "https://segmentfault.com/a/1190000041597059",
+    "author": "kazaff",
+    "home_url": "https://segmentfault.com/u/kazaff",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "Java 集合 add 方法重复添加问题",
-    "description": "首先需要知道的是，在 add 方法里面，对于引用类型的对象，存放的是引用类型的地址，尤其是当我们使用 new 出来的对象并调用集合中的 add 方法来添时，当改变了该对象的属性，但该对象的地址并没有改变，所以当对...",
-    "url": "https://segmentfault.com/a/1190000041576894",
-    "author": "俗人",
-    "home_url": "https://segmentfault.com/u/suren_6225661042a5d",
+    "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": "延迟队列",
-    "description": "延迟队列有定时任务轮询数据库、DelayQueue、时间轮算法、消息中间件（RabbitMQ，RocketMQ，Kafka)、Redis等几种实现方式。",
-    "url": "https://segmentfault.com/a/1190000041576555",
-    "author": "asyy",
-    "home_url": "https://segmentfault.com/u/asyy",
+    "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": "20 年的 Debian 开发者被排挤出项目；操作系统 “火龙” 被质疑抄袭；Swift 5.6 发布 | 思否周刊",
-    "description": "40s 新闻速递全宇宙首个中文编写的操作系统 “火龙” 被质疑抄袭下载 1 款软件捆绑 6 个！下载平台 “高速下载” 竟为元凶微信 PC 版 3.6.0 正式发布：支持添加好友功能 苹果：开发者向 App Store 提交的应用必须使用...",
-    "url": "https://segmentfault.com/a/1190000041575389",
-    "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": "阿里本地生活端智能架构设计与技术探索",
+    "description": "2018 年 10 月 12 日，阿里巴巴集团宣布正式成立阿里巴巴本地生活服务公司，饿了么和口碑会师合并组成国内领先的本地生活服务平台，使命是“重新定义城市生活，让生活更美好”；口碑专注到店消费服务，饿了么专注到...",
+    "url": "https://segmentfault.com/a/1190000041595626",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "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": "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": "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/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "73",
+    "votes": "75",
     "rank": 1
   },
   {
@@ -17,14 +17,32 @@
     "votes": "46",
     "rank": 2
   },
+  {
+    "title": "5年经验(专升本)入职B站分享",
+    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
+    "url": "https://segmentfault.com/a/1190000041572883",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "45",
+    "rank": 3
+  },
   {
     "title": "音视频通信加餐 —— WebRTC一肝到底",
     "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "36",
-    "rank": 3
+    "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规范给一梭子",
@@ -33,7 +51,7 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "31",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -41,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "28",
-    "rank": 5
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -50,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "27",
-    "rank": 6
+    "votes": "29",
+    "rank": 8
   },
   {
-    "title": "css 的 filter属性竟然如此好玩",
-    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
-    "url": "https://segmentfault.com/a/1190000041549883",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "神奇的 CSS，让文字智能适配背景颜色",
+    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
+    "url": "https://segmentfault.com/a/1190000041556519",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "29",
-    "rank": 7
+    "rank": 9
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -68,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041467802",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "23",
-    "rank": 8
+    "votes": "25",
+    "rank": 10
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -77,8 +95,8 @@
     "url": "https://segmentfault.com/a/1190000041487405",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 9
+    "votes": "25",
+    "rank": 11
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -86,8 +104,8 @@
     "url": "https://segmentfault.com/a/1190000041548601",
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "22",
-    "rank": 10
+    "votes": "23",
+    "rank": 12
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -96,7 +114,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "革命性创新，动画杀手锏 @scroll-timeline",
@@ -105,7 +123,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "21",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
@@ -114,7 +132,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "13",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -123,7 +141,16 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "16",
-    "rank": 14
+    "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图片和拖拽",
@@ -132,16 +159,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 15
-  },
-  {
-    "title": "5年经验(专升本)入职B站分享",
-    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
-    "url": "https://segmentfault.com/a/1190000041572883",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "19",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -150,7 +168,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 17
+    "rank": 19
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -159,7 +177,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -168,16 +186,16 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "14",
-    "rank": 19
+    "rank": 21
   },
   {
-    "title": "神奇的 CSS，让文字智能适配背景颜色",
-    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
-    "url": "https://segmentfault.com/a/1190000041556519",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
-    "rank": 20
+    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
+    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
+    "url": "https://segmentfault.com/a/1190000041560515",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "21",
+    "rank": 22
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -186,7 +204,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -195,7 +213,7 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "14",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -204,7 +222,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -213,7 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -221,52 +239,34 @@
     "url": "https://segmentfault.com/a/1190000041537651",
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "16",
-    "rank": 25
-  },
-  {
-    "title": "28张图助我学废TS",
-    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
-    "url": "https://segmentfault.com/a/1190000041510006",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "18",
-    "rank": 26
-  },
-  {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "14",
+    "votes": "17",
     "rank": 27
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "13",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 28
   },
   {
-    "title": "什么是 LRU 算法？",
-    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
-    "url": "https://segmentfault.com/a/1190000041542627",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "10",
+    "title": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "15",
     "rank": 29
   },
   {
-    "title": "走进开源项目 - urlcat",
-    "description": "urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。",
-    "url": "https://segmentfault.com/a/1190000041474553",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "13",
+    "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
   }
 ]