@wcj/github-rank 21.10.22 → 21.10.26

package/dist/sifou-weekly.json

@@ -1,67 +1,31 @@
 [
   {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "15",
     "rank": 1
   },
   {
-    "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
-    "description": "严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...",
-    "url": "https://segmentfault.com/a/1190000040824814",
-    "author": "独钓寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "17",
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "16",
     "rank": 2
   },
   {
-    "title": "聊聊开发日常的效率提升工具（全）",
-    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
-    "url": "https://segmentfault.com/a/1190000040818832",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "13",
+    "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": "9",
     "rank": 3
   },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "15",
-    "rank": 4
-  },
-  {
-    "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": "12",
-    "rank": 5
-  },
-  {
-    "title": "Webpack 原理系列九：Tree-Shaking 实现原理",
-    "description": "Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。",
-    "url": "https://segmentfault.com/a/1190000040814997",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "7",
-    "rank": 6
-  },
-  {
-    "title": "聊聊TypeScript中枚举对象(Enum)",
-    "description": "什么是枚举，顾名思义我们看到枚举这个词，脑子里就已经想到这是一个键值对的形式，就可以看做是我们JavaScript中的json对象一样。在ts中声明枚举对象的关键字是使用enum，枚举成员一但定义就不可改变了。下面来...",
-    "url": "https://segmentfault.com/a/1190000040817957",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "6",
-    "rank": 7
-  },
   {
     "title": "一文读懂浏览器存储与缓存机制",
     "description": "Cookie 是 HTTP 协议的一种无状态协议。当请求服务器时，HTTP 请求都需要携带 Cookie，用来验证用户身份。Cookie 由服务端生成，存储在客户端，用来维持状态。",
@@ -69,7 +33,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "14",
-    "rank": 8
+    "rank": 4
+  },
+  {
+    "title": "驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？",
+    "description": "近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。",
+    "url": "https://segmentfault.com/a/1190000040842990",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "5",
+    "rank": 5
   },
   {
     "title": "uniapp云函数教程② ：商品列表增删改查",
@@ -78,7 +51,16 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "4",
-    "rank": 9
+    "rank": 6
+  },
+  {
+    "title": "你设计的秒杀系统，能通过 “双十一” 大考吗？",
+    "description": "10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...",
+    "url": "https://segmentfault.com/a/1190000040849064",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "5",
+    "rank": 7
   },
   {
     "title": "42+JavaScript高频手写题及详细答案，胖头鱼喊你直接通过考核",
@@ -86,17 +68,26 @@
     "url": "https://segmentfault.com/a/1190000040830661",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "12",
-    "rank": 10
+    "votes": "13",
+    "rank": 8
   },
   {
-    "title": "驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？",
-    "description": "近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。",
-    "url": "https://segmentfault.com/a/1190000040842990",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
-    "rank": 11
+    "title": "前端如何实现token的无感刷新",
+    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
+    "url": "https://segmentfault.com/a/1190000040850857",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "11",
+    "rank": 9
+  },
+  {
+    "title": "记录：Webpack5把微前端qiankun的配置文件干没了",
+    "description": "从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的",
+    "url": "https://segmentfault.com/a/1190000040842378",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "5",
+    "rank": 10
   },
   {
     "title": "初探JavaScript PDF blob转换为Word docx方法",
@@ -104,25 +95,34 @@
     "url": "https://segmentfault.com/a/1190000040837967",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "5",
+    "votes": "6",
+    "rank": 11
+  },
+  {
+    "title": "华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放",
+    "description": "【2021年10月22日·东莞】华为开发者大会 2021（Together）于今天正式开幕，华为在主题演讲中正式发布全新的HMS Core 6，向全球开发者开放7大领域的69个Kit和21,738个API，包括13个跨操作系统能力，开发者基于不同...",
+    "url": "https://segmentfault.com/a/1190000040851457",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 12
   },
   {
-    "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",
+    "title": "try..catch 不能捕获的错误有哪些？注意事项又有哪些？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040836275",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
     "rank": 13
   },
   {
-    "title": "一张思维大图入门React",
-    "description": "俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份React基础知识点，并以思维导图的方式呈现出来，方便跟老铁们一起查漏补缺。“React”完整思维导图也有呀！！！",
-    "url": "https://segmentfault.com/a/1190000040835809",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "6",
+    "title": "异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！",
+    "description": "下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...",
+    "url": "https://segmentfault.com/a/1190000040845022",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 14
   },
   {
@@ -135,138 +135,138 @@
     "rank": 15
   },
   {
-    "title": "PingCAP CTO 黄东旭 ：基础软件“好用”指南——必须跨越这两道鸿沟！",
-    "description": "最近有一件事情让我印象特别深刻，作为引子和大家唠一唠：我们在内部做一些极端的流量回归仿真实验时，在 TiKV（TiDB 的分布式存储组件）上观测到了异常的 CPU 使用率，但是从我们的 Grafana Metrics、日志输出里...",
-    "url": "https://segmentfault.com/a/1190000040826531",
-    "author": "PingCAP",
-    "home_url": "https://segmentfault.com/u/pingcap",
-    "votes": "3",
+    "title": "一张思维大图入门React",
+    "description": "俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份React基础知识点，并以思维导图的方式呈现出来，方便跟老铁们一起查漏补缺。“React”完整思维导图也有呀！！！",
+    "url": "https://segmentfault.com/a/1190000040835809",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "7",
     "rank": 16
   },
   {
-    "title": "运动与数据的碰撞，华为分析运动健康行业模板上线",
-    "description": "近年来，越来越多的人开始关注身体健康，注重养生。市场上不断涌入一些运动健康类的APP，如跑步、冥想、瑜伽等。一些APP推出的健身课程，让大家可以足不出户锻炼身体，极大地提高了居家运动的便利性。",
-    "url": "https://segmentfault.com/a/1190000040825779",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "0",
+    "title": "Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目",
+    "description": "这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。",
+    "url": "https://segmentfault.com/a/1190000040850136",
+    "author": "王培",
+    "home_url": "https://segmentfault.com/u/givebest",
+    "votes": "7",
     "rank": 17
   },
   {
-    "title": "直接拿来用！盘点一些拯救头发的 JS 单行代码，网友：摸鱼必备啊",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040782397",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "使用CSS计数器美化有序列表",
+    "description": "在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。",
+    "url": "https://segmentfault.com/a/1190000040836461",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "5",
     "rank": 18
   },
   {
-    "title": "我带的实习生，转正了！",
-    "description": "然后我说：在我们组里面，不必拘谨，大家在平时沟通的时候也没有上下级的关系，敞开心扉，不要有太多顾虑。我们的氛围是很 open 的，多多沟通。其实你别看我长的老，我年龄也不大，我 94 年的。对了，你哪一年的？",
-    "url": "https://segmentfault.com/a/1190000040826289",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "Vue3源码分析之compositionApi",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
+    "url": "https://segmentfault.com/a/1190000040848951",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "4",
     "rank": 19
   },
   {
-    "title": "Go 创始人 Rob Pike 反对在 Go 1.18 标准库中引入泛型支持：建议不要改动 Go 1.18 中的标准库",
-    "description": "近日，Go 语言创始人之一 Rob Pike 在 Github 上发表评论引发关注。据悉，他已在 Go 代码仓库提交了一个 issue (#48918)，反对在 Go 1.18 的标准库中引入泛型支持，建议不要改动 Go 1.18 中的标准库。",
-    "url": "https://segmentfault.com/a/1190000040826008",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "前端实现iPhone绕过AppStore从浏览器安装App",
+    "description": "都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...",
+    "url": "https://segmentfault.com/a/1190000040846993",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "5",
     "rank": 20
   },
   {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "5",
+    "title": "前端- JavaScript异步编程Promise",
+    "description": "Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：",
+    "url": "https://segmentfault.com/a/1190000040840390",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "JavaScript 数学曲线—阿基米德螺线",
-    "description": "引子最近在研究曲线运动的时候，尝试了用 AI 导出的 SVG 路径之后，发现有些还是回归到数学中更合适一些。搜集了一些资料，尝试后总结一下。OriginMy GitHub简介阿基米德螺旋是以公元前 3 世纪希腊数学家阿基米德...",
-    "url": "https://segmentfault.com/a/1190000040824923",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "一文阅尽苹果新品发布会：真“炸场”还是假“炸场”？",
+    "description": "本场发布会的第一个产品是加入新配色的 HomePod mini ，分别是黄色、蓝色、橙色。三款新配色音箱将于 11 月发售，售价 99 美元，与原版价格相同，预计国行售价为 749 元。",
+    "url": "https://segmentfault.com/a/1190000040832423",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "try..catch 不能捕获的错误有哪些？注意事项又有哪些？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040836275",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "React全新文档终于来了",
+    "description": "React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。",
+    "url": "https://segmentfault.com/a/1190000040848627",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "是谁在Go标准库的源码中植入了色情网站？",
-    "description": "昨天，有网友在群里说在GitHub上发现了色情网站！GitHub上怎么会有色情网站呢？网友给出了下面的截图：这个出现在Go标准库中的Issue里面，有一个url...该Issue地址：[链接]DD小心翼翼的复制到浏览器，打开...不可...",
-    "url": "https://segmentfault.com/a/1190000040822897",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
+    "title": "学点bash，装B - 快速移动光标",
+    "description": "学点bash，装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至...",
+    "url": "https://segmentfault.com/a/1190000040841954",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "一位拖延症患者程序员的自我救赎！",
-    "description": "关于时间管理、如何做计划、如何提高执行力...等等相关的话题其实很早之前我就想写了，但一直拖着迟迟没有动笔。但是这次我想了又想，不能再拖了。",
-    "url": "https://segmentfault.com/a/1190000040814550",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "3",
+    "title": "javascript实现网页截图导出方案",
+    "description": "首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。",
+    "url": "https://segmentfault.com/a/1190000040849728",
+    "author": "donglegend",
+    "home_url": "https://segmentfault.com/u/donglegend",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "一文阅尽苹果新品发布会：真“炸场”还是假“炸场”？",
-    "description": "本场发布会的第一个产品是加入新配色的 HomePod mini ，分别是黄色、蓝色、橙色。三款新配色音箱将于 11 月发售，售价 99 美元，与原版价格相同，预计国行售价为 749 元。",
-    "url": "https://segmentfault.com/a/1190000040832423",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "前端-JavaScript异步编程async函数",
+    "description": "基本概念传统JavaScript异步编程的形式大体分以下几种。回调函数事件监听发布/订阅Promise 对象异步一个任务连续的执行就叫做同步。如果将任务为分两步执行，执行完第一步，转而执行其它任务，等做好了准备，再回...",
+    "url": "https://segmentfault.com/a/1190000040845483",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "1",
     "rank": 26
   },
   {
-    "title": "前端- JavaScript异步编程Promise",
-    "description": "Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：",
-    "url": "https://segmentfault.com/a/1190000040840390",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "2",
+    "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": "3",
     "rank": 27
   },
   {
-    "title": "使用CSS计数器美化有序列表",
-    "description": "在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。",
-    "url": "https://segmentfault.com/a/1190000040836461",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "3",
+    "title": "React：从来如此便对么",
+    "description": "然而，如果梳理历史的走向，模版语法才是更自然的选择。接下来让我们看看React选择JSX背后的逻辑是什么？这是React如今生态繁荣的关键因素么？",
+    "url": "https://segmentfault.com/a/1190000040842197",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "苹果独占全球手机市场 75% 利润；微信测试深度清理功能；Ubuntu 21.10 正式发布 | 思否周刊",
-    "description": "40s 新闻速递苹果将于 10 月 18 日举行新品发布会，发布新款 AirPods、MacBook Pro一份「公司作息表」火到被举报！涵盖腾讯阿里等 1300 余家公司微信测试深度清理功能苹果前雇员投诉公司保密规定违法初代微软 Xbo...",
-    "url": "https://segmentfault.com/a/1190000040822908",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "TypeScript 中  unknown 与 any 有啥区别",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040654545",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "Node.js 断路器简介",
-    "description": "当我们使用传统的 CS 架构时，服务端由于故障等原因将请求堵塞，可能会导致客户端的请求失去响应，进而在一段时间后导致一批用户无法获得服务。而这种情况可能影响范围是有限，可以预估的。然而，在微服务体系下...",
-    "url": "https://segmentfault.com/a/1190000040818039",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "2",
+    "title": "前端-JavaScript中的代理和反射",
+    "description": "上面这种调用方式我们比较熟悉，不过当你想编写一些抽象框架时（框架又需要与业务定义的类进行互操作），由于你不知道业务类的成员和方法，这时反射动态获取成员变量或调用方法。",
+    "url": "https://segmentfault.com/a/1190000040829478",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "4",
     "rank": 30
   }
 ]