@wcj/github-rank 21.10.30 → 21.10.31

package/dist/sifou-daily.json

@@ -1,101 +1,65 @@
 [
   {
-    "title": "未来已来，HMS Core 展现元宇宙落地价值",
-    "description": "当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……",
-    "url": "https://segmentfault.com/a/1190000040881913",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
+    "title": "Vue3源码分析——编译模块和编译器",
+    "description": "Parse 阶段将模板字符串转换为语法抽象树 AST。Transform 阶段对 AST 做一些转换处理。Codegen 阶段根据 AST 生成相应的渲染函数字符串。",
+    "url": "https://segmentfault.com/a/1190000040887536",
+    "author": "戎马",
+    "home_url": "https://segmentfault.com/u/lashoucuijs",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "一条曲线的诞生",
-    "description": "在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...",
-    "url": "https://segmentfault.com/a/1190000040883655",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "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": "JZ-009-变态跳台阶",
-    "description": "变态跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。题目链接: 变态跳台阶代码 {代码...} 【每日寄语】 昨日之深渊，来日之浅谈。",
-    "url": "https://segmentfault.com/a/1190000040882449",
+    "title": "JZ-010-矩形覆盖",
+    "description": "矩形覆盖题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？题目链接: 矩形覆盖代码 {代码...} 【每日寄语】 闲看花开，静待花落...",
+    "url": "https://segmentfault.com/a/1190000040886717",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
-    "rank": 4
-  },
-  {
-    "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
+    "rank": 2
   },
   {
-    "title": "MySQL: 使用explain 优化查询性能",
-    "description": "DESCRIBE和EXPLAIN语句是同义词。实际上，DESCRIBE关键字更常用于获取有关表结构的信息，而EXPLAIN用于获取查询执行计划（即，解释MySQL将如何执行查询）。",
-    "url": "https://segmentfault.com/a/1190000040881061",
-    "author": "风是客",
-    "home_url": "https://segmentfault.com/u/zhinanzhenxiansheng",
+    "title": "Angular中的Subject与Observable",
+    "description": "我们在平时用的某些组件传入的值为数组，组件只能检测数组长度变化，而数组的值发生变化时组件不能检测到变化，也就无法重新加载，这时可以使用Subject解决此类问题。",
+    "url": "https://segmentfault.com/a/1190000040887939",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
     "votes": "1",
-    "rank": 6
+    "rank": 3
   },
   {
-    "title": "【C进阶】18、三目运算符和逗号表达式",
-    "description": "Summary1）在C语言中，三目运算符返回的结果是一个右值，并不是一个变量（不能放在赋值符号左侧） 2）三目运算符的返回类型：通过隐式类型转换规则返回b和c中的较高类型（注意：char和short在运算时会隐式转换成i...",
-    "url": "https://segmentfault.com/a/1190000040885841",
+    "title": "【C进阶】19、编译过程简介",
+    "description": "2）点击Build之后，IDE会进行预编译（生成中间.i文件）、编译（生成汇编代码.s文件）、汇编（生成目标文件.o文件）、链接（生成可执行程序.out文件）。",
+    "url": "https://segmentfault.com/a/1190000040888314",
     "author": "bryson",
     "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
-    "rank": 7
-  },
-  {
-    "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
+    "rank": 4
   },
   {
-    "title": "一张图彻底搞懂Spring循环依赖",
-    "description": "BeanA类依赖了BeanB类，同时BeanB类又依赖了BeanA类。这种依赖关系形成了一个闭环，我们把这种依赖关系就称之为循环依赖。同理，再如下图的情况：",
-    "url": "https://segmentfault.com/a/1190000040883489",
-    "author": "Tom弹架构",
-    "home_url": "https://segmentfault.com/u/gupaoedu_tom",
+    "title": "大概80%的前端小伙伴都不懂ParseInt是这么用的",
+    "description": "说到JavaScript中的parseInt函数，不少同学可能觉得这个函数比较简单，就是一个把字符串转成整数的方法，第一时间想到的例子是这样的：",
+    "url": "https://segmentfault.com/a/1190000040888294",
+    "author": "伯约同学",
+    "home_url": "https://segmentfault.com/u/yiye_613cabae8ef30",
     "votes": "1",
-    "rank": 9
+    "rank": 5
   },
   {
-    "title": "写一个简单的插入排序",
-    "description": "我们先简单举个例子，假设现在有这样一个无序数组首先，我们把索引为0的元素看作区域，该区域是有序的，因为就只有一个元素，怎样排序都是它一个元素，所以就认为它是有序的。",
-    "url": "https://segmentfault.com/a/1190000040884679",
-    "author": "node_bin",
-    "home_url": "https://segmentfault.com/u/node_bin",
+    "title": "常见框架的 Diff 算法",
+    "description": "完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题虚拟 DOM 是什么虚拟 DOM 的作用讲一下 Vue 的 Diff 算法回答关键点虚拟 DOM 时间复杂度O(n)现代网站大多具有复杂布局，大量的节点和交互操作...",
+    "url": "https://segmentfault.com/a/1190000040887790",
+    "author": "HZFEStudio",
+    "home_url": "https://segmentfault.com/u/_6085362b65292",
     "votes": "1",
-    "rank": 10
+    "rank": 6
   },
   {
-    "title": "微软杀疯了，系列第 4 弹，又开源了 1 个入门课程",
-    "description": "【导语】：微软开源的初学者数据分析学习课程。这是本系列第四弹！《微软开源的机器学习课程》《微软开源的 Web 开发课程》《微软开源的物联网学习课程》简介Data-Science-For-Beginners 是微软开源的数据分析入...",
-    "url": "https://segmentfault.com/a/1190000040882185",
-    "author": "开源前哨",
-    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
+    "title": "如何定位内存泄露",
+    "description": "完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题垃圾回收机制回答关键点垃圾回收 DevTools内存泄漏是指不再使用的内存，没有被垃圾回收机制回收。当内存泄漏很大或足够频繁时，用户会有所感知...",
+    "url": "https://segmentfault.com/a/1190000040887757",
+    "author": "HZFEStudio",
+    "home_url": "https://segmentfault.com/u/_6085362b65292",
     "votes": "1",
-    "rank": 11
+    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -26,15 +26,6 @@
     "votes": "36",
     "rank": 3
   },
-  {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "43",
-    "rank": 4
-  },
   {
     "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
     "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
@@ -42,7 +33,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "27",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -51,7 +42,7 @@
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
     "votes": "23",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -60,7 +51,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "29",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -69,7 +60,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "27",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -87,7 +78,7 @@
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
     "votes": "25",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
@@ -96,7 +87,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -105,7 +96,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "22",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -114,7 +105,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -123,7 +114,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "22",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -132,7 +123,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "25",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "MySQL灵魂拷问：36题带你面试通关",
@@ -141,7 +132,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "19",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -150,6 +141,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
+    "rank": 16
+  },
+  {
+    "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": "19",
     "rank": 17
   },
   {
@@ -197,15 +197,6 @@
     "votes": "17",
     "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 个技巧",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -213,7 +204,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
@@ -222,6 +213,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
+    "rank": 24
+  },
+  {
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 25
   },
   {
@@ -233,15 +233,6 @@
     "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
-  },
   {
     "title": "利用 CSS Overview 面板重构优化你的网站",
     "description": "本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：",
@@ -249,8 +240,26 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
+    "rank": 27
+  },
+  {
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 28
   },
+  {
+    "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": "14",
+    "rank": 29
+  },
   {
     "title": "前端代码评审通常注意些什么",
     "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
@@ -258,15 +267,6 @@
     "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
   }
 ]