@wcj/github-rank 21.11.13 → 21.11.14

package/dist/sifou-daily.json

@@ -1,83 +1,20 @@
 [
   {
-    "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": "4",
-    "rank": 1
-  },
-  {
-    "title": "Flutter自定义时间轴timeline",
-    "description": "组件在业务开发中经常会使用到timeline时间轴，来记录数据操作记录等，在这本人封装了一个相对较通用的时间轴组件。示例参数参数类型必填说明timelineListList是时间轴数据lineColorColor是时间轴轴线颜色heightd...",
-    "url": "https://segmentfault.com/a/1190000040950099",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "Flutter业务开发常用小技巧（样式布局篇）",
-    "description": "阴影样式中flutter和css对应关系如下图的阴影 UI给出的css样式 {代码...} flutter样式布局 {代码...} 对应关系属性css（box-shadow）flutter（boxShadow）offset前两个值offset: Offset(0, 0.5)blurRadius第三个...",
-    "url": "https://segmentfault.com/a/1190000040951478",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "title": "「后端小伙伴来学前端了」关于 Vue中的 props",
+    "description": "校园的晚霞前言学vue必须要会的就是组件这玩意啦，不然可能就约等于白学。我自己前期完成老师布置的任务，不瞒你说，交上去，直接被骂，原因就是我一个组件没抽😂（一边学，一边敲，没想那么多，只想着实现）。一...",
+    "url": "https://segmentfault.com/a/1190000040955254",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "LeetCode-099-恢复二叉搜索树",
-    "description": "题目描述：给你二叉搜索树的根节点 root ，该树中的两个节点被错误地交换。请在不改变其结构的情况下，恢复这棵树。进阶：使用 O(n) 空间复杂度的解法很容易实现。你能想出一个只使用常数空间的解决方案吗？示例...",
-    "url": "https://segmentfault.com/a/1190000040948141",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "【JavaScript实用技巧（二）】Js操作DOM（由问题引发的文章改版，新人大佬都可）",
-    "description": "这片文章的来源是更改之前的一个笔记，是获取js获取input标签的值，当时只是讲了这个例子，当然下面这个例子依然保留，毕竟要在乎老用户的感受，属于增量需求。",
-    "url": "https://segmentfault.com/a/1190000040953241",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "ES6新增API：Object篇",
-    "description": "1.Object.is函数类型： {代码...} Object.is(...)函数的比较规则和严格相等===基本相同，但是有两个特殊的值——NaN和-0，需要注意：当进行严格相等的比较时，NaN本身是不相等的，+0和-0是相等的： {代码...} 但是...",
-    "url": "https://segmentfault.com/a/1190000040951872",
-    "author": "forceddd",
-    "home_url": "https://segmentfault.com/u/forceddd",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "Chrome  团队提交补丁：阻止用户「查看网页源代码」",
-    "description": "11 月 11日，互联网档案馆(Internet Archive) 的一名员工 Jason Scott 发布推特称，Chrome团队为Chromium项目提交的一个补丁可用于阻止用户使用浏览器的「查看网页源代码」功能。",
-    "url": "https://segmentfault.com/a/1190000040949271",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 8
+    "rank": 1
   },
   {
-    "title": "互联网大厂考点（阿里+百度+腾讯+字节跳动+美团+京东）",
-    "description": "本文扼要本文结构主要分为以下三个部分：01 互联网大厂考点（阿里+百度+腾讯+字节跳动+美团+京东）02 Java 面试考点大全（基本功底+常用技术+技术深度+技术经验+学习能力+工作能力+项目经验）03 面试真题重现01 ...",
-    "url": "https://segmentfault.com/a/1190000040952540",
-    "author": "Java大将军",
-    "home_url": "https://segmentfault.com/u/23g69kz6",
+    "title": "讲讲Java的注解",
+    "description": "Java SE 5 引入了许多的语言变化，注解（元数据）就是其中之一，主要是在代码中附加补充信息。注解不会影响代码的逻辑，只是在编译、运行时，为代码加入配置与描述等功能。",
+    "url": "https://segmentfault.com/a/1190000040955445",
+    "author": "hireny",
+    "home_url": "https://segmentfault.com/u/hireny",
     "votes": "1",
-    "rank": 9
+    "rank": 2
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "36",
+    "votes": "37",
     "rank": 2
   },
   {
@@ -26,15 +26,6 @@
     "votes": "36",
     "rank": 3
   },
-  {
-    "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": "37",
-    "rank": 4
-  },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
     "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
@@ -42,7 +33,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "32",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
@@ -50,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "24",
-    "rank": 6
+    "votes": "26",
+    "rank": 5
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -60,7 +51,7 @@
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
     "votes": "24",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -68,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040893750",
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "28",
-    "rank": 8
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
@@ -78,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "27",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "前端架构师的 git 功力，你有几成火候？",
@@ -86,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
-    "rank": 10
+    "votes": "26",
+    "rank": 9
   },
   {
     "title": "MySQL灵魂拷问：36题带你面试通关",
@@ -96,7 +87,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "22",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -105,7 +96,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "26",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -114,7 +105,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "21",
-    "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": "CSS 实现文本\"不定行数\"截断",
@@ -132,7 +123,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -141,16 +132,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "23",
-    "rank": 16
-  },
-  {
-    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
-    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
-    "url": "https://segmentfault.com/a/1190000040809122",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "23",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "把程序做成系统服务",
@@ -159,7 +141,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "13",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -168,7 +150,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "23",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
@@ -177,7 +159,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "25",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
@@ -186,7 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -195,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "21",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "关于 v-model 你需要知道的这一切！",
@@ -204,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -213,7 +195,7 @@
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "17",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -222,7 +204,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "这些 JavaScript函数让你的工作更加 So Easy!",
@@ -231,7 +213,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "23",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "正则表达式汇总",
@@ -240,7 +222,7 @@
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "18",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "Go 日常开发常备第三方库和工具",
@@ -249,7 +231,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "13",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
@@ -258,7 +240,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
@@ -267,6 +249,24 @@
     "author": "sluke",
     "home_url": "https://segmentfault.com/u/sluke",
     "votes": "11",
+    "rank": 28
+  },
+  {
+    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
+    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
+    "url": "https://segmentfault.com/a/1190000040855949",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "14",
+    "rank": 29
+  },
+  {
+    "title": "利用 CSS Overview 面板重构优化你的网站",
+    "description": "本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：",
+    "url": "https://segmentfault.com/a/1190000040837145",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "24",
+    "votes": "26",
     "rank": 1
   },
   {
@@ -71,15 +71,6 @@
     "votes": "14",
     "rank": 8
   },
-  {
-    "title": "装了这几个IDEA插件，基本上一站式开发了！",
-    "description": "作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDEA插件中，我独钟爱这几款。这期就整理一些我日常中经常使用的IDEA插件，这些插件有些挺小众，但是的确非常提升效率，推荐...",
-    "url": "https://segmentfault.com/a/1190000040924578",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "8",
-    "rank": 9
-  },
   {
     "title": "这几个高级前端常用的API，你用到了吗？",
     "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
@@ -87,15 +78,24 @@
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
     "votes": "10",
+    "rank": 9
+  },
+  {
+    "title": "装了这几个IDEA插件，基本上一站式开发了！",
+    "description": "作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDEA插件中，我独钟爱这几款。这期就整理一些我日常中经常使用的IDEA插件，这些插件有些挺小众，但是的确非常提升效率，推荐...",
+    "url": "https://segmentfault.com/a/1190000040924578",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "8",
     "rank": 10
   },
   {
-    "title": "gRPC PHP与GO 数据增长性能测试与分析",
-    "description": "大家好，我是CrazyCodes，最近调研了下关于PHP通过gRPC请求go，与PHP通过HTTP方式请求，根据数据量不断增长的情况下，平均响应时间会有多大差距。",
-    "url": "https://segmentfault.com/a/1190000040922184",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "5",
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "7",
     "rank": 11
   },
   {
@@ -107,6 +107,15 @@
     "votes": "5",
     "rank": 12
   },
+  {
+    "title": "gRPC PHP与GO 数据增长性能测试与分析",
+    "description": "大家好，我是CrazyCodes，最近调研了下关于PHP通过gRPC请求go，与PHP通过HTTP方式请求，根据数据量不断增长的情况下，平均响应时间会有多大差距。",
+    "url": "https://segmentfault.com/a/1190000040922184",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "5",
+    "rank": 13
+  },
   {
     "title": "Redis 6.0 新特性篇：深度剖析客户端缓存（Client side caching）原理与性能",
     "description": "码老湿，上次你讲解了 Redis 多线程模型，这次我想知道客户端缓存（Client side caching）技术，他的英文名叫： Redis server-assisted client side caching ，可以说说么？我不是嫖客，看完我会点赞、再看、分享...",
@@ -114,7 +123,25 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "5",
-    "rank": 13
+    "rank": 14
+  },
+  {
+    "title": "简单、好懂的Svelte实现原理",
+    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
+    "url": "https://segmentfault.com/a/1190000040936318",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
+    "rank": 15
+  },
+  {
+    "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": "4",
+    "rank": 16
   },
   {
     "title": "热门剧本杀与 SaaS 的不解之缘",
@@ -123,7 +150,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 14
+    "rank": 17
   },
   {
     "title": "用 eslint 和 prettier 让跨 IDE 协作更舒服",
@@ -132,7 +159,7 @@
     "author": "ssshooter",
     "home_url": "https://segmentfault.com/u/ssshooter",
     "votes": "5",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "在IntelliJ IDEA中，开发一个摸鱼看书插件",
@@ -141,7 +168,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "4",
-    "rank": 16
+    "rank": 19
   },
   {
     "title": "现代化办公、AI、混合现实、可持续发展，微软进博会全回顾",
@@ -150,16 +177,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 17
+    "rank": 20
   },
   {
-    "title": "简单、好懂的Svelte实现原理",
-    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
-    "url": "https://segmentfault.com/a/1190000040936318",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "面试官：你说你精通 Docker，那你来详细说说 Dockerfile 吧",
+    "description": "Docker 可以通过读取 Dockerfile 中的指令自动构建镜像。Dockerfile 是一个文本文档，其中包含了用户创建镜像的所有命令和说明。",
+    "url": "https://segmentfault.com/a/1190000040925914",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "6",
-    "rank": 18
+    "rank": 21
   },
   {
     "title": "“全真互联”时代：腾讯发力数实融合四大引擎",
@@ -168,16 +195,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
-    "rank": 19
+    "rank": 22
   },
   {
-    "title": "面试官：你说你精通 Docker，那你来详细说说 Dockerfile 吧",
-    "description": "Docker 可以通过读取 Dockerfile 中的指令自动构建镜像。Dockerfile 是一个文本文档，其中包含了用户创建镜像的所有命令和说明。",
-    "url": "https://segmentfault.com/a/1190000040925914",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "6",
-    "rank": 20
+    "title": "Flutter自定义时间轴timeline",
+    "description": "组件在业务开发中经常会使用到timeline时间轴，来记录数据操作记录等，在这本人封装了一个相对较通用的时间轴组件。示例参数参数类型必填说明timelineListList是时间轴数据lineColorColor是时间轴轴线颜色heightd...",
+    "url": "https://segmentfault.com/a/1190000040950099",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "3",
+    "rank": 23
   },
   {
     "title": "华为开发者大会主题演讲：全链路网络加速，全场景极速体验",
@@ -186,7 +213,7 @@
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "编写\"谷歌扩展\"便捷\"自测\"埋点上报信息是否正确",
@@ -195,25 +222,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "5",
-    "rank": 22
-  },
-  {
-    "title": "智能运营新功能，多波次营销全触达",
-    "description": "消息推送时下已经是APP日常运营的重要工具，好的消息推送能够有效地增强用户黏性、提升用户体验，然而一切好的消息推送都是建立在能够到达用户终端为前提的，所以消息推送的到达率尤为重要。",
-    "url": "https://segmentfault.com/a/1190000040939088",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "Discovery直播 | 3D“模”术师，还原立体世界——探秘3D建模服务",
-    "description": "3D模型作为物品在数字世界中的孪生体，用户可以自己拍摄、建模并在终端直观感受，甚至与现实环境进行交互体验。以下图片为鞋子的建模过程，其建模效果与真实物体几乎无差，应用在电商行业，是对用户体验方式的升...",
-    "url": "https://segmentfault.com/a/1190000040924570",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "地表最强IDE ——Visual Studio 2022正式发布",
@@ -222,15 +231,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "3",
-    "rank": 25
-  },
-  {
-    "title": "7.8k Star！一个强大的 JS 代码混淆工具",
-    "description": "JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器，包含多种功能，能将代码混淆成可读性低的代码，看上去是难以阅读的代码，其实具备和之前代码一样的功能，从而起到保护代码的作用。",
-    "url": "https://segmentfault.com/a/1190000040930890",
-    "author": "开源前哨",
-    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
-    "votes": "3",
     "rank": 26
   },
   {
@@ -243,20 +243,20 @@
     "rank": 27
   },
   {
-    "title": "尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！",
-    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...",
-    "url": "https://segmentfault.com/a/1190000040937835",
-    "author": "若川",
-    "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "2",
+    "title": "智能运营新功能，多波次营销全触达",
+    "description": "消息推送时下已经是APP日常运营的重要工具，好的消息推送能够有效地增强用户黏性、提升用户体验，然而一切好的消息推送都是建立在能够到达用户终端为前提的，所以消息推送的到达率尤为重要。",
+    "url": "https://segmentfault.com/a/1190000040939088",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "【SVG】为了前端页面的美丽，我选择学习SVG",
-    "description": "SVG在之前自学的过程中，其实一直都是很高深的样子不敢触碰，但是想要理解终究都会走到这一步的。再怎么看起来难的技术都是由简单的知识点累计起来的。",
-    "url": "https://segmentfault.com/a/1190000040941094",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
+    "title": "7.8k Star！一个强大的 JS 代码混淆工具",
+    "description": "JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器，包含多种功能，能将代码混淆成可读性低的代码，看上去是难以阅读的代码，其实具备和之前代码一样的功能，从而起到保护代码的作用。",
+    "url": "https://segmentfault.com/a/1190000040930890",
+    "author": "开源前哨",
+    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
     "votes": "3",
     "rank": 29
   }