@wcj/github-rank 21.11.3 → 21.11.7

package/dist/sifou-weekly.json

@@ -1,109 +1,109 @@
 [
   {
-    "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": "27",
+    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
+    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
+    "url": "https://segmentfault.com/a/1190000040896436",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "30",
     "rank": 1
   },
   {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
+    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
+    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
+    "url": "https://segmentfault.com/a/1190000040906316",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "28",
     "rank": 2
   },
   {
-    "title": "未来已来，HMS Core 展现元宇宙落地价值",
-    "description": "当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……",
-    "url": "https://segmentfault.com/a/1190000040881913",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
+    "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
+    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...",
+    "url": "https://segmentfault.com/a/1190000040893750",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "26",
     "rank": 3
   },
   {
-    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
-    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
-    "url": "https://segmentfault.com/a/1190000040888747",
-    "author": "sluke",
-    "home_url": "https://segmentfault.com/u/sluke",
-    "votes": "8",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040891379",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 4
   },
   {
-    "title": "7个关于\"this\"面试题，你知道几个？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040869270",
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "votes": "11",
     "rank": 5
   },
   {
-    "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": "4",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
     "rank": 6
   },
   {
-    "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
-    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...",
-    "url": "https://segmentfault.com/a/1190000040893750",
-    "author": "若川",
-    "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "10",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "7",
     "rank": 7
   },
   {
-    "title": "灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”",
-    "description": "在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。",
-    "url": "https://segmentfault.com/a/1190000040870566",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
+    "title": "CSS 盒子的边距塌陷",
+    "description": "我相信下面的情形大家在日常工作中常常碰到：在制作静态页面中，为了页面整体的协调与美观，我们想让子盒子 image-div 的上边沿距离父盒子 header-div 的上边沿有一定间距。",
+    "url": "https://segmentfault.com/a/1190000040898864",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "8",
     "rank": 8
   },
   {
-    "title": "PC端高倍屏适配方案实践",
-    "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
-    "url": "https://segmentfault.com/a/1190000040885865",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "9",
+    "title": "策略模式在实际业务中的应用",
+    "description": "现有一个广告点击数据埋点上报的需求，上报的埋点数据根据点击的广告位置不同做区分进行上报，每个广告位置的数据进行分表存储。（eg：这里大家也不必深究分表存储为什么要这么做，我们只聊策略模式的实际应用）",
+    "url": "https://segmentfault.com/a/1190000040897227",
+    "author": "bingfeng",
+    "home_url": "https://segmentfault.com/u/xiaotao_5c2cdb80411ca",
+    "votes": "6",
     "rank": 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": "9",
+    "title": "GitOps 应用实践系列 - Argo CD 上手实践",
+    "description": "我们通过 KIND（Kubernetes in Docker）工具创建一个用于本地测试的 Kubernetes 集群。使用如下的配置文件，创建一个包含一个 control plane 和三个 work 的集群。",
+    "url": "https://segmentfault.com/a/1190000040895223",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "4",
     "rank": 10
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "10",
+    "title": "CSS 实现搜索相关交互",
+    "description": "先来看一个很常见的搜索框的交互，大概逻辑如下当输入框有内容才显示清除按钮点击清除按钮输入框会清空当输入框有内容并且处于聚焦情况下才显示搜索结果浮层点击搜索条目后关闭整个搜索结果浮层示意如下看着逻辑...",
+    "url": "https://segmentfault.com/a/1190000040897976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 11
   },
   {
-    "title": "CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框",
-    "description": "本文将通过一个实际的业务需求，讲解如何实现极端场景下文字加粗加边框效果文字多重边框的效果需求背景 - 文字的二次加粗今天遇到这样一个有意思的问题：在文字展示的时候，利用了 font-weight: bold 给文字进行...",
-    "url": "https://segmentfault.com/a/1190000040876086",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "把程序做成系统服务",
+    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
+    "url": "https://segmentfault.com/a/1190000040895843",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "5",
     "rank": 12
   },
@@ -113,160 +113,151 @@
     "url": "https://segmentfault.com/a/1190000040894152",
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "votes": "2",
     "rank": 13
   },
   {
-    "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": "5",
+    "title": "MySQL事务的隔离级别与并发问题",
+    "description": "事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。",
+    "url": "https://segmentfault.com/a/1190000040890911",
+    "author": "白菜1031",
+    "home_url": "https://segmentfault.com/u/baicai1031",
+    "votes": "6",
     "rank": 14
   },
   {
-    "title": "如何评价抖音前端开源的 Semi Design ？",
-    "description": "开头我是Peter抖音系企业应用设计系统 Semi Design 开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚...",
-    "url": "https://segmentfault.com/a/1190000040874775",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "2",
+    "title": "Notification桌面通知实践",
+    "description": "Notification通知实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些 支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法 {代码...} 参数title定义一个通知...",
+    "url": "https://segmentfault.com/a/1190000040910391",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "4",
     "rank": 15
   },
   {
-    "title": "议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕",
-    "description": "作为业界最具影响力的开源盛事，2021 中国开源年会（COSCon'21）将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛，和线下聚会两部分。",
-    "url": "https://segmentfault.com/a/1190000040882505",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "4",
+    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
+    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
+    "url": "https://segmentfault.com/a/1190000040908304",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 16
   },
   {
-    "title": "一条曲线的诞生",
-    "description": "在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...",
-    "url": "https://segmentfault.com/a/1190000040883655",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "4",
+    "title": "任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源",
+    "description": "2018 年，微软宣布正式收购GitHub，微软副总裁 Nat Friedman 担任GitHub 的新 CEO。2021 年 11 月 3 日，GitHub 首席执行官Nat Friedman在任职三年后宣布即将卸任，并回归到他的创业根源。在题为“Thank you, GitH...",
+    "url": "https://segmentfault.com/a/1190000040909653",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "prettier 把我代码弄的很丑",
-    "description": "开篇一个小故事：近日组内多人反馈 eslint fix 后的代码很丑。我说我看看，然而 2 个月过去了，我都没有搞定。。。（老透明，想刷存在感。）又暴露了我的无知：是 eslint 修的，还是 prettier 修的这是什么奇怪的...",
-    "url": "https://segmentfault.com/a/1190000040873895",
-    "author": "混子的日常",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "5",
+    "title": "三步带你玩转前端Vue装饰器",
+    "description": "什么是装饰器装饰器怎么封装装饰器能干啥1、什么是装饰器看个例子就懂了eg： {代码...} 反正就是各种嵌套，看起来代码很脓肿,接下来看看【装饰器】怎么写↓ {代码...} 现在看到的写法是不是凉快了很多，没有多层嵌...",
+    "url": "https://segmentfault.com/a/1190000040893884",
+    "author": "CoolLsk",
+    "home_url": "https://segmentfault.com/u/coollsk",
+    "votes": "10",
     "rank": 18
   },
   {
-    "title": "TransX 一个小巧玲珑的 vue 组件切换动画库",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
-    "url": "https://segmentfault.com/a/1190000040879529",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "5",
+    "title": "PHP 性能终极 Debug - 生成火焰图",
+    "description": "2012 年刚开始学习 PHP，那个时候的 PHP 应用很简单，没有太多复杂的设计模式，像依赖注入，工厂模式这些还几乎没有，Reflection API 那时也才刚出来，一个 PHP 应用就是一些包了前端代码的脚本文件，正是因为 PH...",
+    "url": "https://segmentfault.com/a/1190000040896846",
+    "author": "路易港",
+    "home_url": "https://segmentfault.com/u/portlouis",
+    "votes": "2",
     "rank": 19
   },
   {
-    "title": "听说你的对象有个”环“？怎么发现的呢？",
-    "description": "1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾...",
-    "url": "https://segmentfault.com/a/1190000040875138",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "3",
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040882446",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 20
   },
   {
-    "title": "MySQL事务的隔离级别与并发问题",
-    "description": "事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。",
-    "url": "https://segmentfault.com/a/1190000040890911",
-    "author": "白菜1031",
-    "home_url": "https://segmentfault.com/u/baicai1031",
-    "votes": "4",
+    "title": "纯 Git 实现前端 CI/CD",
+    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
+    "url": "https://segmentfault.com/a/1190000040904889",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "6",
     "rank": 21
   },
   {
-    "title": "三步带你玩转前端装饰器",
-    "description": "什么是装饰器装饰器怎么封装装饰器能干啥1、什么是装饰器看个例子就懂了eg： {代码...} 反正就是各种嵌套，看起来代码很脓肿,接下来看看【装饰器】怎么写↓ {代码...} 现在看到的写法是不是凉快了很多，没有多层嵌...",
-    "url": "https://segmentfault.com/a/1190000040893884",
-    "author": "CoolLsk",
-    "home_url": "https://segmentfault.com/u/coollsk",
-    "votes": "10",
+    "title": "【一文秒懂】带你彻底搞懂范式与反范式数据库设计",
+    "description": "范式就是前辈通过不断的验证给到的为了建立冗余较小、结构合理的数据库，是设计数据库必须遵循的一定规则，在关系型数据库中这种规格叫做范式，本篇不仅说明范式设计，也会给到一些例子，带着各位一起分析给到的...",
+    "url": "https://segmentfault.com/a/1190000040889773",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "6",
     "rank": 22
   },
   {
-    "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",
+    "title": "程序员避坑指南36条",
+    "description": "Hey guys 各位小伙伴们大家好！我是 cxuan，一个恰当的摸鱼时间，写下了 36 条建议分享给大家，这些建议很多是我亲身实践，也有一部分是我和同行聊天所得到的经验，希望大家能及时闭坑。",
+    "url": "https://segmentfault.com/a/1190000040903585",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "分辨率越高清晰度越高吗？",
-    "description": "显示屏清晰度对于计算机上显示的文字和图片，正常来说显示器分辨率越高清晰度就会更高，不过有时我们切换一些超高分辨率后也识别不出差异，这是为什么？简单来说显示清晰度由物理因素和视力因素。物理因素就是设...",
-    "url": "https://segmentfault.com/a/1190000040873601",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "5",
+    "title": "坏代码导致的性能问题大赏：CPU占用飙到了900%！",
+    "description": "读过《重构 - 改善既有代码的设计》一书的同学们应该都很了解“代码的坏味道”。当然确定什么是代码“坏味道”是主观的，它会随语言、开发人员和开发方法的不同而不同。在工作当中，很多时候都是在维护之前的项目和在...",
+    "url": "https://segmentfault.com/a/1190000040890301",
+    "author": "HeapDump性能社区",
+    "home_url": "https://segmentfault.com/u/perfma",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "【一文秒懂】带你彻底搞懂范式与反范式数据库设计",
-    "description": "范式就是前辈通过不断的验证给到的为了建立冗余较小、结构合理的数据库，是设计数据库必须遵循的一定规则，在关系型数据库中这种规格叫做范式，本篇不仅说明范式设计，也会给到一些例子，带着各位一起分析给到的...",
-    "url": "https://segmentfault.com/a/1190000040889773",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "3",
+    "title": "刚刚！字节旗下软件崩了，包括抖音、头条、飞书...",
+    "description": "​11月2日上午，多个用户表示打开抖音后无法发布视频，且搜索结果也为空，电脑端后台一片空白。推荐算法失效，服务器异常半小时左右，目前已恢复正常。",
+    "url": "https://segmentfault.com/a/1190000040899147",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "如何给普通图片加上水波纹【shader 奇技淫巧】",
-    "description": "3D场景实现水波纹，我们往往会使用网格去模拟真实的水流动，无论是简单的三角函数或是gerstner wave。然后通过真实物理渲染（base physcal render）来实现其中的折射与反射。这些实现可以参考《GPU GEMS》第一版。",
-    "url": "https://segmentfault.com/a/1190000040877833",
-    "author": "这是上帝的杰作",
-    "home_url": "https://segmentfault.com/u/master_yoda",
+    "title": "JavaScript 垃圾回收机制",
+    "description": "这也就意味着，在软件开放行业必然存在着很多值得优化的地方，特别是在前端开发过程中，性能优化可以认为是无处不在的。例如请求资源时所用到的网络，以及数据的传输方式，再或者开发过程中所使用到的框架等都可...",
+    "url": "https://segmentfault.com/a/1190000040895978",
+    "author": "隐冬",
+    "home_url": "https://segmentfault.com/u/yindong_5ff2c41222b8c",
     "votes": "2",
     "rank": 26
   },
+  {
+    "title": "沪漂程序媛妹子的一天...",
+    "description": "作为⼀枚缺乏浪漫细胞但富有吃货属性的⼯科⼥，我的⽇记，那肯定离不开吃，即使是时间划分，那也得按⼀⽇三餐来（其实是四餐，但是也不知道是身体细胞⽼龄化了还是咋的，以前狂吃不⻓到现在 喝⽔都胖，头⼤~，也...",
+    "url": "https://segmentfault.com/a/1190000040914114",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "3",
+    "rank": 27
+  },
   {
     "title": "Hermes将成为React Native默认的JS引擎",
     "description": "自 2019 年首次发布以来，小巧轻便的 JavaScript 引擎 Hermes 在社区中的名气越来越高，很多的框架也开始支持Hermes。作为 React Native 领域高人气元框架的缔造者，Expo 团队此前公布了对 Hermes 的实验性支持。...",
     "url": "https://segmentfault.com/a/1190000040889788",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "前端必会的nginx（配置可视化）",
-    "description": "1.介绍Nginx（发音同“engine X”）是异步框架的web服务器，也可以用作反向代理、负载平衡器和HTTP缓存。特点：和node类似，Nginx使用异步事件驱动的方法来处理请求，适合处理io密集型场景前端为什么要学：测试环境...",
-    "url": "https://segmentfault.com/a/1190000040879096",
-    "author": "Runningfyy",
-    "home_url": "https://segmentfault.com/u/yangkaiqiang",
-    "votes": "4",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "关于前端技术写作✒，我想要说的💡",
-    "description": "阅读跟输出都是非常重要的两件事情，必须一直坚持去做，但是只有吸取没有输出肯定是不行的，我觉得只有输出了，才是真正消化了。\"学会了\"和\"能给别人讲清楚了\"真的是两码事，我以前老感觉自己的基础还行，还会花...",
-    "url": "https://segmentfault.com/a/1190000040880696",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "1",
+    "title": "nvm-一个node版本管理工具 + 打开终端自动切换node版本教程",
+    "description": "在日常的前端或node后台开发中，使用的部分node依赖，可能不支持当前使用的node版本，这时候如果还想使用这个依赖愉快的开发，那只能切换node版本了。",
+    "url": "https://segmentfault.com/a/1190000040908989",
+    "author": "千鸟语",
+    "home_url": "https://segmentfault.com/u/qianniaoyu",
+    "votes": "4",
     "rank": 29
-  },
-  {
-    "title": "GitOps 应用实践系列 - Argo CD 上手实践",
-    "description": "我们通过 KIND（Kubernetes in Docker）工具创建一个用于本地测试的 Kubernetes 集群。使用如下的配置文件，创建一个包含一个 control plane 和三个 work 的集群。",
-    "url": "https://segmentfault.com/a/1190000040895223",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "2",
-    "rank": 30
   }
 ]