@wcj/github-rank 22.9.12 → 22.9.13

package/dist/sifou-daily.json

@@ -1,11 +1,47 @@
 [
   {
-    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
-    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
-    "url": "https://segmentfault.com/a/1190000042458570",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "OpenDataV低代码平台新增组件流程",
+    "description": "OpenDataV计划采用子库的方式添加子组件，即每一个组件都当做一个子库，子库有自己的依赖，而项目本身的依赖只针对框架，因此每一个组件我们都当做一个子库来开发。下面我带着大家一步步详细的开发一个数字展示组...",
+    "url": "https://segmentfault.com/a/1190000042460000",
+    "author": "星星在线",
+    "home_url": "https://segmentfault.com/u/dengshangxing",
     "votes": "2",
     "rank": 1
+  },
+  {
+    "title": "angular中单元测试中Uncaught undefined thrown",
+    "description": "在跑单元测试的时候遇到了这个问题， 控制台报错： An error was thrown in afterAll Uncaught undefined thrown",
+    "url": "https://segmentfault.com/a/1190000042460297",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "总结本周遇到的问题",
+    "description": "之前的文章中有写过在thy-form 与 formgroup 联合使用时出现的问题，当时直接认定它们不能同时使用。在后来的尝试中发现可以同时使用，下面来讲一下使用时遇到的问题。原文章： 记录最近遇到的问题",
+    "url": "https://segmentfault.com/a/1190000042460130",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "1",
+    "rank": 3
+  },
+  {
+    "title": "WebSocket学习笔记",
+    "description": "WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工(full-duplex)通讯的协议。没有了 Request 和 Response 的概念，两者地位完全平等，连接一旦建立，就建立了真持久性连接，双方可以通...",
+    "url": "https://segmentfault.com/a/1190000042459984",
+    "author": "爱吃鸡蛋饼",
+    "home_url": "https://segmentfault.com/u/dvqlfbwm",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "升级 React Router v6 指南",
+    "description": "近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 re...",
+    "url": "https://segmentfault.com/a/1190000042459956",
+    "author": "JackySummer",
+    "home_url": "https://segmentfault.com/u/jackysummer",
+    "votes": "1",
+    "rank": 5
   }
 ]

package/dist/sifou-monthly.json

@@ -62,6 +62,15 @@
     "votes": "12",
     "rank": 7
   },
+  {
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "votes": "11",
+    "rank": 8
+  },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
     "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
@@ -69,7 +78,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -77,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000042398943",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 9
+    "votes": "14",
+    "rank": 10
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -87,15 +96,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 10
-  },
-  {
-    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
-    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
-    "url": "https://segmentfault.com/a/1190000042447341",
-    "author": "dreamapplehappy",
-    "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "10",
     "rank": 11
   },
   {
@@ -107,6 +107,15 @@
     "votes": "6",
     "rank": 12
   },
+  {
+    "title": "盘点一些好用的 JS 单行代码",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042391998",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
+    "rank": 13
+  },
   {
     "title": "精读《pnpm》",
     "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
@@ -114,7 +123,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -123,7 +132,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -132,7 +141,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -141,15 +150,6 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 16
-  },
-  {
-    "title": "盘点一些好用的 JS 单行代码",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042391998",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
     "rank": 17
   },
   {
@@ -167,7 +167,7 @@
     "url": "https://segmentfault.com/a/1190000042367660",
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "9",
+    "votes": "10",
     "rank": 19
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "拒绝加班:巧用前端电子表格中构建公式树",
-    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
-    "url": "https://segmentfault.com/a/1190000042377267",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "10",
+    "votes": "11",
     "rank": 1
   },
   {
@@ -17,15 +17,6 @@
     "votes": "6",
     "rank": 2
   },
-  {
-    "title": "用Vue.js写一个命令行贪吃蛇游戏",
-    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
-    "url": "https://segmentfault.com/a/1190000042431217",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "5",
-    "rank": 3
-  },
   {
     "title": "使用 SVG 生成带标识的 favicon",
     "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
@@ -33,15 +24,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "6",
+    "rank": 3
+  },
+  {
+    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
+    "url": "https://segmentfault.com/a/1190000042453662",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "6",
     "rank": 4
   },
   {
-    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
-    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
-    "url": "https://segmentfault.com/a/1190000042432407",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "7",
+    "title": "AI数字绘画 stable-diffusion 保姆级教程",
+    "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
+    "url": "https://segmentfault.com/a/1190000042450560",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "4",
     "rank": 5
   },
   {
@@ -53,24 +53,6 @@
     "votes": "5",
     "rank": 6
   },
-  {
-    "title": "AI数字绘画 stable-diffusion 保姆级教程",
-    "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
-    "url": "https://segmentfault.com/a/1190000042450560",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 8
-  },
   {
     "title": "内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档",
     "description": "在计量领域中，计量检定是一种重要形式，主要用于评定计量器具的计量性能，确定其量值是否准确一致，实现手段包括计量检验、出具检定证书和加封盖印等。在检定证书这一环节，存在一个难点，就是无法在线预览以及...",
@@ -78,16 +60,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "开源 api 管理工具 V 1.6.0 发布：切换 Tab 不再担心数据丢失！",
-    "description": "之前有用户反馈为啥我在测试页面想看看文档的字段，回测试数据全给我清空了，是的我承认这体验很差，考虑到后续还要支持多协议，Tab 优化被提上了日程～",
-    "url": "https://segmentfault.com/a/1190000042434013",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.8",
@@ -96,25 +69,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 11
-  },
-  {
-    "title": "package.json中的字段详解(来自于官方文档)",
-    "description": "module //定义主要入口点，专门为esm 提供，目的时 tree-shaking，没有时，找mainmain //定义主要入口点， esm和cjs提供。exports //定义多个入口点（推荐使用），优先级比上面两个高。为esm和cjs提供，在引入exp...",
-    "url": "https://segmentfault.com/a/1190000042435553",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "3",
-    "rank": 12
-  },
-  {
-    "title": "性能调优——小小的log大大的坑",
-    "description": "日志对程序的重要性不言而喻，轻巧、简单、无需费脑，程序代码中随处可见，帮助我们排查定位一个有一个问题问题。但看似不起眼的日志，却隐藏着各式各样的“坑”，如果使用不当，不仅不能帮助我们，反而会成为服务“...",
-    "url": "https://segmentfault.com/a/1190000042434642",
-    "author": "咕咕鸡",
-    "home_url": "https://segmentfault.com/u/guguji_fly",
-    "votes": "1",
-    "rank": 13
+    "rank": 8
   },
   {
     "title": "在 Vue 中如何避免在动态绑定 类 出现空 类 的情况?",
@@ -123,7 +78,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 14
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 — 你对 Vue 了解多少？",
@@ -132,16 +87,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "docker 和 dockerFile 介绍",
-    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
-    "url": "https://segmentfault.com/a/1190000042435608",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 16
+    "rank": 10
   },
   {
     "title": "终于实现了一门属于自己的编程语言",
@@ -150,16 +96,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "精读《依赖注入简介》",
-    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
-    "url": "https://segmentfault.com/a/1190000042431264",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
-    "rank": 18
+    "rank": 11
   },
   {
     "title": "深入理解JavaScript-原型",
@@ -168,25 +105,7 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "3",
-    "rank": 19
-  },
-  {
-    "title": "手把手教你 Spring Boot 整合 Reactor",
-    "description": "Reactor 是一个完全非阻塞的 JVM 响应式编程基础，有着高效的需求管理（背压的形式）。它直接整合 Java8 的函数式 API，尤其是 CompletableFuture， Stream，还有 Duration 。提供了可组合的异步化序列 API — Flu...",
-    "url": "https://segmentfault.com/a/1190000042442228",
-    "author": "六七十三",
-    "home_url": "https://segmentfault.com/u/prepared",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "都2022年了，实时更新数据你还只会用短轮询?",
-    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
-    "url": "https://segmentfault.com/a/1190000042431528",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "votes": "1",
-    "rank": 21
+    "rank": 12
   },
   {
     "title": "大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表",
@@ -195,7 +114,16 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "2",
-    "rank": 22
+    "rank": 13
+  },
+  {
+    "title": "手把手教你 Spring Boot 整合 Reactor",
+    "description": "Reactor 是一个完全非阻塞的 JVM 响应式编程基础，有着高效的需求管理（背压的形式）。它直接整合 Java8 的函数式 API，尤其是 CompletableFuture， Stream，还有 Duration 。提供了可组合的异步化序列 API — Flu...",
+    "url": "https://segmentfault.com/a/1190000042442228",
+    "author": "六七十三",
+    "home_url": "https://segmentfault.com/u/prepared",
+    "votes": "1",
+    "rank": 14
   },
   {
     "title": "K8S 生态周报| Kubernetes v1.25.0 正式发布，新特性一览",
@@ -204,7 +132,7 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "1",
-    "rank": 23
+    "rank": 15
   },
   {
     "title": "PHP-Parser 应用之扫描发现代码中的打印、输出结构语句",
@@ -213,7 +141,7 @@
     "author": "guanguans",
     "home_url": "https://segmentfault.com/u/guanguans",
     "votes": "1",
-    "rank": 24
+    "rank": 16
   },
   {
     "title": "最新抖音数据分析app爬虫",
@@ -222,16 +150,16 @@
     "author": "平果",
     "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "votes": "1",
-    "rank": 25
+    "rank": 17
   },
   {
-    "title": "TypeScript 中  unknown 与 any 有啥区别",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042431207",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如何打造gitlab runner下可用的钉钉机器人",
+    "description": "gitlab runner运行完相关的测试或打包后，我们总想让它把结果实时主动的告知我们，这时候便需要一个钉钉机器人了。报着试试看的想法在docker hub上搜索，虽然找到了几个关键字相同的，但很遗憾这些作者都很懒，没...",
+    "url": "https://segmentfault.com/a/1190000042450397",
+    "author": "myskies",
+    "home_url": "https://segmentfault.com/u/myskies",
     "votes": "1",
-    "rank": 26
+    "rank": 18
   },
   {
     "title": "为什么Vue（默认情况下）比React性能更好",
@@ -240,25 +168,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "如何打造gitlab runner下可用的钉钉机器人",
-    "description": "gitlab runner运行完相关的测试或打包后，我们总想让它把结果实时主动的告知我们，这时候便需要一个钉钉机器人了。报着试试看的想法在docker hub上搜索，虽然找到了几个关键字相同的，但很遗憾这些作者都很懒，没...",
-    "url": "https://segmentfault.com/a/1190000042450397",
-    "author": "myskies",
-    "home_url": "https://segmentfault.com/u/myskies",
-    "votes": "1",
-    "rank": 28
+    "rank": 19
   },
   {
-    "title": "pip安装更换镜像",
-    "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：1 单次修改源以Torch为例，常规下载方式为： {代码...} 修改为阿里源： {代码...} 2 修改默认源如果不想在每一次下载都...",
-    "url": "https://segmentfault.com/a/1190000042431518",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "title": "使用VuePress快速搭建博客、在线文档、静态网站（VuePress项目创建）",
+    "description": "VuePress 是Vuejs官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown文档。",
+    "url": "https://segmentfault.com/a/1190000042452657",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "1",
-    "rank": 29
+    "rank": 20
   },
   {
     "title": "CommonJS模块 和 ECMAScript模块（来自官方文档）",
@@ -267,6 +186,87 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "2",
+    "rank": 21
+  },
+  {
+    "title": "Chrome已实现对H.265/HEVC的硬解支持",
+    "description": "H.265/HEVC作为ITU-T VCEG继H.264/AVC之后所制定的新视频编码标准，能够在有限带宽下传输质量更高的视频。超高清视频的普及与流行，使得各大网站不得不用H.265来代替老旧的H.264编码做视频传输，当使用H.265标准...",
+    "url": "https://segmentfault.com/a/1190000042455598",
+    "author": "微帧Visionular",
+    "home_url": "https://segmentfault.com/u/visionular",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "云对象 - 重新定义前后端交互",
+    "description": "背景从2000年开始，xml作为数据交换格式开始流行，服务器拼接xml接口，客户端js获取xml内容，动态修改页面。几年后，数据量更小的json替代了xml。移动互联网到来后，因为客户端分裂，加剧了接口的泛滥。一转眼，...",
+    "url": "https://segmentfault.com/a/1190000042449895",
+    "author": "崔红保",
+    "home_url": "https://segmentfault.com/u/cuihongbao",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "高阶 CSS 技巧在复杂动效中的应用",
+    "description": "最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...",
+    "url": "https://segmentfault.com/a/1190000042454840",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
+    "rank": 24
+  },
+  {
+    "title": "vue-cli-service: command not found报错引发的血案",
+    "description": "最近因为工作需要，开始学习vue，于是在github上找了一个star数比较高的项目 ant-design-vue-pro 准备练手。项目克隆下来后，用 vscode 打开工程，并且使用了 vscode 自带的终端安装了依赖包，但是准备执行 yarn ...",
+    "url": "https://segmentfault.com/a/1190000042447716",
+    "author": "astonishqft",
+    "home_url": "https://segmentfault.com/u/astonishqft_5b308c7f8c676",
+    "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "在 JavaScript 中，什么时候使用 Map 或胜过 Object",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042366094",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 26
+  },
+  {
+    "title": "日志易正式加入华为云云商店联营模式，并受邀参与首届B2B企业节",
+    "description": "日志易专注信创自研，已经成为华为鲲鹏展翅伙伴计划ISV级认证伙伴，与华为云Stack8.0（鲲鹏）、TaiShan 100系列及TaiShan 200系列完成兼容性互认证。此次升级为云商店联营模式生态伙伴，日志易将充分发挥国产自研...",
+    "url": "https://segmentfault.com/a/1190000042442622",
+    "author": "科技云未来",
+    "home_url": "https://segmentfault.com/u/qiushoudongcang_62e3a41e420e4",
+    "votes": "0",
+    "rank": 27
+  },
+  {
+    "title": "C++函数模板的具体化",
+    "description": "在代码中声明函数模板的时候，是不会生成函数定义的，当编译器使用模板为特定类型生成函数定义时，得到的是模板实例。例如如下代码，这样的模板并非函数定义。",
+    "url": "https://segmentfault.com/a/1190000042456890",
+    "author": "keep",
+    "home_url": "https://segmentfault.com/u/keep_630cb8331de97",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "京东前端面试题",
+    "description": "call apply bind题目描述:手写 call apply bind 实现实现代码如下: {代码...} ----问题知识点分割线----说一说前端性能优化方案 {代码...} ----问题知识点分割线----插入排序--时间复杂度 n^2题目描述:实现一个插...",
+    "url": "https://segmentfault.com/a/1190000042456363",
+    "author": "bb_xiaxia1998",
+    "home_url": "https://segmentfault.com/u/jiuliangdadekaotusi",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "聊聊使用@RefreshScope与nacos2整合踩到的坑",
+    "description": "本文的素材来源于朋友整合nacos2作为配置中心进行动态刷新时，踩到的坑。他当时遇到的问题，如下截图因为那段时间比较忙，于是我在没看朋友项目代码的基础上，就找个了看似解决方案的答案，扔了过去后面朋友加了...",
+    "url": "https://segmentfault.com/a/1190000042451430",
+    "author": "linyb极客之路",
+    "home_url": "https://segmentfault.com/u/linybjikezhilu",
+    "votes": "1",
     "rank": 30
   }
 ]