@wcj/github-rank 21.9.12 → 21.9.16

package/web/data/sifou-daily.json

@@ -1,47 +1,92 @@
 [
   {
-    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
-    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
-    "url": "https://segmentfault.com/a/1190000040668661",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "1",
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "14",
     "rank": 1
   },
   {
-    "title": "Java并发知识总结",
-    "description": "首先给大家分享一个github仓库，上面放了200多本经典的计算机书籍，包括C语言、C++、Java、Python、前端、数据库、操作系统、计算机网络、数据结构和算法、机器学习、编程人生等，可以star一下，下次找书直接在上...",
-    "url": "https://segmentfault.com/a/1190000040668089",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "1",
+    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "【C进阶】13、接续符和转义符",
-    "description": "Summary1）编译器会将反斜杠'\\'剔除，跟在反斜杠后面的字符自动接续到前一行2）在接续单词时，反斜杠'\\'之后不能有空格，反斜杠'\\'的下一行之前也不能有空格3）接续符'\\'适合用于定义宏代码块，提高可读性4）C语...",
-    "url": "https://segmentfault.com/a/1190000040667855",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
-    "votes": "1",
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "5",
     "rank": 3
   },
   {
-    "title": "【C进阶】12、注释符号",
-    "description": "Summary1）编译器在编译过程中使用空格替换整个注释 2）反斜杠'\\'是接续符，编译器会将反斜杠剔除，跟在反斜杠后面的字符自动接续到前一行3）字符串里的//和/**/都会被看做斜杠字符，不会作为注释4）/*..*/注释不...",
-    "url": "https://segmentfault.com/a/1190000040667272",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
-    "votes": "1",
+    "title": "一个工具函数，实现页面tooltip组件的限制使用",
+    "description": "有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...",
+    "url": "https://segmentfault.com/a/1190000040689791",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "设计师常用软件合集，有一个你肯定知道！",
-    "description": "大家好，我是极客猿小兵，今天给大家推荐设计师常用软件合集，时至今日，设计师可以细分为很行岗位，有平面设计，品牌设计，UI设计，交互设计，游戏UI设计，网页设计，电商设计，插画设计，视频制作等等。",
-    "url": "https://segmentfault.com/a/1190000040666301",
-    "author": "Soldier",
-    "home_url": "https://segmentfault.com/u/soldier_59216a176591a",
-    "votes": "1",
+    "title": "如何生成稳定的动态 treemap（矩形树图）关键技术揭晓",
+    "description": "前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...",
+    "url": "https://segmentfault.com/a/1190000040688565",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 5
+  },
+  {
+    "title": "PHP 字符串中直接解析函数的写法",
+    "description": "PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...",
+    "url": "https://segmentfault.com/a/1190000040687221",
+    "author": "guanguans",
+    "home_url": "https://segmentfault.com/u/guanguans",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "LeetCode-283-移动零",
+    "description": "题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...",
+    "url": "https://segmentfault.com/a/1190000040685785",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "The Data Way Vol.4｜开源是创造软件诸多方法中最好的一种形式",
+    "description": "关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...",
+    "url": "https://segmentfault.com/a/1190000040688954",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "vuex 的使用",
+    "description": "vuex 的简介vuex 是全局状态管理器，在 state 中定义一个全局变量，可以在任何一个组件中进行获取、修改，并且可以将修改的内容同步到全局vuex 的安装 {代码...} vuex 的配置项目中新建一个名为 store 的文件夹，...",
+    "url": "https://segmentfault.com/a/1190000040688060",
+    "author": "神膘护体小月半",
+    "home_url": "https://segmentfault.com/u/shenbiaohutixiaoyueban",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Vue3 Ref 语法糖，告别 .value 的写法",
+    "description": "近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...",
+    "url": "https://segmentfault.com/a/1190000040685876",
+    "author": "五柳",
+    "home_url": "https://segmentfault.com/u/wjchumble",
+    "votes": "2",
+    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,17 +5,26 @@
     "url": "https://segmentfault.com/a/1190000040525819",
     "author": "CodeSheep",
     "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "52",
+    "votes": "54",
     "rank": 1
   },
+  {
+    "title": "MySQL 从入门到实践，万字详解！",
+    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
+    "url": "https://segmentfault.com/a/1190000040642243",
+    "author": "SHERlocked93",
+    "home_url": "https://segmentfault.com/u/sherlocked93",
+    "votes": "51",
+    "rank": 2
+  },
   {
     "title": "【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码",
     "description": "数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！",
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "39",
-    "rank": 2
+    "votes": "41",
+    "rank": 3
   },
   {
     "title": "如何防止他人恶意调试你的web程序",
@@ -23,16 +32,7 @@
     "url": "https://segmentfault.com/a/1190000040580887",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "40",
-    "rank": 3
-  },
-  {
-    "title": "[Jenkins进阶]-前端CI/CD",
-    "description": "如果没有自动化， 我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项...",
-    "url": "https://segmentfault.com/a/1190000040534015",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "36",
+    "votes": "42",
     "rank": 4
   },
   {
@@ -41,44 +41,26 @@
     "url": "https://segmentfault.com/a/1190000040594181",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "33",
+    "votes": "37",
     "rank": 5
   },
+  {
+    "title": "[Jenkins进阶]-前端CI/CD",
+    "description": "如果没有自动化， 我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项...",
+    "url": "https://segmentfault.com/a/1190000040534015",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "36",
+    "rank": 6
+  },
   {
     "title": "56 个 NPM 包解决 16 个 React 问题",
     "description": "关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库，它不仅是一个前端 UI 开发框架，更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案，但是我们可以从繁荣的...",
     "url": "https://segmentfault.com/a/1190000040569553",
     "author": "破晓L",
     "home_url": "https://segmentfault.com/u/webinfoq",
-    "votes": "27",
-    "rank": 6
-  },
-  {
-    "title": "常见的Web攻击手段，拿捏了！",
-    "description": "本文主要介绍 互联网中常见的 Web 攻击手段如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！",
-    "url": "https://segmentfault.com/a/1190000040517973",
-    "author": "蔡不菜丶",
-    "home_url": "https://segmentfault.com/u/17689400062",
-    "votes": "39",
-    "rank": 7
-  },
-  {
-    "title": "我用 10000 张图片合成我们美好的瞬间",
-    "description": "好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用...",
-    "url": "https://segmentfault.com/a/1190000040516715",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "27",
-    "rank": 8
-  },
-  {
-    "title": "MySQL 从入门到实践，万字详解！",
-    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
-    "url": "https://segmentfault.com/a/1190000040642243",
-    "author": "SHERlocked93",
-    "home_url": "https://segmentfault.com/u/sherlocked93",
     "votes": "28",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "爆肝一周，写给初级前端快速转TypeScript指南",
@@ -86,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040582994",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "31",
-    "rank": 10
+    "votes": "34",
+    "rank": 8
   },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
@@ -96,7 +78,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "22",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "MySQL 数据库定时备份的几种方式（非常全面）",
@@ -104,8 +86,17 @@
     "url": "https://segmentfault.com/a/1190000040642688",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "18",
-    "rank": 12
+    "votes": "21",
+    "rank": 10
+  },
+  {
+    "title": "高性能利器：CDN我建议你好好学一下！",
+    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
+    "url": "https://segmentfault.com/a/1190000040643120",
+    "author": "九灵",
+    "home_url": "https://segmentfault.com/u/jaycekon",
+    "votes": "26",
+    "rank": 11
   },
   {
     "title": "当前端框架聊性能，聊的是同一个性能么？",
@@ -114,7 +105,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "能说会道爱办公——“别人家的”Chrome插件到底怎么做",
@@ -123,16 +114,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
-    "rank": 14
+    "rank": 13
   },
   {
-    "title": "热议：CSS为什么这么难学？一定是你方法不对",
-    "description": "看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...",
-    "url": "https://segmentfault.com/a/1190000040563911",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
+    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
+    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
+    "url": "https://segmentfault.com/a/1190000040556634",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "后端视野学 Webpack ，文武双全？",
@@ -140,36 +131,54 @@
     "url": "https://segmentfault.com/a/1190000040589710",
     "author": "蔡不菜丶",
     "home_url": "https://segmentfault.com/u/17689400062",
-    "votes": "22",
+    "votes": "23",
+    "rank": 15
+  },
+  {
+    "title": "90行代码实现模块打包器",
+    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
+    "url": "https://segmentfault.com/a/1190000040655590",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "18",
     "rank": 16
   },
   {
-    "title": "纯CSS实现beautiful按钮",
-    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
-    "url": "https://segmentfault.com/a/1190000040562839",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "19",
+    "title": "热议：CSS为什么这么难学？一定是你方法不对",
+    "description": "看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...",
+    "url": "https://segmentfault.com/a/1190000040563911",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "16",
     "rank": 17
   },
   {
-    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
-    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
-    "url": "https://segmentfault.com/a/1190000040556634",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "14",
+    "title": "分享32个JavaScript工作中常用的代码片段",
+    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
+    "url": "https://segmentfault.com/a/1190000040637925",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "24",
     "rank": 18
   },
   {
-    "title": "高性能利器：CDN我建议你好好学一下！",
-    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
-    "url": "https://segmentfault.com/a/1190000040643120",
-    "author": "九灵",
-    "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "21",
+    "title": "纯CSS实现beautiful按钮",
+    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
+    "url": "https://segmentfault.com/a/1190000040562839",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "20",
     "rank": 19
   },
+  {
+    "title": "13个JavaScript 一行程序，让你看起来像个专家",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040464301",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 20
+  },
   {
     "title": "万字详文：彻底搞懂 Jest 单元测试框架",
     "description": "什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-c...",
@@ -177,7 +186,16 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
-    "rank": 20
+    "rank": 21
+  },
+  {
+    "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
+    "description": "本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...",
+    "url": "https://segmentfault.com/a/1190000040563987",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 22
   },
   {
     "title": "你还在认为TypeScirpt 是 AnyScript ？",
@@ -186,16 +204,7 @@
     "author": "大新",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "14",
-    "rank": 21
-  },
-  {
-    "title": "13个JavaScript 一行程序，让你看起来像个专家",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040464301",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "AlpineJS作者：不上班，一年10w刀",
@@ -204,24 +213,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 23
-  },
-  {
-    "title": "分享32个JavaScript工作中常用的代码片段",
-    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
-    "url": "https://segmentfault.com/a/1190000040637925",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "19",
     "rank": 24
   },
   {
-    "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
-    "description": "本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...",
-    "url": "https://segmentfault.com/a/1190000040563987",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
+    "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
+    "url": "https://segmentfault.com/a/1190000040634428",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "22",
     "rank": 25
   },
   {
@@ -257,16 +257,16 @@
     "url": "https://segmentfault.com/a/1190000040635362",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "votes": "16",
     "rank": 29
   },
   {
-    "title": "从零到一实现企业级微前端框架，保姆级教学",
-    "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
-    "url": "https://segmentfault.com/a/1190000040638020",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "11",
+    "title": "15个值得收藏的JavaScript函数",
+    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
+    "url": "https://segmentfault.com/a/1190000040661568",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "16",
     "rank": 30
   }
 ]