@wcj/github-rank 22.2.28 → 22.3.1

package/web/data/sifou-daily.json

@@ -1,47 +1,218 @@
 [
   {
-    "title": "手把手教你写一个简易的微前端框架",
-    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
-    "url": "https://segmentfault.com/a/1190000041467802",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "2",
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "什么是开源的「第一性原理」？",
-    "description": "第一性原理，First principle，维基百科的定义为：从基本的定律出发，不外加假设与经验拟合的推导与计算。「第一性原理」自 2017 年特斯拉创始人马斯克在采访中提及后，在互联网和投资圈流行，也常被引申为「回溯...",
-    "url": "https://segmentfault.com/a/1190000041467886",
-    "author": "腾源会",
-    "home_url": "https://segmentfault.com/u/weopen",
-    "votes": "1",
+    "title": "理解mysql的事务隔离级别",
+    "description": "考研分数落定，今年无缘，着手准备春招。说到今年考研，分数可谓水涨船高，去年本校专硕270就能进，今年一舍友考了270，排名排到了140名（报的专业要70个），进复试基本无望，估计考本校分数线能到290。走校招的...",
+    "url": "https://segmentfault.com/a/1190000041473349",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "Vue3 如何实现 Feature Flags？",
-    "description": "在开发组件库或者插件，经常会需要区分多种环境构建，从而实现：提供各种体积版本：全量版、精简版、基础版等；提供各种环境版本：web 版、nodejs 版等等；提供各种规范版本：esm 规范版本、cjs 规范版本、UMD 规...",
-    "url": "https://segmentfault.com/a/1190000041469096",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "1",
+    "title": "终于！“30 岁”的  Linux 内核 C 语言将升级到 C11",
+    "description": "上周，Linux 内核邮件列表上关于“社区最近讨论了是否为内核采用现代 C 语言标准”的信息引发业内关注。刚刚，Linux 开源社区已正式宣布：内核 C 语言版本将在未来升级到 C11，且预计将在今年 5 月份的 5.18 版本之...",
+    "url": "https://segmentfault.com/a/1190000041470767",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "【Go进阶—并发编程】RWMutex",
-    "description": "标准库中的 RWMutex 是一个 reader/writer 互斥锁。RWMutex 在某一时刻只能由任意数量的 reader 持有，或者是只被单个的 writer 持有。RWMutex 的方法也很少，总共有 5 个：",
-    "url": "https://segmentfault.com/a/1190000041468059",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
-    "votes": "1",
+    "title": "都2022 年了,你总不能还只会 npm i 吧? 🔥",
+    "description": "在键帽与字符上横跳，于代码和程序中穿梭。一起面向快乐编程！大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏，提升效率。npm 作为 node 包管理器，内置了非常多...",
+    "url": "https://segmentfault.com/a/1190000041474448",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "【Go进阶—并发编程】Mutex",
-    "description": "互斥锁是并发程序中对临界资源进行访问控制的最基本手段，Mutex 即为 Go 语言原生的互斥锁实现。数据结构源码包 src/sync/mutex.go 中定义了 Mutex 的数据结构： {代码...} state 字段表示互斥锁的状态，是 32 位...",
-    "url": "https://segmentfault.com/a/1190000041467918",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
-    "votes": "1",
+    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
+    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
+    "url": "https://segmentfault.com/a/1190000041473617",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
     "rank": 5
+  },
+  {
+    "title": "CSS & SVG foreignObject 实现文字镂空波浪动画",
+    "description": "为什么要用到混合模式呢？因为这是文本，文本内部不可能放入 HTML 节点，所以下面介绍将另一种方式，在 HTML 完全受限的情况下，借助 SVG foreignObject 也能很轻松的实现这一效果，而且会有更好的效果，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000041470851",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
+    "rank": 6
+  },
+  {
+    "title": "所以，e.target 和 e.currentTarget 到底有啥区别呢？",
+    "description": "大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~",
+    "url": "https://segmentfault.com/a/1190000041469717",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "vue原理初探",
+    "description": "目录结构 {代码...} Vue 的初始化过程（new Vue(options)）都做了什么？1.处理组件配置项初始化根组件时进行了选项合并操作，将全局配置合并到根组件的局部配置上初始化每个子组件时做了一些性能优化，将组件配置...",
+    "url": "https://segmentfault.com/a/1190000041472832",
+    "author": "Grace糖衣",
+    "home_url": "https://segmentfault.com/u/gracetangyi",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "本周解决的一些问题",
+    "description": "弊端：在spring中如果使用new创建一个对象时，这个对象将不在受spring管理器管理，这样的话就绕过了容器的依赖注入过程，也可能出现获取不到应有的属性这种情况。说明：Spring是一个bean的容器，由容器负责对象的...",
+    "url": "https://segmentfault.com/a/1190000041473402",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Ubuntu环境配置以及常见问题",
+    "description": "apt是Ubuntu中非常重要的工具，是一款软件包管理器，可以理解为软件管家，Ubuntu中软件安装大多通过此工具用命令完成。通过一下文章了解更多关于apt的内容apt常用命令使用apt安装应用时常遇到这样的问题",
+    "url": "https://segmentfault.com/a/1190000041473346",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "win10安装Ubuntu20.04双系统",
+    "description": "此教程只针对UEFI模式的电脑，因为现在最新的电脑基本都为UEFI模式可以通过WIN+R输入msinfo32，回车确认查看BIOS模式，传统代表MBR，另外就是UEFI，Ubuntu是UFFI模式如果是传统可参考下面文章Windows+Ubuntu20.04...",
+    "url": "https://segmentfault.com/a/1190000041472162",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "2021 Rust 调查结果公布：共 9354 份调查问卷收集",
+    "description": "90% 的受访者表示依然在使用 Rust，而 5% 的人表示他们过去曾使用过 Rust 但现在不再使用，4% 的人表示他们根本没有使用过 Rust。本次调查共有 10 个语言版本，其中 78% 英语调查问卷占比 78%，其次是简体中文 (6...",
+    "url": "https://segmentfault.com/a/1190000041470904",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "受Prometheus启发的开源日志工具:Loki",
+    "description": "提及日志收集搜索框架，最常看到的解决方案就是 ELK。虽然现在有 Docker、k8s 帮我们简化了部署流程，但 ELK 对硬件的要求却很高。光是 Elasticsearch 官网就提及到需要 8 GB 内存以上的机器部署，可见占据的资源...",
+    "url": "https://segmentfault.com/a/1190000041474376",
+    "author": "lincoln",
+    "home_url": "https://segmentfault.com/u/hlf_60c74d4b572c8",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "IM全文检索技术专题(四)：微信iOS端的最新全文检索技术优化实践",
+    "description": "全文搜索是使用倒排索引进行搜索的一种搜索方式。倒排索引也称为反向索引，是指对输入的内容中的每个Token建立一个索引，索引中保存了这个Token在内容中的具体位置。全文搜索技术主要应用在对大量文本内容进行搜...",
+    "url": "https://segmentfault.com/a/1190000041474107",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "2022金三银四前端面试题预告",
+    "description": "马上就到了面试季了，今天整理了一下前端常见的一些面试题。虽说面试的时候造火箭，需要你背好八股文，不过很多基础还是应该掌握的，就算不面试，也应该多看一些基础，内功深厚了，将来说不定还开始写框架了，嘿嘿嘿",
+    "url": "https://segmentfault.com/a/1190000041474104",
+    "author": "伯约同学",
+    "home_url": "https://segmentfault.com/u/jinbitao",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "如何在 ThreeJS 中实现辉光效果",
+    "description": "在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...",
+    "url": "https://segmentfault.com/a/1190000041473819",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "2",
+    "rank": 16
+  },
+  {
+    "title": "Node的内存控制",
+    "description": "当应用程序批处理大量数据时，数据处理算法的编写方式使其需要保留堆空间中的对象，直到处理完成。随着处理的进行，应用程序逐渐使用了更多内存，V8也将 将花费更多时间进行垃圾收集以释放未使用的内存，直到最终...",
+    "url": "https://segmentfault.com/a/1190000041472491",
+    "author": "DLLCN",
+    "home_url": "https://segmentfault.com/u/dllcn",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "音视频开发者的福音，快速集成AI配音能力",
+    "description": "音视频内容创作者对剪辑应用中的AI配音需求与日俱增。它的优点很多，不光可以解决雇佣人力配音的成本以及创作者本身的口音、语言等限制，还可以大幅提升生产效率。比如，短视频的播放时间短的几十秒，长的vlog类...",
+    "url": "https://segmentfault.com/a/1190000041472290",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "[live streaming] 一文看懂D3js的设计,学会如何阅读源码。",
+    "description": "前言每周群内直播记录.欢迎大家加入前端可视化学习群.(2022/02/25)what is D3jsD3js DesignD3js Source codeQ&A---------what is D3js? (什么是D3js)D3js is a JavaScript library for visualizing data using we...",
+    "url": "https://segmentfault.com/a/1190000041471700",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "3",
+    "rank": 19
+  },
+  {
+    "title": "绿色农业智慧管理：农产品调度可视化平台",
+    "description": "2021 年 5 月 11 日，第七次全国人口普查主要数据公布，居住在乡村的人口为 50979 万人，占 36.11%。农村人口数量减少，中壮年外出务工，以家庭为单位的传统农业作业方式已不适合数字农业的发展。",
+    "url": "https://segmentfault.com/a/1190000041471169",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "适合做外包项目的开源后台管理系统",
+    "description": "梳理:1.D2admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT2.vue-element-admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT3.JEECG-BOOT开源地址：[链接]文档地址：[链...",
+    "url": "https://segmentfault.com/a/1190000041470755",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "CentOS 7 防火墙操作",
+    "description": "开启指定端口 {代码...} 开放指定端口范围 {代码...} 移除指定端口： {代码...} 重新加载防火墙 {代码...} 查看已开放端口 {代码...} 查看防火墙状态 {代码...} 开启防火墙 {代码...} 关闭防火墙 {代码...} 开启...",
+    "url": "https://segmentfault.com/a/1190000041469891",
+    "author": "二两生抽",
+    "home_url": "https://segmentfault.com/u/greatkevin",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "SQL 入门",
+    "description": "SQL 属于声明式编程语言，而现代通用编程语言一般都是命令式的。但是不要盲目崇拜声明式语言，比如说它未来会代替低级的命令式语言，因为声明式本身也有它的缺点，它与命令式语言也有相通的地方。",
+    "url": "https://segmentfault.com/a/1190000041469399",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "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": "1",
+    "rank": 24
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "25",
+    "votes": "27",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041415254",
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "29",
+    "votes": "30",
     "rank": 2
   },
   {
@@ -26,6 +26,15 @@
     "votes": "25",
     "rank": 3
   },
+  {
+    "title": "Web 中的“选区”和“光标”",
+    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
+    "url": "https://segmentfault.com/a/1190000041457245",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "24",
+    "rank": 4
+  },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
     "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
@@ -33,7 +42,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "23",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -42,15 +51,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "20",
-    "rank": 5
-  },
-  {
-    "title": "Web 中的“选区”和“光标”",
-    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
-    "url": "https://segmentfault.com/a/1190000041457245",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
+    "votes": "26",
     "rank": 7
   },
   {
@@ -71,14 +71,23 @@
     "votes": "22",
     "rank": 8
   },
+  {
+    "title": "60行代码实现React的事件系统",
+    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
+    "url": "https://segmentfault.com/a/1190000041355419",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "18",
+    "rank": 9
+  },
   {
     "title": "前端生成PDF，让后端刮目相看",
     "description": "PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...",
     "url": "https://segmentfault.com/a/1190000041447795",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "18",
-    "rank": 9
+    "votes": "19",
+    "rank": 10
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -87,7 +96,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -95,8 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "20",
-    "rank": 11
+    "votes": "21",
+    "rank": 12
+  },
+  {
+    "title": "两年经验前端：字节跳动系—石墨文档面经",
+    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
+    "url": "https://segmentfault.com/a/1190000041355537",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "18",
+    "rank": 13
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -105,7 +123,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -114,7 +132,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "CSS画冰墩墩~",
@@ -123,7 +141,16 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "19",
-    "rank": 14
+    "rank": 16
+  },
+  {
+    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
+    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
+    "url": "https://segmentfault.com/a/1190000041355320",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -132,7 +159,7 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -141,7 +168,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 16
+    "rank": 19
   },
   {
     "title": "小程序实现手写签名",
@@ -150,7 +177,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "13",
-    "rank": 17
+    "rank": 20
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -159,7 +186,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 18
+    "rank": 21
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -168,16 +195,16 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 19
+    "rank": 22
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "11",
-    "rank": 20
+    "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": 23
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -186,7 +213,16 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 21
+    "rank": 24
+  },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "11",
+    "rank": 25
   },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
@@ -195,7 +231,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "12",
-    "rank": 22
+    "rank": 26
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -204,7 +240,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "10",
-    "rank": 23
+    "rank": 27
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -213,7 +249,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 24
+    "rank": 28
   },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
@@ -222,42 +258,6 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "9",
-    "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": "14",
-    "rank": 26
-  },
-  {
-    "title": "GPL3.0许可证软件著作权纠纷案例解析",
-    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
-    "url": "https://segmentfault.com/a/1190000041424310",
-    "author": "AlexChen",
-    "home_url": "https://segmentfault.com/u/alex2020",
-    "votes": "8",
-    "rank": 27
-  },
-  {
-    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
-    "url": "https://segmentfault.com/a/1190000041419030",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
-    "rank": 28
-  },
-  {
-    "title": "来了来了，CSS 版的冰墩墩来了……",
-    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
-    "url": "https://segmentfault.com/a/1190000041393140",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "10",
     "rank": 29
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041455457",
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "8",
+    "votes": "9",
     "rank": 30
   }
 ]