@wcj/github-rank 21.10.27 → 21.10.31

package/web/data/sifou-weekly.json

@@ -1,272 +1,263 @@
 [
   {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "20",
+    "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
+    "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
+    "url": "https://segmentfault.com/a/1190000040875211",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "19",
     "rank": 1
   },
   {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "22",
+    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
+    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
+    "url": "https://segmentfault.com/a/1190000040863000",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "20",
     "rank": 2
   },
   {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "19",
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 3
   },
   {
-    "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": "11",
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 4
   },
   {
-    "title": "uniapp云函数教程② ：商品列表增删改查",
-    "description": "上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...",
-    "url": "https://segmentfault.com/a/1190000040839358",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "5",
+    "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
+    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。",
+    "url": "https://segmentfault.com/a/1190000040865299",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "14",
     "rank": 5
   },
   {
-    "title": "驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？",
-    "description": "近几年，腾讯、阿里、百度等互联网大厂纷纷入局，国内外低代码平台融资动辄数千万甚至数亿，以及伴随着热度而来的巨大争议……无不说明“低代码”的火爆。",
-    "url": "https://segmentfault.com/a/1190000040842990",
+    "title": "未来已来，HMS Core 展现元宇宙落地价值",
+    "description": "当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……",
+    "url": "https://segmentfault.com/a/1190000040881913",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "6",
+    "votes": "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",
+    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
+    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
+    "url": "https://segmentfault.com/a/1190000040855949",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "10",
     "rank": 7
   },
   {
-    "title": "记录：Webpack5把微前端qiankun的配置文件干没了",
-    "description": "从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的",
-    "url": "https://segmentfault.com/a/1190000040842378",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "5",
+    "title": "7个关于\"this\"面试题，你知道几个？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040869270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "初探JavaScript PDF blob转换为Word docx方法",
-    "description": "PDF文档遵循iOS32000的规范是由Adobe 公司推出的文档格式，之所以应用如此广泛，是因为PDF精确定位了每个字符的坐标、根据坐标绘制的各种形状，使用PDF格式传输和打印文档可以保证格式的一致性，然后很多PDF文件...",
-    "url": "https://segmentfault.com/a/1190000040837967",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "6",
+    "title": "涉嫌抄袭？抖音前端技术团队发文致歉，承认借鉴Ant Design",
+    "description": "据描述，Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案...",
+    "url": "https://segmentfault.com/a/1190000040877069",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "3",
     "rank": 9
   },
   {
-    "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": "7",
+    "title": "JuiceFS 如何帮助趣头条超大规模 HDFS 降负载",
+    "description": "高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。",
+    "url": "https://segmentfault.com/a/1190000040867703",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "6",
     "rank": 10
   },
   {
-    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
-    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
-    "url": "https://segmentfault.com/a/1190000040863000",
-    "author": "独钓寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "14",
+    "title": "灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”",
+    "description": "在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。",
+    "url": "https://segmentfault.com/a/1190000040870566",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "7",
+    "title": "Python Type Hints 从入门到实践",
+    "description": "Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。",
+    "url": "https://segmentfault.com/a/1190000040864758",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 12
   },
   {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "title": "常见 SQL 面试题：经典 50 例",
+    "description": "多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])",
+    "url": "https://segmentfault.com/a/1190000040874554",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "7",
     "rank": 13
   },
   {
-    "title": "使用CSS计数器美化有序列表",
-    "description": "在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。",
-    "url": "https://segmentfault.com/a/1190000040836461",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "6",
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "4",
     "rank": 14
   },
   {
-    "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",
+    "title": "《RabbitMQ》 | 消息丢失也就这么回事",
+    "description": "本文主要介绍 RabbitMQ的消息丢失问题如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！",
+    "url": "https://segmentfault.com/a/1190000040856612",
+    "author": "蔡不菜丶",
+    "home_url": "https://segmentfault.com/u/17689400062",
+    "votes": "3",
     "rank": 15
   },
   {
-    "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",
+    "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": 16
   },
   {
-    "title": "华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力",
-    "description": "【2021年10月22日·东莞】华为开发者大会2021（Together）在东莞松山湖正式开幕。本次大会首次采用数字人全程实时手语直播，数字人基于即时听到的语言，通过华为手语服务，实时生成连贯、自然的手语。同时华为宣布...",
-    "url": "https://segmentfault.com/a/1190000040851497",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "大厂面试题分享：如何让(a===1&&a===2&&a===3)的值为true?",
+    "description": "当我第一次看到这一题目的时候，我是比较震惊的，分析了下很不合我们编程的常理，并认为不大可能，变量a要在同一情况下要同时等于1，2和3这三个值，这是天方夜谭吧，不亚于哥德巴赫1+1=1的猜想吧，不过一切皆有可...",
+    "url": "https://segmentfault.com/a/1190000040880874",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "4",
     "rank": 17
   },
   {
-    "title": "异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！",
-    "description": "下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...",
-    "url": "https://segmentfault.com/a/1190000040845022",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "如何评价抖音前端开源的 Semi Design ？",
+    "description": "开头我是Peter抖音系企业应用设计系统 Semi Design 开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚...",
+    "url": "https://segmentfault.com/a/1190000040874775",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "2",
     "rank": 18
   },
   {
-    "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",
+    "title": "5 个 CSS 新功能",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040857051",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 19
   },
   {
-    "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": "程序员如何玩转力扣刷题？",
+    "description": "前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...",
+    "url": "https://segmentfault.com/a/1190000040866692",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "前端-JavaScript异步编程async函数",
-    "description": "基本概念传统JavaScript异步编程的形式大体分以下几种。回调函数事件监听发布/订阅Promise 对象异步一个任务连续的执行就叫做同步。如果将任务为分两步执行，执行完第一步，转而执行其它任务，等做好了准备，再回...",
-    "url": "https://segmentfault.com/a/1190000040845483",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "3",
+    "title": "面试不再慌，终于有人把TCP讲明白了。。。",
+    "description": "TCP（Transmission Control Protocol，传输控制协议） 是计算机网络的的重要组成部分，也是网络编程的重要内容，还有我们平时接触最多的 HTTP 也是基于 TCP 实现的。TCP 可以说是最重要的传输层协议，既然如此，...",
+    "url": "https://segmentfault.com/a/1190000040873944",
+    "author": "Java大将军",
+    "home_url": "https://segmentfault.com/u/23g69kz6",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "前端时间国际化入门",
-    "description": "最近在开发一个需要完善国际化方案的前端项目，在处理时间国际化的时候遇到了一些问题。于是花了一些时间研究，有了这篇文章。不过由于网上关于 JavaScript 中 Date 对象的坑的文章已经一抓一大把了，因此这篇文...",
-    "url": "https://segmentfault.com/a/1190000040845760",
-    "author": "奇舞团",
-    "home_url": "https://segmentfault.com/u/75team",
-    "votes": "2",
+    "title": "深入浅出Java内存模型",
+    "description": "面试官：我记得你的最终答案是：Java为了屏蔽硬件和操作系统访问内存的各种差异，提出了「Java内存模型」的规范，保证了Java程序在各种平台下对内存的访问都能得到一致效果",
+    "url": "https://segmentfault.com/a/1190000040869235",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "4",
     "rank": 22
   },
   {
-    "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",
+    "title": "分辨率越高清晰度越高吗？",
+    "description": "显示屏清晰度对于计算机上显示的文字和图片，正常来说显示器分辨率越高清晰度就会更高，不过有时我们切换一些超高分辨率后也识别不出差异，这是为什么？简单来说显示清晰度由物理因素和视力因素。物理因素就是设...",
+    "url": "https://segmentfault.com/a/1190000040873601",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "5",
     "rank": 23
   },
   {
-    "title": "javascript实现网页截图导出方案",
-    "description": "首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。",
-    "url": "https://segmentfault.com/a/1190000040849728",
-    "author": "donglegend",
-    "home_url": "https://segmentfault.com/u/donglegend",
+    "title": "前端代码库里的 git hooks",
+    "description": "本篇文章收获什么：git hooks 的基本知识yorkie 的原理浅析如何使用 本地 vscode 打开 github 项目故事是这样的：我：在npm run lint脚本里面加了vue-tsc --noEmit --skipLibCheck && ....这个命令后，--...",
+    "url": "https://segmentfault.com/a/1190000040855590",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
     "votes": "2",
     "rank": 24
   },
   {
-    "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",
+    "title": "超牛逼的性能监控神器！快速定位线上问题",
+    "description": "今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...",
+    "url": "https://segmentfault.com/a/1190000040857744",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "第七期:前端九条启发分享",
-    "description": "事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 \"json对象\", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...",
-    "url": "https://segmentfault.com/a/1190000040857798",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "一条曲线的诞生",
+    "description": "在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...",
+    "url": "https://segmentfault.com/a/1190000040883655",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
     "votes": "3",
     "rank": 26
   },
   {
-    "title": "前端-JavaScript运行原理",
-    "description": "简介理解JavaScript运行原理，我们需要理解以下两方面内容。JavaScript引擎。JavaScript运行时环境。JavaScript引擎什么是JavaScript引擎JavaScript引擎是一个计算机程序，它的主要作用是JavaScript运行时将源码...",
-    "url": "https://segmentfault.com/a/1190000040851732",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "5",
+    "title": "听说你的对象有个”环“？怎么发现的呢？",
+    "description": "1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...",
+    "url": "https://segmentfault.com/a/1190000040875138",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "从零开始实现一个在线三角形生成器",
-    "description": "在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...",
-    "url": "https://segmentfault.com/a/1190000040854433",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "3",
+    "title": "CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框",
+    "description": "本文将通过一个实际的业务需求，讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题：在文字展示的时候，利用了 font-weight: bold 给文字进行...",
+    "url": "https://segmentfault.com/a/1190000040876086",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "Go 开发时要了解的 1 个内存模型细节",
-    "description": "在日常工作中，如果我们能够了解 Go 语言内存模型，那会带来非常大的作用。这样在看一些极端情况，又或是变态面试题的时候，就能够明白程序运行表现下的很多根本原因了。",
-    "url": "https://segmentfault.com/a/1190000040843418",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "我的刷题经验总结",
+    "description": "这两年在我自己不断刷题，思考和写公众号的过程中，我对算法的理解也是在逐渐加深，所以今天再写一篇，把我这两年的经验和思考浓缩成 4000 字，分享给大家。",
+    "url": "https://segmentfault.com/a/1190000040867160",
+    "author": "labuladong",
+    "home_url": "https://segmentfault.com/u/labuladong",
     "votes": "2",
     "rank": 29
-  },
-  {
-    "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": 30
   }
 ]