@wcj/github-rank 21.11.22 → 21.11.26

package/dist/sifou-daily.json

@@ -1,56 +1,209 @@
 [
   {
-    "title": "LeetCode-116-填充每个节点的下一个右侧节点指针",
-    "description": "题目描述：给定一个 完美二叉树 ，其所有叶子节点都在同一层，每个父节点都有两个子节点。二叉树定义如下： {代码...} 填充它的每个 next 指针，让这个指针指向其下一个右侧节点。如果找不到下一个右侧节点，则将...",
-    "url": "https://segmentfault.com/a/1190000040992983",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "JetBrains 官宣：将成立“ PHP 基金会”！PHP 历时 26 年迎来新的转机",
+    "description": "近日，PhpStorm 开发商 JetBrains 在官方博客发文宣布，将与 Automattic、Laravel、Laravel、Acquia 等多家公司共同成立 PHP 基金会。",
+    "url": "https://segmentfault.com/a/1190000041015673",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
     "rank": 1
   },
   {
-    "title": "公开揭密团队成员开发鸿蒙 OpenHarmony 的完整过程(收获官方7k奖金和开发板等，2w字用心总结)",
-    "description": "随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可...",
-    "url": "https://segmentfault.com/a/1190000040995395",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "1",
+    "title": "网易面试官：请你实现一下JS重载？可不是TS重载哦！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家讲一道题，是一道网易的面试题一位同学：“如何实现JS重载？”我：“JS有重载吗？不是TS才有吗?”一位...",
+    "url": "https://segmentfault.com/a/1190000041014225",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "整理记录一些好用的随机图API",
-    "description": "最近自己博客使用的随机图API有些不稳定，自己又去搜集了一些有意思的随机图API，这里做一个整理记录注意！！！本文链接最后测试时间----2021年11月21日主题作者Tagaki的API（有时候会挂）[链接]保罗API使用文档[...",
-    "url": "https://segmentfault.com/a/1190000040994331",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "2",
+    "title": "LeetCode-128-最长连续序列",
+    "description": "题目描述：给定一个未排序的整数数组 nums ，找出数字连续的最长序列（不要求序列元素在原数组中连续）的长度。请你设计并实现时间复杂度为 O(n) 的算法解决此问题。示例说明请见LeetCode官网。来源：力扣（LeetC...",
+    "url": "https://segmentfault.com/a/1190000041014482",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "介绍一款开源电商网站的购物车添加功能的实现",
-    "description": "目前电商领域有两款比较出名的开源电商网站解决方案，分别是基于 Angular 开发框架，代号为 Spartacus 的开源项目，以及基于 Vue 的 Vue Storefront.",
-    "url": "https://segmentfault.com/a/1190000040994620",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "1",
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "MongoDB学习之基本操作",
-    "description": "数据库的基本操作选择数据库 {代码...} 创建数据库 {代码...} 删除数据库 {代码...} 集合的基本操作插入操作格式 {代码...} 查看有哪些集合 {代码...} 创建一个集合 {代码...} 创建一个集合的时候还可以指定一些...",
-    "url": "https://segmentfault.com/a/1190000040994481",
-    "author": "小勇勇",
-    "home_url": "https://segmentfault.com/u/xiaoyongyong",
-    "votes": "1",
+    "title": "九州云黄舒泉：开源基因技术为主，携手塑造5G边缘计算新生态",
+    "description": "黄舒泉，云计算领域的专家和实践者，OpenStack 社区早期贡献者、推广者和实践者；多个 OpenStack 项目全球前十贡献者，边缘计算项目 StarlingX 主要发起人之一，StarlingX 技术委员会成员，第一届 TSC 成员中唯一...",
+    "url": "https://segmentfault.com/a/1190000041015997",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "HBase知识点总结",
-    "description": "HBase 是一种建立在 Hadoop 文件系统之上的分布式、可扩展、支持海量数据存储的 NoSQL 数据库。HBase 是 BigTable 的开源 Java 版本。是建立在 HDFS 之上，提供高可靠性、高性能、列存储、可伸缩、实时读写 NoSql...",
-    "url": "https://segmentfault.com/a/1190000040993033",
-    "author": "西柚",
-    "home_url": "https://segmentfault.com/u/shannonwang",
-    "votes": "1",
+    "title": "svg02——svg绘制基本图形，了解常用的属性",
+    "description": "还有一些通用的属性，比如 fill（填充）、stroke（边框）、transform（变换）（ transform就是 css3 中的用法 ）",
+    "url": "https://segmentfault.com/a/1190000041018563",
+    "author": "smile1213",
+    "home_url": "https://segmentfault.com/u/smile1213",
+    "votes": "2",
     "rank": 6
+  },
+  {
+    "title": "如何利用 JuiceFS 的性能工具做文件系统分析和调优",
+    "description": "JuiceFS 是一款面向云原生环境设计的高性能 POSIX 文件系统，在 AGPL v3.0 开源协议下发布。作为一个云上的分布式文件系统，任何存入 JuiceFS 的数据都会按照一定规则拆分成数据块存入对象存储（如 Amazon S3），...",
+    "url": "https://segmentfault.com/a/1190000041016912",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "svg05——svg的坐标系统和坐标系",
+    "description": "一、什么是svg的坐标系统众所周知，数学上的坐标系统，大部分是指 笛卡尔直角坐标系并且：x轴 向右，y轴 向上，角度为 逆时针在svg中，坐标系统同样也是笛卡尔直角坐标系，x轴 向右但是：y轴向下，角度为 顺时针...",
+    "url": "https://segmentfault.com/a/1190000041018611",
+    "author": "smile1213",
+    "home_url": "https://segmentfault.com/u/smile1213",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "svg04——svg中的图形分组＜g＞",
+    "description": "一、在svg中，使用 <g> 标签来创建分组<g> 标签内部的图形，会继承其属性<g> 可以使用 transform 属性进行坐标变换，变换之后可以理解为新的自身坐标系<g> 标签可以嵌套使用二、<g>...",
+    "url": "https://segmentfault.com/a/1190000041018602",
+    "author": "smile1213",
+    "home_url": "https://segmentfault.com/u/smile1213",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "svg03——用 js 创建svg",
+    "description": "实际使用svg中，我们经常会用js去操作svg一、核心API：1、创建图形：ns 指命名空间，tagName 是标签名，例如svg、rect {代码...} 2、添加子节点 {代码...} 3、获取、设置属性 {代码...} 二、实例 {代码...} {代码...",
+    "url": "https://segmentfault.com/a/1190000041018595",
+    "author": "smile1213",
+    "home_url": "https://segmentfault.com/u/smile1213",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "TypeScript 之 Indexed Access Types",
+    "description": "前言TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇整理自 TypeScript Handbook 中 「Indexed Access Types」 章节。...",
+    "url": "https://segmentfault.com/a/1190000041018433",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "【JS 逆向百例】你没见过的社会主义核心价值观加密",
+    "description": "本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！",
+    "url": "https://segmentfault.com/a/1190000041018198",
+    "author": "K哥爬虫",
+    "home_url": "https://segmentfault.com/u/kuaidaili",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "前端下载图片",
+    "description": "通常我们下载文件可以使用a标签的download属性，但此属性仅在同源有效，详情MDN文档，如果非同源下载图片时，浏览器会打开新的tab页展示图片，为了兼容上面两种情况，可以使用JS方法实现：",
+    "url": "https://segmentfault.com/a/1190000041017974",
+    "author": "PatWu16",
+    "home_url": "https://segmentfault.com/u/wupeng_5a4de5c290b9d",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "Vue Router清空历史记录",
+    "description": "当我们在浏览了多个页面之后，token到期。这时候系统应该强制用户登出，虽然用户登出了但如果不清除之前的浏览历史，点击浏览器的返回按钮，浏览器仍然会回退到之前的页面。",
+    "url": "https://segmentfault.com/a/1190000041017252",
+    "author": "grofis",
+    "home_url": "https://segmentfault.com/u/grofis",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "恒源云_训练一个专门捣乱的模型",
+    "description": "三位韩国人在EMNLP 2021 Findings上发表了一篇论文，名为Devil’s Advocate: Novel Boosting Ensemble Method from Psychological Findings for Text Classification，其中Devil’s Advocate有一部同名电影，翻译过...",
+    "url": "https://segmentfault.com/a/1190000041017010",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "在vue项目中取消axios请求（单个和全局）",
+    "description": "使用vuex的mixin实现，我跟着代码打了一遍，虽然进入了cancelToken的方法，但是并没有取消请求。来活了，等会再尝试一下。参考代码在：[链接]",
+    "url": "https://segmentfault.com/a/1190000041016537",
+    "author": "洋仔",
+    "home_url": "https://segmentfault.com/u/sucre_199782",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "你真的知道Spring注解驱动的前世今生吗？这篇文章让你豁然开朗！",
+    "description": "本篇文章，从Spring1.x到Spring 5.x的迭代中，站在现在的角度去思考Spring注解驱动的发展过程，这将有助于我们更好的理解Spring中的注解设计。",
+    "url": "https://segmentfault.com/a/1190000041015477",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "前端如何处理后端接口返回的gzip压缩的数据?",
+    "description": "因后端返回的数据量较大，后端使用gzip压缩数据，前端拿到接口返回的压缩数据进行解压。如图所示我们采用pako处理压缩数据安装 {代码...} 使用 {代码...} 示例引入上述pako.js文件 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041014538",
+    "author": "旅图灬",
+    "home_url": "https://segmentfault.com/u/lvtu",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "接上篇：Git Worktree 高级使用，这样清爽多了",
+    "description": "上一篇文章 Git Worktree 大法真香 带大家了解了 git worktree 是如何帮助我同时在多个分支工作，并且互不影响的。但是创建 worktree 的目录位置不是在当前项目下，总感觉创建好的这些 worktree 不属于当前项目，...",
+    "url": "https://segmentfault.com/a/1190000041019952",
+    "author": "日拱一兵",
+    "home_url": "https://segmentfault.com/u/tanrigongyibing",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "学术资源免费获取方式",
+    "description": "本文中包括的学术资源主要包含学术论文电子书籍教学视频准备工作电脑、、猴油脚本一、学术论文1.国内文献图书馆联盟 [链接]CNKI [链接]万方，维普2.国外文献Google scholar 访问方式（1）[链接]（2）谷歌访问助手...",
+    "url": "https://segmentfault.com/a/1190000041019415",
+    "author": "medai",
+    "home_url": "https://segmentfault.com/u/medai",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "js截取",
+    "description": "JS获取URL中最后一个斜杠前面的内容 {代码...} JS获取URL中最后一个斜杠后面的内容 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041016263",
+    "author": "小蘑菇",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "Day 4/100 Vue3 如何设置定时器以及清除定时器？",
+    "description": "前言搜了一堆，是支持Vue2 的this.$once，试了有报错，发现Vue3 被移除了，伤心，记录下解决方案。1、data 中声明 {代码...} 2、mounted 钩子中定义方案及处理函数 {代码...} 3、beforeUnmount或unmounted的钩子...",
+    "url": "https://segmentfault.com/a/1190000041015184",
+    "author": "SnowWolfArden",
+    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "一款劲爆的开源NFT市场，功能多, 还可适用于区块链游戏(GameFi)和元宇宙。",
+    "description": "FingerNFT系统是基于以太坊开发的去中心化NFT市场, FingerNFT借鉴了Rarible智能合约,实现免手续费离线签名，帮助用户在交易NFT的同时，减少手续费消耗。FingerNFT可部署在以太坊、币安、火币、MATIC等流行的公链...",
+    "url": "https://segmentfault.com/a/1190000041014978",
+    "author": "柴君",
+    "home_url": "https://segmentfault.com/u/chaijun",
+    "votes": "1",
+    "rank": 23
   }
 ]

package/dist/sifou-monthly.json

@@ -5,17 +5,35 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "56",
+    "votes": "57",
     "rank": 1
   },
+  {
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "47",
+    "rank": 2
+  },
+  {
+    "title": "CSS mask 实现鼠标跟随镂空效果",
+    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
+    "url": "https://segmentfault.com/a/1190000040996523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "30",
+    "rank": 3
+  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "40",
-    "rank": 2
+    "votes": "41",
+    "rank": 4
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -23,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "38",
-    "rank": 3
+    "votes": "41",
+    "rank": 5
   },
   {
     "title": "前端架构师的 git 功力，你有几成火候？",
@@ -32,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "35",
-    "rank": 4
+    "votes": "37",
+    "rank": 6
   },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
@@ -41,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "31",
-    "rank": 5
-  },
-  {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "36",
-    "rank": 6
+    "votes": "33",
+    "rank": 7
   },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
@@ -59,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040875211",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "34",
-    "rank": 7
+    "votes": "37",
+    "rank": 8
   },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
@@ -68,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "36",
-    "rank": 8
+    "votes": "38",
+    "rank": 9
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -77,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000040893750",
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "30",
-    "rank": 9
+    "votes": "31",
+    "rank": 10
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -86,8 +95,8 @@
     "url": "https://segmentfault.com/a/1190000040908304",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 10
+    "votes": "25",
+    "rank": 11
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -95,16 +104,7 @@
     "url": "https://segmentfault.com/a/1190000040914312",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "26",
-    "rank": 11
-  },
-  {
-    "title": "23 个非常有用的 NodeJs 库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
+    "votes": "27",
     "rank": 12
   },
   {
@@ -113,7 +113,7 @@
     "url": "https://segmentfault.com/a/1190000040875123",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "28",
+    "votes": "31",
     "rank": 13
   },
   {
@@ -122,25 +122,25 @@
     "url": "https://segmentfault.com/a/1190000040896809",
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "20",
+    "votes": "22",
     "rank": 14
   },
   {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "22",
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "25",
     "rank": 15
   },
   {
-    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
-    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
-    "url": "https://segmentfault.com/a/1190000040863000",
-    "author": "独钓寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "24",
+    "title": "处理可能超时的异步操作",
+    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
+    "url": "https://segmentfault.com/a/1190000040963849",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "18",
     "rank": 16
   },
   {
@@ -149,7 +149,7 @@
     "url": "https://segmentfault.com/a/1190000040937008",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "18",
+    "votes": "19",
     "rank": 17
   },
   {
@@ -162,41 +162,50 @@
     "rank": 18
   },
   {
-    "title": "处理可能超时的异步操作",
-    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
-    "url": "https://segmentfault.com/a/1190000040963849",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "17",
+    "title": "一文讲透自适应熔断的原理和实现",
+    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
+    "url": "https://segmentfault.com/a/1190000040978572",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "20",
     "rank": 19
   },
   {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
+    "title": "面试题整理之Vue篇",
+    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
+    "url": "https://segmentfault.com/a/1190000040971075",
+    "author": "Aaron",
+    "home_url": "https://segmentfault.com/u/aaronblog",
+    "votes": "24",
     "rank": 20
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
+    "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "votes": "22",
     "rank": 21
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
+    "votes": "25",
     "rank": 22
   },
+  {
+    "title": "纯 Git 实现前端 CI/CD",
+    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
+    "url": "https://segmentfault.com/a/1190000040904889",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 23
+  },
   {
     "title": "PC端高倍屏适配方案实践",
     "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
@@ -204,7 +213,7 @@
     "author": "野林",
     "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "17",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
@@ -213,43 +222,25 @@
     "author": "sluke",
     "home_url": "https://segmentfault.com/u/sluke",
     "votes": "12",
-    "rank": 24
+    "rank": 25
   },
   {
-    "title": "纯 Git 实现前端 CI/CD",
-    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
-    "url": "https://segmentfault.com/a/1190000040904889",
+    "title": "以 Vuex 为引，一窥状态管理全貌",
+    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
+    "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
-    "rank": 25
-  },
-  {
-    "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
-    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。",
-    "url": "https://segmentfault.com/a/1190000040865299",
-    "author": "若川",
-    "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
     "rank": 26
   },
   {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
-    "rank": 27
-  },
-  {
-    "title": "CSS几个有趣的属性分享",
-    "description": "这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...",
-    "url": "https://segmentfault.com/a/1190000040950850",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
+    "title": "git进阶（撤销pull、撤销merge、撤销add）",
+    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
+    "url": "https://segmentfault.com/a/1190000041004054",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "11",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -257,15 +248,24 @@
     "url": "https://segmentfault.com/a/1190000040980305",
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "10",
+    "votes": "11",
+    "rank": 28
+  },
+  {
+    "title": "使用这11个代码，可以大大地简化我们的代码。",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040759530",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 29
   },
   {
-    "title": "一文讲透自适应熔断的原理和实现",
-    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
-    "url": "https://segmentfault.com/a/1190000040978572",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "CSS几个有趣的属性分享",
+    "description": "这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...",
+    "url": "https://segmentfault.com/a/1190000040950850",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
     "rank": 30
   }