@wcj/github-rank 22.3.5 → 22.3.8

package/dist/sifou-daily.json

@@ -1,146 +1,209 @@
 [
   {
-    "title": "45个 GIT 经典操作场景，专治不会合代码",
-    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
-    "url": "https://segmentfault.com/a/1190000041493486",
-    "author": "程序员内点事",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "18",
+    "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": "13",
     "rank": 1
   },
   {
-    "title": "姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍",
-    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...",
-    "url": "https://segmentfault.com/a/1190000041493202",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "4",
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
     "rank": 2
   },
   {
-    "title": "祝贺姜宁当选 2022 Apache 软件基金会新任董事",
-    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。",
-    "url": "https://segmentfault.com/a/1190000041492641",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
+    "title": "2022 年用于 Node.js 的顶级 WebSocket 库",
+    "description": "在这篇文章中，我们将讨论2022年你应该考虑的八个Node.js WebSocket库。SockJSwsSocket.IOFaye WebSocketSocketClusterSocketteFeathers要开始使用这些库中的任何一个，您需要在本地计算机上安装 npm 和 Node.js...",
+    "url": "https://segmentfault.com/a/1190000041507771",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "4",
     "rank": 3
   },
   {
-    "title": "JavaScript 数据处理 - 列表篇",
-    "description": "程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plain Object) 表示映射（属性键值对映射）。",
-    "url": "https://segmentfault.com/a/1190000041497710",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "2",
+    "title": "推荐20个值得收藏的前端开源项目",
+    "description": "Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。",
+    "url": "https://segmentfault.com/a/1190000041502262",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "TypeScript 随想 · 实际应用与技巧",
-    "description": "目录类型元编程内置工具类型窥探外部工具类型推荐新操作符声明文件类型元编程什么是元编程：维基百科是这样描述的：元编程是一种编程技术，编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出...",
-    "url": "https://segmentfault.com/a/1190000041496213",
-    "author": "Barrior",
-    "home_url": "https://segmentfault.com/u/barrior",
+    "title": "浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题",
+    "description": "近日，四大浏览器制造商苹果（Apple）、谷歌（Google）、Mozilla 和微软（Microsoft）以及软件咨询公司博科（Bocoup）和伊加利亚（Igalia），已同意联手合作，致力于改善其网络浏览器的互操作性和用户体验，使 We...",
+    "url": "https://segmentfault.com/a/1190000041505804",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
     "rank": 5
   },
   {
-    "title": "云音乐预案平台实践",
-    "description": "随着服务化的大面积推开，服务稳定性越来越被重视起来，云音乐从2018年开始进行稳定性能力建设，到最后建设成通用能力，云音乐大概经历了以下几个主要阶段，从2018年无稳定性保障能力的裸奔阶段，到稳定性能力的...",
-    "url": "https://segmentfault.com/a/1190000041496121",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "3",
+    "title": "mysql的锁",
+    "description": "页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...",
+    "url": "https://segmentfault.com/a/1190000041508775",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "开源项目因支持乌克兰遭issue刷屏，网友：别用Nginx，别用元素周期表",
-    "description": "昨天，两条科技界的新闻炸了，一条是关于GitHub发文封锁俄罗斯，一条是关于Oracle暂停俄罗斯所有业务。一个是全球最大的开源软件社区，一个是全球最大的数据库软件厂商。似乎巨头的举动，也开始带动其他科技公司...",
-    "url": "https://segmentfault.com/a/1190000041495321",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
+    "title": "初识Spring IoC",
+    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
+    "url": "https://segmentfault.com/a/1190000041508734",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "2",
     "rank": 7
   },
   {
-    "title": "2022 Java 开发者生产力报告出炉！",
-    "description": "该 2022 Java 开发者生产力报告对过去一年里的 Java 社区开发者进行了调查，回顾了 Java 17 的发布和 Java 生态系统中流行技术的无数创新，详细介绍了 Java 开发的最大趋势如何影响从技术选择到部署和提交时间的...",
-    "url": "https://segmentfault.com/a/1190000041494239",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "K8S 生态周报| Knative 进入 CNCF 孵化，K8S ingress-nginx 解决多实例问题",
+    "description": "在 #8221 中，我们对 ingress-nginx 的 Admission controller 的逻辑做了一些调整，主要是可以用来修正 自 v1.0 版本后，如果 Kubernetes 集群中同时运行多个 ingress-nginx 的话，在创建 Ingress 资源的时候，可...",
+    "url": "https://segmentfault.com/a/1190000041504431",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "WGCLOUD主机列表中的主机连接数量是什么",
-    "description": "主机连接数量包括：tcp、udp、inet等所有协议的连接数量",
-    "url": "https://segmentfault.com/a/1190000041493391",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "28张图助我学废TS",
+    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
+    "url": "https://segmentfault.com/a/1190000041510006",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "4",
     "rank": 9
   },
   {
-    "title": "2022年软件开发趋势：远程工作已成主流",
-    "description": "2020 年 3 月，工作世界发生了翻天覆地的变化。到 2020 年 4 月，大约一半的公司报告称，由于新冠病毒，其 80% 以上的员工在家工作。大多数人再也没有回到办公室——远程工作将继续存在。",
-    "url": "https://segmentfault.com/a/1190000041496733",
-    "author": "信码由缰",
-    "home_url": "https://segmentfault.com/u/icodewalker",
+    "title": "VuePress 博客之 SEO 优化（一）之 sitemap 与搜索引擎收录",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲如何进行 SEO 优化。1. 生成 sitemap借助 vuepress-plugin-sitem...",
+    "url": "https://segmentfault.com/a/1190000041508445",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "2",
     "rank": 10
   },
   {
-    "title": "北京数驱互娱/招聘Unity开发工程师",
-    "description": "《关于我们》北京数驱互娱（Data Driven Interactive Experience）成立于2019年，通过实践前沿的数据科学，学习算法，社会心理学和系统工程理论，专注打造全球风靡的移动互联网产品。创始团队曾创办数亿美金估值...",
-    "url": "https://segmentfault.com/a/1190000041496375",
-    "author": "北京数驱互娱HR",
-    "home_url": "https://segmentfault.com/u/aitinggedesigua",
+    "title": "WGCLOUD的告警规则在哪儿修改",
+    "description": "1、在配置文件server/config/application.yml，如下部分就是系统内所有监控资源，告警配置的自定义修改部分2、注意每个配置项冒号后保留一个英文空格，好多同学容易在这里出错，因为yml文件规则就这样的 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041505928",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云",
-    "description": "Vue 拖拽组件库（drag-and-drop）组件在使用 Vue 框架开发中非常常见的需求，做个内容行排序，拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件库，它们各有各的特点，推荐...",
-    "url": "https://segmentfault.com/a/1190000041497777",
-    "author": "蒋川",
-    "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
-    "votes": "1",
+    "title": "SQL 聚合查询",
+    "description": "这看上去是个幼稚的问题，但我们还是一步步思考一下。数据以行为粒度存储，最简单的 SQL 语句是 select * from test，拿到的是整个二维表明细，但仅做到这一点远远不够，出于以下两个目的，需要 SQL 提供聚合函数：",
+    "url": "https://segmentfault.com/a/1190000041504739",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "PHP 多容器框架 imi v2.1.4 发布，支持将imi项目打包为phar文件",
-    "description": "imi 是一款支持长连接微服务分布式的 PHP 开发框架，它可以运行在 PHP-FPM、Swoole、Workerman、RoadRunner 等多种容器环境下。",
-    "url": "https://segmentfault.com/a/1190000041497003",
-    "author": "宇润",
-    "home_url": "https://segmentfault.com/u/yurun",
-    "votes": "1",
+    "title": "分布式数据库排序及优化",
+    "description": "一、背景1.1 分布式数据库架构当前分布式数据库架构有不少，但是总体架构相差不大，主要组件都包含协调节点、数据分片、元数据节点、全局时钟。一种常见的分布式架构如下图：gtm ：全局事务管理器(全局时钟)，一...",
+    "url": "https://segmentfault.com/a/1190000041504588",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "HMS Core挑战赛故事：鞋、街景、手办、玩具，原来这些都可以3D建模",
-    "description": "HMS Core线上Codelabs挑战赛第3期中，开发者通过学习和运用HMS Core开发的3D建模服务，生成3D建模应用demo，再使用demo为自己身边的一个实物完成建模。在提交的作品中，小编发现原来鞋、街景、手办、玩具这些都可...",
-    "url": "https://segmentfault.com/a/1190000041495664",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "面试官居然要我用JS代码计算LocalStorage容量！",
+    "description": "localStorage 的容量大家都知道是 5M ，但是却很少人知道怎么去验证，而且某些场景需要计算 localStorage 的剩余容量时，就需要我们掌握计算容量的技能了~~",
+    "url": "https://segmentfault.com/a/1190000041504625",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
     "rank": 14
   },
   {
-    "title": "广告平台化的探索与实践 | 美团外卖广告工程实践专题连载",
-    "description": "随着美团外卖业务不断发展，外卖广告引擎团队在多个领域进行了工程上的探索和实践，目前已经取得了一些成果。我们计划通过连载的形式分享给大家，本文是《美团外卖广告工程实践》专题连载的第一篇。本文针对业务...",
-    "url": "https://segmentfault.com/a/1190000041493781",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "浅谈@Transactional与AOP",
+    "description": "之前就在后台的dao层注意到，基本对数据库进行删除和编辑的操作都会加上@Transactional注解（如下），当时只是大概明白是进行事务回滚的。但是也不太清楚具体的执行过程，以前具体使用场景。于是搜索了相关资料来...",
+    "url": "https://segmentfault.com/a/1190000041508717",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "1",
     "rank": 15
   },
   {
-    "title": "聊聊Canvas渲染相关 (非API层,偏框架设计方面)",
-    "description": "渲染机制渲染性能分析非即时渲染 (即时渲染)分片渲染分画布图元拆分渲染渲染机制Canvas绘制机制：整个画布是一个画板,在上面进行绘制各种各样的图形,一旦绘制错误需要改正,就需要重新绘制。 {代码...} 渲染性能分...",
-    "url": "https://segmentfault.com/a/1190000041495060",
+    "title": "AWS Graviton2上数据压缩算法性能比较",
+    "description": "由于云中管理着大量数据，因此需要在存储数据之前对其进行压缩，以实现存储介质的高效使用。已经开发了各种算法来对飞行中的各种数据类型进行压缩和解压缩。在本博客中，我们将介绍两种广受认可的算法——Zstandard...",
+    "url": "https://segmentfault.com/a/1190000041508164",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "自动驾驶开源项目 Autoware 基金会成立背景",
+    "description": "2018 年 12 月，开源协作组织Linaro 96Boards，日本智能驾驶技术公司Tier IV，美国的自主移动系统软件公司Apex.AI共同发起的Autoware基金会今天宣布正式成立，吸引到华为、速腾聚创两家中国企业分别作为高级会员...",
+    "url": "https://segmentfault.com/a/1190000041505983",
+    "author": "Sunny",
+    "home_url": "https://segmentfault.com/u/sunny",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "黄东旭：  关于基础软件产品价值的思考",
+    "description": "好久没写东西了, 正好趁着春节的节后综合症发作写写文章热身一下，记得前几年偶尔会写一些关于 TiDB 产品功能解读的文章，TiDB 5.0 发了那么长时间了，也应该写一写了。我其实在多个场合里表达过我对于 5.0 的重...",
+    "url": "https://segmentfault.com/a/1190000041505815",
+    "author": "PingCAP",
+    "home_url": "https://segmentfault.com/u/pingcap",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "CSS中的混合模式，制作高级特效的必备技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041510478",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "petite-vue-源码剖析-v-for重新渲染工作原理",
+    "description": "在《petite-vue源码剖析-v-if和v-for的工作原理》我们了解到v-for在静态视图中的工作原理，而这里我们将深入了解在更新渲染时v-for是如何运作的。",
+    "url": "https://segmentfault.com/a/1190000041508623",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "聊聊Canvas事件机制相关 (非API层,偏框架设计方面)",
+    "description": "以下分析均采用 Sigmajs 框架源码进行分析,有兴趣的同学可以去查看一下。 本文主要介绍下Canvas的事件机制，和一些设计思路。图形事件,设计思路及实现介绍。图形事件需要支持以下的内容:支持各类事件类型事件触发...",
+    "url": "https://segmentfault.com/a/1190000041506890",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "2",
+    "rank": 21
+  },
+  {
+    "title": "发现Spring事务的一个实锤bug，官方还拒不承认？你来评评理...",
+    "description": "你好呀，我是歪歪。事情是这样的，上周我正在全神贯注的摸鱼，然后有个小伙伴给我发来微信消息，提出了自己关于事务的一个疑问，并配上两段代码：先说结论：我认为这是 Spring 事务的一个 bug。但是官方说这只能...",
+    "url": "https://segmentfault.com/a/1190000041505992",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "1",
-    "rank": 16
+    "rank": 22
+  },
+  {
+    "title": "分析服务实时概览数据助力开发者数据运营",
+    "description": "通常，当一场拉新活动上线后，天级或者小时级的流量监测较为粗糙，运营人员无法通过更细致的波动节点准确定位异常根因，决策的滞后调整可能会导致活动效果的大打折扣。以分钟为颗粒度的流量分析，能够准确判断出...",
+    "url": "https://segmentfault.com/a/1190000041505574",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 23
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "36",
+    "votes": "37",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "32",
+    "votes": "33",
     "rank": 2
   },
   {
@@ -35,22 +35,22 @@
     "votes": "28",
     "rank": 4
   },
-  {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "28",
-    "rank": 5
-  },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
     "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "26",
+    "votes": "27",
+    "rank": 5
+  },
+  {
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "29",
     "rank": 6
   },
   {
@@ -62,6 +62,15 @@
     "votes": "28",
     "rank": 7
   },
+  {
+    "title": "45个 GIT 经典操作场景，专治不会合代码",
+    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
+    "url": "https://segmentfault.com/a/1190000041493486",
+    "author": "程序员内点事",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "29",
+    "rank": 8
+  },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
     "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
@@ -69,7 +78,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "23",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -78,7 +87,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "20",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -87,7 +96,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "21",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -96,7 +105,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -104,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000041467802",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "16",
-    "rank": 12
+    "votes": "17",
+    "rank": 13
   },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
@@ -113,8 +122,8 @@
     "url": "https://segmentfault.com/a/1190000041443525",
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "13",
-    "rank": 13
+    "votes": "14",
+    "rank": 14
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -123,7 +132,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "CSS画冰墩墩~",
@@ -132,7 +141,16 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
+    "rank": 17
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -141,16 +159,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 16
-  },
-  {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "15",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -159,16 +168,25 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "13",
-    "rank": 18
+    "rank": 19
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
+    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "15",
+    "rank": 20
+  },
+  {
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "小程序实现手写签名",
@@ -177,7 +195,16 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 20
+    "rank": 22
+  },
+  {
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "13",
+    "rank": 23
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -186,7 +213,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "11",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -195,7 +222,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 22
+    "rank": 25
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -204,33 +231,6 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 23
-  },
-  {
-    "title": "巧用 CSS 实现炫彩三角边框动画",
-    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
-    "url": "https://segmentfault.com/a/1190000041487405",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 24
-  },
-  {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 25
-  },
-  {
-    "title": "vue原理相关总结",
-    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
-    "url": "https://segmentfault.com/a/1190000041374585",
-    "author": "雨花石",
-    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "15",
     "rank": 26
   },
   {
@@ -243,12 +243,12 @@
     "rank": 27
   },
   {
-    "title": "React 源码解析系列 - React 的 render 异常处理机制",
-    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
-    "url": "https://segmentfault.com/a/1190000041418454",
-    "author": "array_huang",
-    "home_url": "https://segmentfault.com/u/array_huang",
-    "votes": "11",
+    "title": "vue原理相关总结",
+    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
+    "url": "https://segmentfault.com/a/1190000041374585",
+    "author": "雨花石",
+    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
+    "votes": "15",
     "rank": 28
   },
   {
@@ -261,11 +261,11 @@
     "rank": 29
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "title": "React 源码解析系列 - React 的 render 异常处理机制",
+    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
+    "url": "https://segmentfault.com/a/1190000041418454",
+    "author": "array_huang",
+    "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
     "rank": 30
   }