@wcj/github-rank 21.10.11 → 21.10.15

package/web/data/sifou-daily.json

@@ -1,83 +1,137 @@
 [
   {
-    "title": "(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型",
-    "description": "写这篇文章的起因是作者不久前经历了一次项目整体ui组件库的替换, 本以为更换ui组件库只是改改样式并且改几处写法就行了, 但真正经历了才知道这里面遇到的问题还真是丰富多彩, 全程做下来我一共总结了21种问...",
-    "url": "https://segmentfault.com/a/1190000040790162",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "4",
+    "title": "实战经验分享：使用 PyO3 来构建你的 Python 模块",
+    "description": "PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...",
+    "url": "https://segmentfault.com/a/1190000040811460",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "LeetCode-415-字符串相加",
-    "description": "题目描述：给定两个字符串形式的非负整数 num1 和num2 ，计算它们的和。提示：num1 和num2 的长度都小于 5100num1 和num2 都只包含数字 0-9num1 和num2 都不包含任何前导零你不能使用任何內建 BigInteger 库， 也...",
-    "url": "https://segmentfault.com/a/1190000040788008",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "3",
+    "title": "前端-html和css基础知识",
+    "description": "一个网页包含了html元素 Css JavaScript，Html元素决定了网页结构，Css进行了修饰美化，JavaScript控制了交互行为和动态效果。",
+    "url": "https://segmentfault.com/a/1190000040812329",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "LeetCode-434-字符串中的单词数",
-    "description": "题目描述：统计字符串中的单词个数，这里的单词指的是连续的不是空格的字符。请注意，你可以假定字符串里不包括任何不可打印的字符。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领...",
-    "url": "https://segmentfault.com/a/1190000040791012",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "图形学之纹理后续/WebGL多纹理处理",
+    "description": "背景本篇收录于《数据可视化和图形学》专栏之前介绍纹理相关的理论及简单使用 有需要可以参考上文 , 在上文基础进行多纹理实践(更多是帮助群内小伙伴提前脱坑!!!!)本篇大纲多纹理渲染实现思路多纹理渲染coding(几...",
+    "url": "https://segmentfault.com/a/1190000040809960",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "倒计时 5 天，不想错过开源基础设施的前沿趋势，来 OID China 2021 就够了！",
-    "description": "OpenInfra Days China 2021 又开始了新的一年征程。过去的一年 COVID-19 肆虐，但没有阻挡全球的开源贡献者们合作和前进的脚步，我们的社区开源项目以及成员伙伴也创造出了很多响应当下云计算需求的新技术和新实验。",
-    "url": "https://segmentfault.com/a/1190000040788582",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "title": "LeetCode-091-解码方法",
+    "description": "题目描述：一条包含字母 A-Z 的消息通过以下映射进行了 编码 ：'A' -> 1'B' -> 2...'Z' -> 26要 解码 已编码的消息，所有数字必须基于上述映射的方法，反向映射回字母（可能有多种方法）。例如，\"11106\"...",
+    "url": "https://segmentfault.com/a/1190000040814471",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "【C进阶】16、位运算符",
-    "description": "Summary1）C语言中的位运算符：运算符意义规则&按位与全1得1，有0得0I按位或有1得1，全0得0^按位异或相同为0，不同得1~取反1变0, 0变1<<左移高位丢弃，低位补0·>>右移高位补符号位，低位舍弃2）...",
-    "url": "https://segmentfault.com/a/1190000040789476",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
-    "votes": "1",
+    "title": "LeetCode-028-实现 strStr()",
+    "description": "题目描述：实现 strStr() 函数。给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串出现的第一个位置（下标从 0 开始）。如果不存在，则返回 -1 。示例说明请见LeetCode官网。来源...",
+    "url": "https://segmentfault.com/a/1190000040810335",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "深入浅出 Vue 响应式原理源码剖析",
-    "description": "在 new Vue 初始化的时候，会对我们组件的数据 props 和 data 进行初始化，由于本文主要就是介绍响应式，所以其他的不做过多说明来，看一下源码",
-    "url": "https://segmentfault.com/a/1190000040788820",
-    "author": "沐华",
-    "home_url": "https://segmentfault.com/u/wmuhua",
+    "title": "今又重阳，感恩敬老",
+    "description": "今又重阳，感恩敬老原创 Linden灵动 Linden灵动 10-14专业专注 共建共赢岁岁重阳 今又重阳倍思亲人 佩戴茱萸赴会赏菊 登高望远共享大好时光 祈愿长长久久重阳，农历九月初九。“九”在《易经》中为阳数，“两九”相重...",
+    "url": "https://segmentfault.com/a/1190000040812120",
+    "author": "昶",
+    "home_url": "https://segmentfault.com/u/_611a17baa92de",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "KonvaJS 原理解析",
-    "description": "为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库。今天要讲的 Konva 也是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。",
-    "url": "https://segmentfault.com/a/1190000040790908",
-    "author": "尹光耀",
-    "home_url": "https://segmentfault.com/u/yinguangyao",
+    "title": "Sanitizer：给你的DOM消消毒",
+    "description": "大家好，我卡颂。业务中经常遇到需要处理有风险的DOM的场景，比如：各种工具的文本粘贴功能需要渲染服务端返回HTML的场景为了阻止潜在的XSS攻击，有两个选择：escape（转义）sanitize（消毒）本文会介绍这两者的...",
+    "url": "https://segmentfault.com/a/1190000040809349",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "如何满速下载百度网盘文件",
-    "description": "在我们开心的网上冲浪时,经常会遇到某些资源是用百度网盘储存的，而百度网盘的下载速度经常是1MB以下、几十K、几百K，令人十分着急！！突然，一个 微信公众号 自称软件小妹的大佬出现了，直接为我们带来了一个 油...",
-    "url": "https://segmentfault.com/a/1190000040790259",
-    "author": "小红石",
-    "home_url": "https://segmentfault.com/u/little_red_stone",
-    "votes": "1",
+    "title": "程序员反卷指南 - 打工人也需要生活",
+    "description": "没错，就是关于互联网行业各个公司的部门作息时间！还含有新人是否需要写日报/周报等信息。这可以说是又打响了 \"拒绝996\" 的第二枪了！(第一枪当然是 996.ICU )",
+    "url": "https://segmentfault.com/a/1190000040813128",
+    "author": "蓝色的秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "新手入门react，学习引导",
-    "description": "React 学习文档​ 作者：Sunny一、学习 轴1、阅读react官网文档阅读顺序：核心概念hooksAPI reference高级指引边学边练，跟着官网文档里面的例子创建一个react项目 首先全局安装 {代码...} 新建项目并命名 {代码.....",
-    "url": "https://segmentfault.com/a/1190000040789011",
-    "author": "Sunny",
-    "home_url": "https://segmentfault.com/u/sunny_61629b3678dba",
+    "title": "你知道近来年大火的DDD是如何兴起的吗？以及与微服务的关系",
+    "description": "我们先不讨论DDD的定义，先梳理一下DDD火起来的背景，根据我学习的套路，永远是为什么为先，再是解决什么问题，是什么东西，最后如何使用。我们都知道这些年随着设备以及技术的发展，软件架构发生了很多变化，从...",
+    "url": "https://segmentfault.com/a/1190000040813814",
+    "author": "风平浪静如码",
+    "home_url": "https://segmentfault.com/u/fengpinglangjingruma",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "Vue3使用 Ant Design Vue",
+    "description": "vue 项目请自行创建1.项目添加npm i --save ant-design-vue@next -S2.main.js 添加 ant-design-vue 组件",
+    "url": "https://segmentfault.com/a/1190000040813579",
+    "author": "捕风",
+    "home_url": "https://segmentfault.com/u/bofeng",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "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": "1",
+    "rank": 11
+  },
+  {
+    "title": "【TCP/IP】IP地址与数据报",
+    "description": "IP地址与数据报在TCP/IP通信中，互相连接的网络使用IP地址对主机和路由器进行标识数据报记录了传输过程的相关信息，包含IP地址、大小以及分片信息等IPv4IPv61 IPv4定义分类广播地址子网掩码首部1.1 定义地址形式4...",
+    "url": "https://segmentfault.com/a/1190000040813349",
+    "author": "怼怼",
+    "home_url": "https://segmentfault.com/u/_607c00baa52ff",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Apache ShardingSphere 在京东白条场景的落地之旅",
+    "description": "京东白条使用 Apache ShardingSphere 解决了千亿数据存储和扩容的问题，为大促活动奠定了基础。2014 年初，“京东白条”作为业内互联网信用支付产品，数据量爆发式的增长，每一次大促备战都是对技术人员的考验，每...",
+    "url": "https://segmentfault.com/a/1190000040811241",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "npm install 报错 （npm ERR! code EINTEGRITY）",
+    "description": "1、删除本地的 package-lock.json 文件2、更新自己的 npm 版本 （npm i -g npm）3、清空 npm 缓存 （npm cache clean --force | npm cache verif）4、重新安装 （npm install）",
+    "url": "https://segmentfault.com/a/1190000040810501",
+    "author": "Mr_hyc",
+    "home_url": "https://segmentfault.com/u/mr_hyc",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
+    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
+    "url": "https://segmentfault.com/a/1190000040809122",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "1",
+    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040721650",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "55",
+    "votes": "61",
     "rank": 1
   },
   {
@@ -14,17 +14,62 @@
     "url": "https://segmentfault.com/a/1190000040685726",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "46",
+    "votes": "49",
     "rank": 2
   },
+  {
+    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
+    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
+    "url": "https://segmentfault.com/a/1190000040777100",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "42",
+    "rank": 3
+  },
   {
     "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": 4
+  },
+  {
+    "title": "前端监控 SDK 的一些技术要点原理分析",
+    "description": "一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...",
+    "url": "https://segmentfault.com/a/1190000040796868",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "27",
-    "rank": 3
+    "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": "30",
+    "rank": 6
+  },
+  {
+    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "35",
+    "rank": 7
+  },
+  {
+    "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
+    "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
+    "url": "https://segmentfault.com/a/1190000040741939",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "27",
+    "rank": 8
   },
   {
     "title": "技术人必看的各类工具书籍",
@@ -33,16 +78,16 @@
     "author": "阿里巴巴淘系技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "26",
-    "rank": 4
+    "rank": 9
   },
   {
-    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
-    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
-    "url": "https://segmentfault.com/a/1190000040688086",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "33",
-    "rank": 5
+    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040692431",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "37",
+    "rank": 10
   },
   {
     "title": "如何阅读源码 —— 以 Vetur 为例",
@@ -51,7 +96,7 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "26",
-    "rank": 6
+    "rank": 11
   },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
@@ -59,17 +104,8 @@
     "url": "https://segmentfault.com/a/1190000040747951",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "33",
-    "rank": 7
-  },
-  {
-    "title": "Nginx服务器常见配置清单备忘录",
-    "description": "Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...",
-    "url": "https://segmentfault.com/a/1190000040717509",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "27",
-    "rank": 8
+    "votes": "34",
+    "rank": 12
   },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
@@ -77,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000040748929",
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "24",
-    "rank": 9
+    "votes": "25",
+    "rank": 13
   },
   {
     "title": "近 20k Star的项目说不做就不做了，但总结的内容值得借鉴",
@@ -87,16 +123,34 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "18",
-    "rank": 10
+    "rank": 14
   },
   {
-    "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
-    "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
-    "url": "https://segmentfault.com/a/1190000040741939",
+    "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
+    "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
+    "url": "https://segmentfault.com/a/1190000040777921",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 11
+    "votes": "24",
+    "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
+  },
+  {
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "25",
+    "rank": 17
   },
   {
     "title": "妙用 background 实现花式文字效果",
@@ -105,43 +159,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 12
+    "rank": 18
   },
   {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "31",
-    "rank": 13
+    "title": "写个vscode插件, 帮助阅读i18n项目的代码",
+    "description": "作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...",
+    "url": "https://segmentfault.com/a/1190000040773678",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "20",
+    "rank": 19
   },
   {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "2021 VSCode前端插件推荐",
+    "description": "2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...",
+    "url": "https://segmentfault.com/a/1190000040766151",
+    "author": "风不识途",
+    "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
     "votes": "23",
-    "rank": 14
-  },
-  {
-    "title": "从零搭建一个前端cli脚手架并发布到npm",
-    "description": "在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...",
-    "url": "https://segmentfault.com/a/1190000040719719",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "18",
-    "rank": 15
-  },
-  {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 16
+    "rank": 20
   },
   {
     "title": "尝试对 jsjiami 加密结果手工解密",
@@ -149,26 +185,8 @@
     "url": "https://segmentfault.com/a/1190000040735240",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "14",
-    "rank": 17
-  },
-  {
-    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
-    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
-    "url": "https://segmentfault.com/a/1190000040668661",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "18",
-    "rank": 18
-  },
-  {
-    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
-    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
-    "url": "https://segmentfault.com/a/1190000040735898",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "15",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -176,17 +194,17 @@
     "url": "https://segmentfault.com/a/1190000040764476",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
-    "rank": 20
+    "votes": "19",
+    "rank": 22
   },
   {
-    "title": "2021 VSCode前端插件推荐",
-    "description": "2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...",
-    "url": "https://segmentfault.com/a/1190000040766151",
-    "author": "风不识途",
-    "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
-    "votes": "17",
-    "rank": 21
+    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
+    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704577",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "21",
+    "rank": 23
   },
   {
     "title": "postTask：React的杀手锏被浏览器原生实现了？",
@@ -194,8 +212,17 @@
     "url": "https://segmentfault.com/a/1190000040751671",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
-    "rank": 22
+    "votes": "13",
+    "rank": 24
+  },
+  {
+    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
+    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
+    "url": "https://segmentfault.com/a/1190000040735898",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "15",
+    "rank": 25
   },
   {
     "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
@@ -204,7 +231,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "15",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "29个项目来让你的HTML CSS Javascript 更加炉火纯青",
@@ -213,7 +240,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "17",
-    "rank": 24
+    "rank": 27
   },
   {
     "title": "为你的网站加入这些可爱的看板娘吧",
@@ -222,51 +249,24 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "10",
-    "rank": 25
-  },
-  {
-    "title": "面试官让我手写队列，差点点没写出来",
-    "description": "栈和队列是一对好兄弟，前面我们介绍过一篇栈的文章(栈，不就后进先出)，栈的机制相对简单，后入先出，就像进入一个狭小的山洞，山洞只有一个出入口，只能后进先出(在外面的先出去，堵在里面先进去的就有点倒霉)...",
-    "url": "https://segmentfault.com/a/1190000040689400",
-    "author": "bigsai",
-    "home_url": "https://segmentfault.com/u/bigsai",
-    "votes": "12",
-    "rank": 26
-  },
-  {
-    "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
-    "description": "也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...",
-    "url": "https://segmentfault.com/a/1190000040677455",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "11",
-    "rank": 27
-  },
-  {
-    "title": "Sass速成课",
-    "description": "01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...",
-    "url": "https://segmentfault.com/a/1190000040724594",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "9",
     "rank": 28
   },
   {
-    "title": "性能优化：如何更快地接收数据",
-    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
-    "url": "https://segmentfault.com/a/1190000040680395",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "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
   },
   {
-    "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": "11",
+    "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": "12",
     "rank": 30
   }
 ]