@wcj/github-rank 21.10.22 → 21.10.26

package/dist/sifou-daily.json

@@ -1,92 +1,128 @@
 [
   {
-    "title": "驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？",
-    "description": "近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。",
-    "url": "https://segmentfault.com/a/1190000040842990",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "window.open()和target= blank存在安全漏洞",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040809019",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "第七期:前端九条启发分享",
+    "description": "事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 \"json对象\", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...",
+    "url": "https://segmentfault.com/a/1190000040857798",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "Vue3的7种和Vue2的12种组件通信，值得收藏",
-    "description": "本文原文首发掘金：[链接]如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了，先来 Vue3 的奥力给！Vue3 组件通信方式props$emitexpose / ref$attrsv-mo...",
-    "url": "https://segmentfault.com/a/1190000040842889",
-    "author": "沐华",
-    "home_url": "https://segmentfault.com/u/wmuhua",
+    "title": "JZ-005-用两个栈实现队列",
+    "description": "用两个栈实现队列题目描述用两个栈来实现一个队列，完成队列的Push和Pop操作。 队列中的元素为int类型。题目链接: 用两个栈实现队列代码 {代码...} 【每日寄语】 所有看起来的幸运，都源自坚持不懈的努力。",
+    "url": "https://segmentfault.com/a/1190000040858362",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "JZ-001-二维数组中的查找",
-    "description": "在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。题目...",
-    "url": "https://segmentfault.com/a/1190000040846110",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "【C进阶】17、++和--操作符分析",
+    "description": "Summary1）++和--参与混合运算结果是不确定的，如r = (i++) + (i++);等C++只规定了++和--对应指令的相对执行次序（取值和自增的相对顺序）++和--对应的汇编指令不一定连续执行在混合运算中，++和--的汇编指令可能...",
+    "url": "https://segmentfault.com/a/1190000040862612",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "前端表单验证常用的25个JS正则表达式",
-    "description": "1、手机号校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码...} 7、日期 YYYY-MM-DD {代码...} 8、日期 YYYY-MM-D...",
-    "url": "https://segmentfault.com/a/1190000040844198",
-    "author": "嘴叼辣条闯世界",
-    "home_url": "https://segmentfault.com/u/zuidiaolatiaochuangshijie",
-    "votes": "2",
+    "title": "[Git系列] Git 基本概念",
+    "description": "版本控制系统版本控制系统是一种帮助软件开发者实现团队合作和历史版本维护的软件，一个版本控制系统应具备以下列出的这几个基本功能：允许开发者并发工作；不允许一个开发者覆写另一个开发者的修改；保存所有版...",
+    "url": "https://segmentfault.com/a/1190000040861576",
+    "author": "良许",
+    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Go 开发时要了解的 1 个内存模型细节",
-    "description": "在日常工作中，如果我们能够了解 Go 语言内存模型，那会带来非常大的作用。这样在看一些极端情况，又或是变态面试题的时候，就能够明白程序运行表现下的很多根本原因了。",
-    "url": "https://segmentfault.com/a/1190000040843418",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "ABF平台设计（六）微前端渲染框架-YseraMicroServer",
+    "description": "YseraMicroServer 是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。本文将从业务背景、实现思路、运行机制等...",
+    "url": "https://segmentfault.com/a/1190000040861569",
+    "author": "阿里巴巴文娱技术",
+    "home_url": "https://segmentfault.com/u/alibabawenyujishu",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "记录：Webpack5把微前端qiankun的配置文件干没了",
-    "description": "从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的",
-    "url": "https://segmentfault.com/a/1190000040842378",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "title": "切记，这样打日志定位 Bug 又快又准！",
+    "description": "日常工作中，程序员需要经常处理线上的各种大小故障，如果业务代码没打印日志或者日志打印的不好，会极大的加大了定位问题的难度，使得解决bug的时间变长了。对于那种影响比较大的bug，处理时间是分秒必争的，慢...",
+    "url": "https://segmentfault.com/a/1190000040857882",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "React：从来如此便对么",
-    "description": "然而，如果梳理历史的走向，模版语法才是更自然的选择。接下来让我们看看React选择JSX背后的逻辑是什么？这是React如今生态繁荣的关键因素么？",
-    "url": "https://segmentfault.com/a/1190000040842197",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
+    "title": "Prometheus+InfluxDB+Grafana 打造高逼格监控平台！",
+    "description": "在本模块中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点...",
+    "url": "https://segmentfault.com/a/1190000040857814",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "Shopee ClickHouse 冷热数据分离存储架构与实践",
-    "description": "Shopee ClickHouse 是一款基于开源数据库 ClickHouse 做二次开发、架构演进的高可用分布式分析型数据库。本文将主要介绍 Shopee ClickHouse 的冷热分离存储架构和支持公司业务的实践。Shopee ClickHouse 的冷热分...",
-    "url": "https://segmentfault.com/a/1190000040844472",
-    "author": "Shopee技术团队",
-    "home_url": "https://segmentfault.com/u/techatshopee",
+    "title": "超牛逼的性能监控神器！快速定位线上问题",
+    "description": "今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...",
+    "url": "https://segmentfault.com/a/1190000040857744",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "vuex的使用",
-    "description": "结构介绍public：放置一下公共文件src：项目的主要结构放在这个里边 {代码...} 其余文件可根据项目需求增删vuex使用type.js：主要用来存放mutations方法中的常量store.js:vuex的状态集中管理文件modules:存放各个...",
-    "url": "https://segmentfault.com/a/1190000040843885",
-    "author": "娜娜",
-    "home_url": "https://segmentfault.com/u/nana_5b9b6d7bf3f66",
+    "title": "JavaScript 数学曲线—等角螺线",
+    "description": "引子继阿基米德螺线之后，发现等角螺线。OriginMy GitHub简介等角螺线又称为黄金螺线或对数螺线，1638 年 Descartes 发现了等角螺线，后来 Jakob Bernoulli 研究发现了等角螺线自再造的特性，Jakob Bernoulli 对...",
+    "url": "https://segmentfault.com/a/1190000040857182",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
     "rank": 10
+  },
+  {
+    "title": "linux之rsync远程同步文件",
+    "description": "rsync全名Remote Sync,是类unix下数据镜像的备份工具。可以方便的实现本地,远程备份文件,rsync最重要的一点是支持增量备份。",
+    "url": "https://segmentfault.com/a/1190000040862756",
+    "author": "入门小站",
+    "home_url": "https://segmentfault.com/u/rumenz",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "《算法通关之路》邀请你来试读",
+    "description": "第 6 章二分法，虽然二分法是一个比较经典的算法，但对于大部分人一直是个头痛的问题。我每次刷 LeetCode 的时候，常常看不出来要使用二分法，或者知道要用二分法，但花了很长的时间在调试二分法的边界问题。通过...",
+    "url": "https://segmentfault.com/a/1190000040860440",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "「The Data Way」1024 特别节目｜一线工程师的开源路",
+    "description": "关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...",
+    "url": "https://segmentfault.com/a/1190000040859936",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "炸！1024我的故事，一个写了两年博客的大厂码农！",
+    "description": "两年来，11前睡觉，早上6:20起床洗漱🧽、7:20跑步回来🏃，写作✏️或看书一小时，到了周末基本就可以全时间投入到自己到这个小世界里：编写案例、整理博客、发布文章、技术交流、同好扯皮。",
+    "url": "https://segmentfault.com/a/1190000040858009",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "1",
+    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "title": "20 个杀手级 JavaScript 单行代码",
-    "description": "规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...",
-    "url": "https://segmentfault.com/a/1190000040721650",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "64",
-    "rank": 1
-  },
   {
     "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
     "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "51",
+    "votes": "53",
+    "rank": 1
+  },
+  {
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "42",
     "rank": 2
   },
   {
@@ -26,50 +26,23 @@
     "votes": "35",
     "rank": 3
   },
-  {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "40",
-    "rank": 4
-  },
-  {
-    "title": "从0到1开发一款自己的vscode插件",
-    "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
-    "url": "https://segmentfault.com/a/1190000040720760",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "31",
-    "rank": 5
-  },
-  {
-    "title": "Nginx服务器常见配置清单备忘录",
-    "description": "Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...",
-    "url": "https://segmentfault.com/a/1190000040717509",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "31",
-    "rank": 6
-  },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
     "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
     "url": "https://segmentfault.com/a/1190000040747951",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "38",
-    "rank": 7
+    "votes": "40",
+    "rank": 4
   },
   {
-    "title": "技术人必看的各类工具书籍",
-    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
-    "url": "https://segmentfault.com/a/1190000040725587",
-    "author": "阿里巴巴淘系技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "26",
-    "rank": 8
+    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040692431",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "42",
+    "rank": 5
   },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
@@ -77,17 +50,8 @@
     "url": "https://segmentfault.com/a/1190000040741939",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 9
-  },
-  {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "40",
-    "rank": 10
+    "votes": "28",
+    "rank": 6
   },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
@@ -96,7 +60,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "27",
-    "rank": 11
+    "rank": 7
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -104,17 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040813435",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "26",
-    "rank": 12
-  },
-  {
-    "title": "近 20k Star的项目说不做就不做了，但总结的内容值得借鉴",
-    "description": "大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...",
-    "url": "https://segmentfault.com/a/1190000040722202",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "19",
-    "rank": 13
+    "votes": "29",
+    "rank": 8
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -122,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "25",
-    "rank": 14
+    "votes": "26",
+    "rank": 9
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -132,16 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 15
-  },
-  {
-    "title": "从零搭建一个前端cli脚手架并发布到npm",
-    "description": "在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...",
-    "url": "https://segmentfault.com/a/1190000040719719",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "19",
-    "rank": 16
+    "rank": 10
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -150,7 +96,7 @@
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
     "votes": "24",
-    "rank": 17
+    "rank": 11
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -158,35 +104,17 @@
     "url": "https://segmentfault.com/a/1190000040803264",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "21",
-    "rank": 18
-  },
-  {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 19
-  },
-  {
-    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
-    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
-    "url": "https://segmentfault.com/a/1190000040764476",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 20
+    "votes": "22",
+    "rank": 12
   },
   {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 21
+    "votes": "23",
+    "rank": 13
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -194,17 +122,8 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 22
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 23
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -212,8 +131,44 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "20",
+    "rank": 15
+  },
+  {
+    "title": "尝试对 jsjiami 加密结果手工解密",
+    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
+    "url": "https://segmentfault.com/a/1190000040735240",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "15",
+    "rank": 16
+  },
+  {
+    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
+    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
+    "url": "https://segmentfault.com/a/1190000040764476",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
+    "rank": 17
+  },
+  {
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "17",
-    "rank": 24
+    "rank": 18
+  },
+  {
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "15",
+    "rank": 19
   },
   {
     "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
@@ -222,7 +177,7 @@
     "author": "叶东富",
     "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "15",
-    "rank": 25
+    "rank": 20
   },
   {
     "title": "postTask：React的杀手锏被浏览器原生实现了？",
@@ -231,7 +186,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "13",
-    "rank": 26
+    "rank": 21
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -240,25 +195,16 @@
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "13",
-    "rank": 27
+    "rank": 22
   },
   {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
+    "title": "计算机网络经典20问！",
+    "description": "本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...",
+    "url": "https://segmentfault.com/a/1190000040770169",
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "15",
-    "rank": 28
-  },
-  {
-    "title": "React 源码解析系列 - React 的 render 阶段（二）：beginWork",
-    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
-    "url": "https://segmentfault.com/a/1190000040723029",
-    "author": "array_huang",
-    "home_url": "https://segmentfault.com/u/array_huang",
-    "votes": "10",
-    "rank": 29
+    "votes": "13",
+    "rank": 23
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -266,7 +212,61 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "19",
+    "rank": 24
+  },
+  {
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "16",
+    "rank": 25
+  },
+  {
+    "title": "正则表达式汇总",
+    "description": "整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....",
+    "url": "https://segmentfault.com/a/1190000040828004",
+    "author": "小蘑菇",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "16",
+    "rank": 26
+  },
+  {
+    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704570",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 27
+  },
+  {
+    "title": "66道前端算法面试题附思路分析助你查漏补缺",
+    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
+    "url": "https://segmentfault.com/a/1190000040797373",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "12",
+    "rank": 28
+  },
+  {
+    "title": "前端代码评审通常注意些什么",
+    "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
+    "url": "https://segmentfault.com/a/1190000040780312",
+    "author": "_Vin",
+    "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
+    "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
     "rank": 30
   }
 ]