@wcj/github-rank 22.3.23 → 22.3.26

package/web/data/sifou-daily.json

@@ -1,137 +1,191 @@
 [
   {
-    "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": "项目开发中对成长的一些思考",
+    "description": "写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...",
+    "url": "https://segmentfault.com/a/1190000041608723",
+    "author": "heweixiao",
+    "home_url": "https://segmentfault.com/u/heweixiao",
+    "votes": "2",
     "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": "【高并发】两种异步模型与深度解析Future接口",
+    "description": "本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！",
+    "url": "https://segmentfault.com/a/1190000041608492",
+    "author": "冰河",
+    "home_url": "https://segmentfault.com/u/binghe001",
+    "votes": "2",
     "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": "TensorFlow在美团外卖推荐场景的GPU训练优化实践",
+    "description": "美团机器学习平台基于内部深度定制的TensorFlow研发了Booster GPU训练架构。该架构在整体设计上充分考虑了算法、架构、新硬件的特性，从数据、计算、通信等多个角度进行了深度的优化，最终其性价比达到CPU任务的2...",
+    "url": "https://segmentfault.com/a/1190000041607638",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "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",
+    "title": "利用亚马逊云科技整个自用免费网盘",
+    "description": "现在在线网盘挺多的，用网盘在线存储的好处我也不多说了，主要就是方便，但是如果不嫌累的话，随身带个硬盘到处跑到也可以。最近发现再 AWS 上竟然可以搭建一个基础的免费网盘，感觉挺有意思，于是寻思着尝试一下...",
+    "url": "https://segmentfault.com/a/1190000041607028",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
     "votes": "1",
     "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",
+    "title": "eBay 基于 Apache Kyuubi 构建统一 Serverless Spark 网关的实践",
+    "description": "本文来自 eBay 软件工程师、Apache Kyuubi PPMC Member王斐在Apache SeaTunnel & Kyuubi 联合 Meetup的分享，介绍了Apache Kyuubi(Incubating)的基本架构和使用场景，eBay基于自身的需求对Kyuubi所做的增强，以及...",
+    "url": "https://segmentfault.com/a/1190000041606727",
+    "author": "网易数帆",
+    "home_url": "https://segmentfault.com/u/163yun",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "总结了一下程序员们都应该知道的各类开源许可证及合规相关的知识",
-    "description": "因为我们本身也在做开源，所以比较关注这个问题，最近因为工作需要，总结和分析了一下关于开源许可证相关的知识，也分享给大家一起讨论，希望得到大家的指导。",
-    "url": "https://segmentfault.com/a/1190000041587295",
-    "author": "墨菲安全",
-    "home_url": "https://segmentfault.com/u/murphysec",
+    "title": "Facebook 开源 Golang 实体框架 Ent 现已支持 TiDB",
+    "description": "对于后端开发者来说，一款好用的框架能够大大提升应用的开发效率。为了降低开发者使用 TiDB 的门槛，方便开发者快速连接到 TiDB，我们也在和合作伙伴一起，逐步完善面向主流开发语言和框架的连接支持。",
+    "url": "https://segmentfault.com/a/1190000041606498",
+    "author": "PingCAP",
+    "home_url": "https://segmentfault.com/u/pingcap",
     "votes": "1",
     "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": "GitHub 近期频繁宕机？官方解释：MySQL 负载过重",
+    "description": "在过去的几周里，由于数据库的问题，GitHub经历了多起宕机事件，导致平台的服务降级，影响了许多用户的使用。GitHub 对宕机事件非常重视，在解决问题的同时，也于本月 23 日公布了这些事件的详细情况。时间线3 月...",
+    "url": "https://segmentfault.com/a/1190000041606435",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "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": "公司校招同学，主要看中的是学校和学历，优先985硕士，24人，只面试到两个本科生，一个南京大学的，一个吉林大学的。由于base是南京，所以大部分都是东南大学、南京邮电和河海大学的，南京大学的很少。",
+    "url": "https://segmentfault.com/a/1190000041610786",
+    "author": "白羊沈歌",
+    "home_url": "https://segmentfault.com/u/shenge",
     "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": "腾讯云Java工程师一面 + 被捞一面 + 二面面经(附答案)",
+    "description": "《Java 面试指北》来啦！这是我这两年利用业余时间完成的 JavaGuide 开源版的补充。【一面】全程55min先自我介绍一下吧Java1.8 的新特性？你说到了 Lambda 表达式，你说说它的优缺点？Java 8 的 Stream 流用过吗...",
+    "url": "https://segmentfault.com/a/1190000041610510",
+    "author": "JavaGuide",
+    "home_url": "https://segmentfault.com/u/javaguide",
     "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": "js 反向递归根据子节点值寻找父节点",
+    "description": "{代码...} val = 4;// 反向查找父节点 {代码...} //使用puth = this.getNodePath(data,val,[]);// [3,4]",
+    "url": "https://segmentfault.com/a/1190000041609260",
+    "author": "土豆丝naya",
+    "home_url": "https://segmentfault.com/u/heaven_5f1d3b7629b2e",
     "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": "HMS Core视频编辑服务：AI着色， 忆往昔看今朝",
+    "description": "近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...",
+    "url": "https://segmentfault.com/a/1190000041607999",
+    "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",
-    "votes": "1",
+    "title": "ThreeJS 中线的那些事",
+    "description": "在可视化开发中，无论是二维的 canvas 还是三维开发，线条的绘制都是非常常见的，比如绘制城市之间的迁徙图、运动轨迹图等等。不管是在三维还是二维，所有物体都是由点构成、两点构成线、三点构成面。那么在 Thre...",
+    "url": "https://segmentfault.com/a/1190000041607875",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "【Java算法系列（一）】八大排序算法（上）",
-    "description": "〇、排序算法简介排序：将一组数据按照指定的顺序进行排列的过程。排序的分类：内部排序：将需要处理的所有数据加载到内存中进行排序。外部排序：由于数据量过大无法全部加载到内存中，需要借助外存进行排序。我...",
-    "url": "https://segmentfault.com/a/1190000041591622",
-    "author": "ShadowCK",
-    "home_url": "https://segmentfault.com/u/shadowck",
-    "votes": "2",
+    "title": "从 0 到 1 教你在亚马逊云科技中部署动态网站 Typecho 系统",
+    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署 Typecho 到 aws 上的过程。",
+    "url": "https://segmentfault.com/a/1190000041607839",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "Java二维码登录流程实现(包含短地址生成，含部分代码)",
-    "description": "近年来，二维码的使用越来越风生水起，笔者最近手头也遇到了一个需要使用二维码扫码登录网站的活，所以研究了一下这一套机制，并用代码实现了整个流程，接下来就和大家聊聊二维码登录及的那些事儿。",
-    "url": "https://segmentfault.com/a/1190000041590513",
-    "author": "白羊沈歌",
-    "home_url": "https://segmentfault.com/u/shenge",
+    "title": "NeurIPS 2021 ｜ Twins：重新思考高效的视觉注意力模型设计",
+    "description": "Twins 是美团和阿德莱德大学合作提出的视觉注意力模型，相关论文已被 NeurIPS 2021 会议接收。本文主要讲述 Twins 解决的难点、设计和实现思路，以及在美团场景的探索落地，希望能对从事视觉算法研发的同学有所帮...",
+    "url": "https://segmentfault.com/a/1190000041607415",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "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": "手把手教你搭建博客",
+    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
+    "url": "https://segmentfault.com/a/1190000041607300",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
     "votes": "1",
     "rank": 15
+  },
+  {
+    "title": "提升组件库通用能力 - NutUI 在线主题定制功能探索",
+    "description": "NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...",
+    "url": "https://segmentfault.com/a/1190000041606961",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "Vite 入门 & 知识点分享",
+    "description": "Home | Vite 官方中文文档社区插件：[链接]使用感受：Vite 实质是对各场景下的最佳方案的整合react 常用配置 {代码...} 知识点Es Moduleimport - JavaScript | MDN兼容 支持绝大多数现代游览器静态引入 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041606858",
+    "author": "D_Q_",
+    "home_url": "https://segmentfault.com/u/d_q_",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "frp免费内网穿透访问家用电脑本地服务（http示例）",
+    "description": "别人是无法通过一个链接访问到你家里的电脑的某个文件夹里面的文件的，因为你家里的电脑属于内网，而能通过一个链接去访问的属于公网，所以这就需要使用【内网穿透】这一个技术概念去实现远程访问家里电脑。",
+    "url": "https://segmentfault.com/a/1190000041606761",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "3",
+    "rank": 18
+  },
+  {
+    "title": "React 测试",
+    "description": "前端要不要写单测不要问，问就是写思考测试的颗粒度？找核心逻辑，不要试图一个test测试一个大而复杂的模块合理利用 mock，擦除一些不必要的逻辑（不要局限于三方依赖）哪些类型的测试？utilshooksui组件状态（表...",
+    "url": "https://segmentfault.com/a/1190000041606704",
+    "author": "D_Q_",
+    "home_url": "https://segmentfault.com/u/d_q_",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "项目实战！接入分布式定时任务框架",
+    "description": "挺早就规划了要引入分布式定时任务框架了，在年前austin就已经接入了，但代码过年一直都没写，文章也就一直拖到今天了。今天主要就跟大家在聊聊定时任务这个话题。",
+    "url": "https://segmentfault.com/a/1190000041605238",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "Linux之nc命令",
+    "description": "用于设置路由器，是网络工具中的瑞士军刀nc命令 全称netcat，用于设置路由器。它能通过 TCP 和 UDP 在网络中读写数据。通过与其他工具结合和重定向，你可以在脚本中以多种方式使用它。使用 netcat 命令所能完成的...",
+    "url": "https://segmentfault.com/a/1190000041609983",
+    "author": "入门小站",
+    "home_url": "https://segmentfault.com/u/rumenz",
+    "votes": "1",
+    "rank": 21
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "75",
+    "votes": "77",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "41",
+    "votes": "47",
     "rank": 3
   },
   {
@@ -32,26 +32,17 @@
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "38",
+    "votes": "39",
     "rank": 4
   },
-  {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "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
+    "votes": "40",
+    "rank": 5
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -59,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "28",
-    "rank": 7
+    "votes": "29",
+    "rank": 6
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -68,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "28",
-    "rank": 8
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "神奇的 CSS，让文字智能适配背景颜色",
@@ -77,9 +68,27 @@
     "url": "https://segmentfault.com/a/1190000041556519",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
+    "votes": "29",
+    "rank": 8
+  },
+  {
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "25",
     "rank": 9
   },
+  {
+    "title": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "23",
+    "rank": 10
+  },
   {
     "title": "手把手教你写一个简易的微前端框架",
     "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
@@ -87,7 +96,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "25",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -96,16 +105,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "23",
-    "rank": 12
+    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
+    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
+    "url": "https://segmentfault.com/a/1190000041488147",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "14",
+    "rank": 13
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -114,24 +123,15 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 13
-  },
-  {
-    "title": "革命性创新，动画杀手锏 @scroll-timeline",
-    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
-    "url": "https://segmentfault.com/a/1190000041505045",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
     "rank": 14
   },
   {
-    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
-    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
-    "url": "https://segmentfault.com/a/1190000041488147",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "13",
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "19",
     "rank": 15
   },
   {
@@ -143,22 +143,22 @@
     "votes": "16",
     "rank": 16
   },
-  {
-    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
-    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
-    "url": "https://segmentfault.com/a/1190000041443525",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "15",
-    "rank": 17
-  },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
     "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
     "url": "https://segmentfault.com/a/1190000041503556",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
+    "votes": "16",
+    "rank": 17
+  },
+  {
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
     "rank": 18
   },
   {
@@ -171,32 +171,41 @@
     "rank": 19
   },
   {
-    "title": "吐血整理的webpack入门知识及常用loader和plugin",
-    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
-    "url": "https://segmentfault.com/a/1190000041436294",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
+    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
+    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
+    "url": "https://segmentfault.com/a/1190000041560515",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "22",
     "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",
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "18",
     "rank": 21
   },
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "20",
+    "title": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "16",
     "rank": 22
   },
+  {
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 23
+  },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
     "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
@@ -204,7 +213,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -213,7 +222,7 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "14",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -222,7 +231,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -231,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -240,7 +249,16 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "17",
-    "rank": 27
+    "rank": 28
+  },
+  {
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 29
   },
   {
     "title": "28张图助我学废TS",
@@ -249,24 +267,6 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "19",
-    "rank": 28
-  },
-  {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "15",
-    "rank": 29
-  },
-  {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "14",
     "rank": 30
   }
 ]