@wcj/github-rank 21.10.29 → 21.10.30

package/dist/sifou-daily.json

@@ -1,137 +1,101 @@
 [
   {
-    "title": "涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design",
-    "description": "据描述，Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...",
-    "url": "https://segmentfault.com/a/1190000040877069",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "3",
+    "title": "未来已来，HMS Core 展现元宇宙落地价值",
+    "description": "当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……",
+    "url": "https://segmentfault.com/a/1190000040881913",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
-    "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
-    "url": "https://segmentfault.com/a/1190000040875211",
-    "author": "独钓寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "11",
+    "title": "一条曲线的诞生",
+    "description": "在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...",
+    "url": "https://segmentfault.com/a/1190000040883655",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "CSS，我可以写 if/else 语法了？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040847047",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕",
+    "description": "作为业界最具影响力的开源盛事，2021 中国开源年会（COSCon'21）将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛，和线下聚会两部分。",
+    "url": "https://segmentfault.com/a/1190000040882505",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "大厂面试题分享：如何让(a===1&&a===2&&a===3)的值为true?",
-    "description": "当我第一次看到这一题目的时候，我是比较震惊的，分析了下很不合我们编程的常理，并认为不大可能，变量a要在同一情况下要同时等于1，2和3这三个值，这是天方夜谭吧，不亚于哥德巴赫1+1=1的猜想吧，不过一切皆有可...",
-    "url": "https://segmentfault.com/a/1190000040880874",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
+    "title": "JZ-009-变态跳台阶",
+    "description": "变态跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。题目链接: 变态跳台阶代码 {代码...} 【每日寄语】 昨日之深渊，来日之浅谈。",
+    "url": "https://segmentfault.com/a/1190000040882449",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "JZ-008-跳台阶",
-    "description": "跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法（先后次序不同算不同的结果）题目链接: 跳台阶代码 {代码...} 【每日寄语】 你的微笑是最有治愈力的力量...",
-    "url": "https://segmentfault.com/a/1190000040875685",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "无需 Dockerfile 的镜像构建：BuildPack vs Dockerfile",
+    "description": "过去的工作中，我们使用微服务、容器化以及服务编排构建了技术平台。为了提升开发团队的研发效率，我们同时还提供了 CICD 平台，用来将代码快速的部署到 Openshift（企业级的 Kubernetes） 集群。",
+    "url": "https://segmentfault.com/a/1190000040881122",
+    "author": "云原生指北",
+    "home_url": "https://segmentfault.com/u/datou_60933f1aa8c7c",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "在OneOS-Lite上学习搭建CI/CD流程(GitLab篇)",
-    "description": "嵌入式软件开发领域高频使用的开发语言是C语言，在大型项目开发中，我们往往会有格式审查、编译审查的需求。如果能借助GitLab平台实现代码的格式和编译问题审查，将会极大提高合入代码的规范性，把控新代码对原有...",
-    "url": "https://segmentfault.com/a/1190000040877695",
-    "author": "蓁蓁",
-    "home_url": "https://segmentfault.com/u/oneos",
+    "title": "MySQL: 使用explain 优化查询性能",
+    "description": "DESCRIBE和EXPLAIN语句是同义词。实际上，DESCRIBE关键字更常用于获取有关表结构的信息，而EXPLAIN用于获取查询执行计划（即，解释MySQL将如何执行查询）。",
+    "url": "https://segmentfault.com/a/1190000040881061",
+    "author": "风是客",
+    "home_url": "https://segmentfault.com/u/zhinanzhenxiansheng",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Netpoll导读",
-    "description": "要了解一个像Netty这样项目的源码是一件非常困难的事情。项目本身源码量大，涉及的底层知识多，加上利用了各种设计模式，都会对源码阅读增加难度。对于这样的工程最好是根据作者提供的导图先了解个大概，然后充分...",
-    "url": "https://segmentfault.com/a/1190000040879522",
-    "author": "byeane",
-    "home_url": "https://segmentfault.com/u/byeane",
-    "votes": "2",
+    "title": "【C进阶】18、三目运算符和逗号表达式",
+    "description": "Summary1）在C语言中，三目运算符返回的结果是一个右值，并不是一个变量（不能放在赋值符号左侧） 2）三目运算符的返回类型：通过隐式类型转换规则返回b和c中的较高类型（注意：char和short在运算时会隐式转换成i...",
+    "url": "https://segmentfault.com/a/1190000040885841",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "为什么要分库分表？",
-    "description": "前言在高并发系统当中，分库分表是必不可少的技术手段之一，同时也是 BAT 等大厂面试时，经常考的热门考题。你知道我们为什么要做分库分表吗？这个问题要从两条线说起：垂直方向 和 水平方向。1 垂直方向垂直方向...",
-    "url": "https://segmentfault.com/a/1190000040878163",
-    "author": "妍妍",
-    "home_url": "https://segmentfault.com/u/_6175053e57aec",
+    "title": "Linux at命令详解",
+    "description": "大家好，我是良许。生活中，我们有太多场景需要使用到闹钟，比如早上 7 点起床，下午 4 点开会，晚上 8 点购物，等等。在 Linux 系统里，我们同样也有类似的需求。比如我们想在凌晨 1 点将文件上传服务器，或者在...",
+    "url": "https://segmentfault.com/a/1190000040885631",
+    "author": "良许",
+    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "JavaScript栈思想的应用：实现智能重复函数",
-    "description": "需求：实现一个“智能重复”函数，实现下面字符串的转换 {代码...} 思路及原理原理：使用“栈”思想来实现，在JavaScript中实现“栈”的最好数据结构是数组思路：1、定义两个栈（数组），栈1（stack1）、栈2（stack2）...",
-    "url": "https://segmentfault.com/a/1190000040877623",
-    "author": "heath_learning",
-    "home_url": "https://segmentfault.com/u/heath_learning",
+    "title": "一张图彻底搞懂Spring循环依赖",
+    "description": "BeanA类依赖了BeanB类，同时BeanB类又依赖了BeanA类。这种依赖关系形成了一个闭环，我们把这种依赖关系就称之为循环依赖。同理，再如下图的情况：",
+    "url": "https://segmentfault.com/a/1190000040883489",
+    "author": "Tom弹架构",
+    "home_url": "https://segmentfault.com/u/gupaoedu_tom",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框",
-    "description": "本文将通过一个实际的业务需求，讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题：在文字展示的时候，利用了 font-weight: bold 给文字进行...",
-    "url": "https://segmentfault.com/a/1190000040876086",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "写一个简单的插入排序",
+    "description": "我们先简单举个例子，假设现在有这样一个无序数组首先，我们把索引为0的元素看作区域，该区域是有序的，因为就只有一个元素，怎样排序都是它一个元素，所以就认为它是有序的。",
+    "url": "https://segmentfault.com/a/1190000040884679",
+    "author": "node_bin",
+    "home_url": "https://segmentfault.com/u/node_bin",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "纯净搭建简历工具",
-    "description": "通常来说，我们更希望自己的简历显示出自己的个性，除了使用文档编辑，网上有很多现成的模板，同时也提供了相对自由的编辑环境，但是往往到了最后一步导出的时候，会提示扫码、会员、付费等绑定操作，看着自己的...",
-    "url": "https://segmentfault.com/a/1190000040876018",
-    "author": "stonehank",
-    "home_url": "https://segmentfault.com/u/stonehank",
-    "votes": "2",
-    "rank": 11
-  },
-  {
-    "title": "TransX 一个小巧玲珑的 vue 组件切换动画库",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
-    "url": "https://segmentfault.com/a/1190000040879529",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "前端必会的nginx（配置可视化）",
-    "description": "1.介绍Nginx（发音同“engine X”）是异步框架的web服务器，也可以用作反向代理、负载平衡器和HTTP缓存。特点：和node类似，Nginx使用异步事件驱动的方法来处理请求，适合处理io密集型场景前端为什么要学：测试环境...",
-    "url": "https://segmentfault.com/a/1190000040879096",
-    "author": "Runningfyy",
-    "home_url": "https://segmentfault.com/u/yangkaiqiang",
-    "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "北京|上市教育职业集团年薪40-60万诚聘前端讲师",
-    "description": "依靠 \"口碑\" 招生 （70% 的学员来自老学员推荐）；发展前景有兴趣做成就他人而快乐自己的老师吗？我们是国内第一家上市的成人职业教育集团，平台大，发展广，职业教育老师没有35岁焦虑。讲师是起步，后续可以做课...",
-    "url": "https://segmentfault.com/a/1190000040875342",
-    "author": "张鹏",
-    "home_url": "https://segmentfault.com/u/zhangpeng_6179f90d51ae3",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "听说你的对象有个”环“？怎么发现的呢？",
-    "description": "1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...",
-    "url": "https://segmentfault.com/a/1190000040875138",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
+    "title": "微软杀疯了，系列第 4 弹，又开源了 1 个入门课程",
+    "description": "【导语】：微软开源的初学者数据分析学习课程。这是本系列第四弹！《微软开源的机器学习课程》《微软开源的 Web 开发课程》《微软开源的物联网学习课程》简介Data-Science-For-Beginners 是微软开源的数据分析入...",
+    "url": "https://segmentfault.com/a/1190000040882185",
+    "author": "开源前哨",
+    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
     "votes": "1",
-    "rank": 15
+    "rank": 11
   }
 ]

package/dist/sifou-monthly.json

@@ -26,41 +26,14 @@
     "votes": "36",
     "rank": 3
   },
-  {
-    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
-    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
-    "url": "https://segmentfault.com/a/1190000040747951",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "42",
-    "rank": 4
-  },
   {
     "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040692431",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "42",
-    "rank": 5
-  },
-  {
-    "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
-    "description": "React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。",
-    "url": "https://segmentfault.com/a/1190000040748929",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "28",
-    "rank": 6
-  },
-  {
-    "title": "50天用react.js重写50个web项目，我学到了什么？",
-    "description": "1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...",
-    "url": "https://segmentfault.com/a/1190000040813435",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "29",
-    "rank": 7
+    "votes": "43",
+    "rank": 4
   },
   {
     "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
@@ -68,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "26",
-    "rank": 8
+    "votes": "27",
+    "rank": 5
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -77,8 +50,17 @@
     "url": "https://segmentfault.com/a/1190000040840891",
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "21",
-    "rank": 9
+    "votes": "23",
+    "rank": 6
+  },
+  {
+    "title": "50天用react.js重写50个web项目，我学到了什么？",
+    "description": "1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...",
+    "url": "https://segmentfault.com/a/1190000040813435",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -87,7 +69,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "27",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -96,16 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 11
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -113,8 +86,17 @@
     "url": "https://segmentfault.com/a/1190000040766151",
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
+    "votes": "25",
+    "rank": 10
+  },
+  {
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -123,7 +105,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "22",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -131,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 15
+    "votes": "19",
+    "rank": 13
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -140,8 +122,8 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "21",
-    "rank": 16
+    "votes": "22",
+    "rank": 14
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -149,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000040850857",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "24",
-    "rank": 17
+    "votes": "25",
+    "rank": 15
   },
   {
     "title": "MySQL灵魂拷问：36题带你面试通关",
@@ -159,7 +141,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "19",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -168,16 +150,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 19
-  },
-  {
-    "title": "postTask：React的杀手锏被浏览器原生实现了？",
-    "description": "大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...",
-    "url": "https://segmentfault.com/a/1190000040751671",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -185,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000040863000",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "18",
-    "rank": 21
+    "votes": "20",
+    "rank": 18
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -194,8 +167,8 @@
     "url": "https://segmentfault.com/a/1190000040818832",
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "13",
-    "rank": 22
+    "votes": "15",
+    "rank": 19
   },
   {
     "title": "计算机网络经典20问！",
@@ -204,7 +177,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "13",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -213,7 +186,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "20",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "正则表达式汇总",
@@ -222,7 +195,16 @@
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "17",
-    "rank": 25
+    "rank": 22
+  },
+  {
+    "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
+    "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
+    "url": "https://segmentfault.com/a/1190000040875211",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "15",
+    "rank": 23
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -231,7 +213,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 26
+    "rank": 24
+  },
+  {
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 25
   },
   {
     "title": "66道前端算法面试题附思路分析助你查漏补缺",
@@ -240,6 +231,15 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "13",
+    "rank": 26
+  },
+  {
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 27
   },
   {
@@ -251,15 +251,6 @@
     "votes": "13",
     "rank": 28
   },
-  {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
-    "rank": 29
-  },
   {
     "title": "前端代码评审通常注意些什么",
     "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
@@ -267,6 +258,15 @@
     "author": "_Vin",
     "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "聊聊TypeScript中枚举对象(Enum)",
+    "description": "什么是枚举，顾名思义我们看到枚举这个词，脑子里就已经想到这是一个键值对的形式，就可以看做是我们JavaScript中的json对象一样。在ts中声明枚举对象的关键字是使用enum，枚举成员一但定义就不可改变了。下面来...",
+    "url": "https://segmentfault.com/a/1190000040817957",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "7",
     "rank": 30
   }
 ]