@wcj/github-rank 21.11.8 → 21.11.12

package/web/data/sifou-weekly.json

@@ -1,220 +1,211 @@
 [
   {
-    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
-    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
-    "url": "https://segmentfault.com/a/1190000040896436",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "31",
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "22",
     "rank": 1
   },
   {
-    "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": "29",
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "23",
     "rank": 2
   },
   {
-    "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",
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 3
   },
   {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
+    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
+    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
+    "url": "https://segmentfault.com/a/1190000040936266",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
     "rank": 4
   },
   {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
+    "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040923693",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
+    "votes": "14",
     "rank": 5
   },
   {
-    "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",
+    "title": "前端Node.js面试题",
+    "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
+    "url": "https://segmentfault.com/a/1190000040937008",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "9",
     "rank": 6
   },
   {
-    "title": "把程序做成系统服务",
-    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
-    "url": "https://segmentfault.com/a/1190000040895843",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
+    "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
+    "description": "面试题：String a = \"ab\"; String b = \"a\" + \"b\"; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...",
+    "url": "https://segmentfault.com/a/1190000040922573",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "13",
     "rank": 7
   },
   {
-    "title": "CSS 盒子的边距塌陷",
-    "description": "我相信下面的情形大家在日常工作中常常碰到：在制作静态页面中，为了页面整体的协调与美观，我们想让子盒子 image-div 的上边沿距离父盒子 header-div 的上边沿有一定间距。",
-    "url": "https://segmentfault.com/a/1190000040898864",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "装了这几个IDEA插件，基本上一站式开发了！",
+    "description": "作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDEA插件中，我独钟爱这几款。这期就整理一些我日常中经常使用的IDEA插件，这些插件有些挺小众，但是的确非常提升效率，推荐...",
+    "url": "https://segmentfault.com/a/1190000040924578",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "8",
     "rank": 8
   },
   {
-    "title": "策略模式在实际业务中的应用",
-    "description": "现有一个广告点击数据埋点上报的需求，上报的埋点数据根据点击的广告位置不同做区分进行上报，每个广告位置的数据进行分表存储。（eg：这里大家也不必深究分表存储为什么要这么做，我们只聊策略模式的实际应用）",
-    "url": "https://segmentfault.com/a/1190000040897227",
-    "author": "bingfeng",
-    "home_url": "https://segmentfault.com/u/xiaotao_5c2cdb80411ca",
-    "votes": "6",
+    "title": "规范你的commit msg",
+    "description": "TL;DR：👉 commitizen 使用👉 commitlint 使用👉 可以直接抄走的配置👉 git cz 的原理可参考的代码库规范 commit msg 的意义规范化、格式化的 commit message 可以让我们更好的追踪需求的演进、回滚时能够快速的找到...",
+    "url": "https://segmentfault.com/a/1190000040922831",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "8",
     "rank": 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",
+    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040935668",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 10
   },
   {
-    "title": "CSS 实现搜索相关交互",
-    "description": "先来看一个很常见的搜索框的交互，大概逻辑如下当输入框有内容才显示清除按钮点击清除按钮输入框会清空当输入框有内容并且处于聚焦情况下才显示搜索结果浮层点击搜索条目后关闭整个搜索结果浮层示意如下看着逻辑...",
-    "url": "https://segmentfault.com/a/1190000040897976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "Web Components中引入外部CSS的 8 种方法",
+    "description": "开发中，还是会遇到需要引入外部CSS到Shadow DOM情况，那么如何处理呢？作者就最近遇到的情况给出如下几种方案。一、@import示例代码 {代码...} 优点：此方法兼容性非常好，点击查看caniuse。缺点：性能二、::par...",
+    "url": "https://segmentfault.com/a/1190000040915602",
+    "author": "Allan91",
+    "home_url": "https://segmentfault.com/u/allan4738",
     "votes": "8",
     "rank": 11
   },
   {
-    "title": "大奖升级！HMS Core线上Codelabs挑战赛第3期：用3D建模构建元宇宙",
-    "description": "“元宇宙”概念风生水起，在AR、VR等技术构建的虚拟世界里，3D模型担当重要角色，无论是为玩家提供更丰富更真实游戏体验的3D游戏领域，还是各大电商平台正在启用并不断完善的3D虚拟购物领域……3D建模无疑成为日益迫...",
-    "url": "https://segmentfault.com/a/1190000040894152",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "gRPC PHP与GO 数据增长性能测试与分析",
+    "description": "大家好，我是CrazyCodes，最近调研了下关于PHP通过gRPC请求go，与PHP通过HTTP方式请求，根据数据量不断增长的情况下，平均响应时间会有多大差距。",
+    "url": "https://segmentfault.com/a/1190000040922184",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "5",
     "rank": 12
   },
   {
-    "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",
+    "title": "Redis 6.0 新特性篇：深度剖析客户端缓存（Client side caching）原理与性能",
+    "description": "码老湿，上次你讲解了 Redis 多线程模型，这次我想知道客户端缓存（Client side caching）技术，他的英文名叫： Redis server-assisted client side caching ，可以说说么？我不是嫖客，看完我会点赞、再看、分享...",
+    "url": "https://segmentfault.com/a/1190000040926742",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "5",
     "rank": 13
   },
   {
-    "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",
+    "title": "Go业务开发中常用的几个开源库",
+    "description": "哈喽，大家好，我是asong。拖更了好久，这周开始更新。最近总有一些初学Go语言的小伙伴问我在业务开发中一般都使用什么web框架、开源中间件；所以我总结了我在日常开发中使用到的库，这些库不一定是特别完美的，...",
+    "url": "https://segmentfault.com/a/1190000040917776",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
     "votes": "7",
     "rank": 14
   },
   {
-    "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",
+    "title": "热门剧本杀与 SaaS 的不解之缘",
+    "description": "近年来，“剧本杀”这种以剧本为核心，玩家分别扮演不同角色推理案情找出真凶的娱乐项目在年轻人的范围内迅速传开，已悄然形成了一个市场规模超百亿的新兴产业，吸引了大量淘金者。而在互联网时代，针对玩家线上剧...",
+    "url": "https://segmentfault.com/a/1190000040932098",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 15
   },
   {
-    "title": "三步带你玩转前端Vue装饰器",
-    "description": "什么是装饰器装饰器怎么封装装饰器能干啥1、什么是装饰器看个例子就懂了eg： {代码...} 反正就是各种嵌套，看起来代码很脓肿,接下来看看【装饰器】怎么写↓ {代码...} 现在看到的写法是不是凉快了很多，没有多层嵌...",
-    "url": "https://segmentfault.com/a/1190000040893884",
-    "author": "CoolLsk",
-    "home_url": "https://segmentfault.com/u/coollsk",
-    "votes": "10",
+    "title": "用 eslint 和 prettier 让跨 IDE 协作更舒服",
+    "description": "TL; DR搭配 eslint 和 prettier 可以进行代码质量优化和跨 IDE 协作安装插件和 npm 包以顺利使用 eslint 和 prettier准备配置文件 .eslintrc.js 和 .prettierrc.js（可以借助工具生成也可手写）提高效率，开启 ID...",
+    "url": "https://segmentfault.com/a/1190000040927431",
+    "author": "ssshooter",
+    "home_url": "https://segmentfault.com/u/ssshooter",
+    "votes": "5",
     "rank": 16
   },
   {
-    "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",
+    "title": "在IntelliJ IDEA中，开发一个摸鱼看书插件",
+    "description": "总有人拿到产品的需求，就着急开干，反正也懒的想开发中会发生啥，上线后多少人使用，管它三七二十一先堆起来代码看一看，反正能跑就行，无论代码还是你！",
+    "url": "https://segmentfault.com/a/1190000040929376",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
     "rank": 17
   },
   {
-    "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",
+    "title": "借助友盟+U-APM实现终端卡顿优化的全记录",
+    "description": "目前手机SOC的性能越来越少，很多程序员在终端程序的开发过程中也不太注意性能方面的优化，尤其是不注意对齐和分支优化，但是这两种问题一旦出现所引发的问题，是非常非常隐蔽难查的，不过好在项目中用到了移动端...",
+    "url": "https://segmentfault.com/a/1190000040917846",
+    "author": "性能优化实践者",
+    "home_url": "https://segmentfault.com/u/on5fgy9c",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040882446",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "面试官：你说你精通 Docker，那你来详细说说 Dockerfile 吧",
+    "description": "Docker 可以通过读取 Dockerfile 中的指令自动构建镜像。Dockerfile 是一个文本文档，其中包含了用户创建镜像的所有命令和说明。",
+    "url": "https://segmentfault.com/a/1190000040925914",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "6",
     "rank": 19
   },
   {
-    "title": "程序员避坑指南36条",
-    "description": "Hey guys 各位小伙伴们大家好！我是 cxuan，一个恰当的摸鱼时间，写下了 36 条建议分享给大家，这些建议很多是我亲身实践，也有一部分是我和同行聊天所得到的经验，希望大家能及时闭坑。",
-    "url": "https://segmentfault.com/a/1190000040903585",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
+    "title": "stylelint 接入实战踩坑总结",
+    "description": "团队合作时，当每个人的代码都拥有自定义的格式化方式时，在提交merge的时候往往要解决很多冲突，此时我们可以使用eslint+stylelint来对团队的代码进行约束。eslint的配置引入比较简单，网上有比较多的教程，而st...",
+    "url": "https://segmentfault.com/a/1190000040917146",
+    "author": "greet_eason",
+    "home_url": "https://segmentfault.com/u/aichendesiyangyuan",
     "votes": "4",
     "rank": 20
   },
   {
-    "title": "Go业务开发中常用的几个开源库",
-    "description": "哈喽，大家好，我是asong。拖更了好久，这周开始更新。最近总有一些初学Go语言的小伙伴问我在业务开发中一般都使用什么web框架、开源中间件；所以我总结了我在日常开发中使用到的库，这些库不一定是特别完美的，...",
-    "url": "https://segmentfault.com/a/1190000040917776",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "编写\"谷歌扩展\"便捷\"自测\"埋点上报信息是否正确",
+    "description": "每次开发完项目的埋点功能后都需要进行埋点自测, 此时我只能通过在控制台的Network上进行筛选, 由于埋点的请求参数是个\"对象类型\", 需要将传参逐一点开并且找到params这个key, 但是params是一个被json序列化...",
+    "url": "https://segmentfault.com/a/1190000040922050",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "5",
     "rank": 21
   },
   {
-    "title": "刚刚！字节旗下软件崩了，包括抖音、头条、飞书...",
-    "description": "​11月2日上午，多个用户表示打开抖音后无法发布视频，且搜索结果也为空，电脑端后台一片空白。推荐算法失效，服务器异常半小时左右，目前已恢复正常。",
-    "url": "https://segmentfault.com/a/1190000040899147",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "智能运营新功能，多波次营销全触达",
+    "description": "消息推送时下已经是APP日常运营的重要工具，好的消息推送能够有效地增强用户黏性、提升用户体验，然而一切好的消息推送都是建立在能够到达用户终端为前提的，所以消息推送的到达率尤为重要。",
+    "url": "https://segmentfault.com/a/1190000040939088",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "JavaScript 垃圾回收机制",
-    "description": "这也就意味着，在软件开放行业必然存在着很多值得优化的地方，特别是在前端开发过程中，性能优化可以认为是无处不在的。例如请求资源时所用到的网络，以及数据的传输方式，再或者开发过程中所使用到的框架等都可...",
-    "url": "https://segmentfault.com/a/1190000040895978",
-    "author": "隐冬",
-    "home_url": "https://segmentfault.com/u/yindong_5ff2c41222b8c",
-    "votes": "2",
+    "title": "Discovery直播 | 3D“模”术师，还原立体世界——探秘3D建模服务",
+    "description": "3D模型作为物品在数字世界中的孪生体，用户可以自己拍摄、建模并在终端直观感受，甚至与现实环境进行交互体验。以下图片为鞋子的建模过程，其建模效果与真实物体几乎无差，应用在电商行业，是对用户体验方式的升...",
+    "url": "https://segmentfault.com/a/1190000040924570",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 23
   },
-  {
-    "title": "Web Components中引入外部CSS的 8 种方法",
-    "description": "开发中，还是会遇到需要引入外部CSS到Shadow DOM情况，那么如何处理呢？作者就最近遇到的情况给出如下几种方案。一、@import示例代码 {代码...} 优点：此方法兼容性非常好，点击查看caniuse。缺点：性能二、::par...",
-    "url": "https://segmentfault.com/a/1190000040915602",
-    "author": "Allan91",
-    "home_url": "https://segmentfault.com/u/allan4738",
-    "votes": "4",
-    "rank": 24
-  },
   {
     "title": "沪漂程序媛妹子的一天...",
     "description": "作为⼀枚缺乏浪漫细胞但富有吃货属性的⼯科⼥，我的⽇记，那肯定离不开吃，即使是时间划分，那也得按⼀⽇三餐来（其实是四餐，但是也不知道是身体细胞⽼龄化了还是咋的，以前狂吃不⻓到现在 喝⽔都胖，头⼤~，也...",
@@ -222,42 +213,60 @@
     "author": "程序员cxuan",
     "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "3",
+    "rank": 24
+  },
+  {
+    "title": "【Go语言】小白也能看懂的context包详解：从入门到精通",
+    "description": "哈喽，大家好，我是asong。今天想与大家分享context包，经过一年的沉淀，重新出发，基于Go1.17.1从源码角度再次分析，不过这次不同的是，我打算先从入门开始，因为大多数初学的读者都想先知道怎么用，然后才会关...",
+    "url": "https://segmentfault.com/a/1190000040917752",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "votes": "3",
     "rank": 25
   },
   {
-    "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",
+    "title": "数据库系列整理-关系型数据库",
+    "description": "Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植...",
+    "url": "https://segmentfault.com/a/1190000040942905",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "5",
     "rank": 26
   },
   {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "7",
+    "title": "地表最强IDE ——Visual Studio 2022正式发布",
+    "description": "堪称宇宙第一IDE工具集的Visual Studio，在经过不断更新优化之后，新版本就要与大家见面了。本次新版本发布，有许多令人期待的新功能和特性升级，快来一睹为快！",
+    "url": "https://segmentfault.com/a/1190000040936857",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "高并发场景下JVM调优实践之路",
-    "description": "一、背景2021年2月，收到反馈，视频APP某核心接口高峰期响应慢，影响用户体验。通过监控发现，接口响应慢主要是P99耗时高引起的，怀疑与该服务的GC有关，该服务典型的一个实例GC表现如下图：可以看出，在观察周期...",
-    "url": "https://segmentfault.com/a/1190000040891739",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "3",
+    "title": "前后端，相煎何太急...",
+    "description": "前沿：哈喽，我是树酱。今天分享的水文是关于前端与后端之间battle的那些事，自从前后端分离之后，这场分家带来了不少沟通问题，甚至产生battle。我们先回顾下前后端battle的前世今生",
+    "url": "https://segmentfault.com/a/1190000040925704",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "11月4日 “光纤之父”高锟诞辰88周年，致敬科学伟人！",
-    "description": "当今世界以数字化、网络化、智能化为特征的信息化浪潮蓬勃兴起，元宇宙、云基础设施、5G等热点前沿方向成为信息技术发展的风口。作为信息传导的主要载体，光纤可谓是社会信息化的“神经”，是人类迈向信息化时代的...",
-    "url": "https://segmentfault.com/a/1190000040909189",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "为什么IDEA不推荐你使用@Autowired ？",
+    "description": "但是当我们使用IDEA写代码的时候，经常会发现@Autowired注解下面是有小黄线的，我们把小鼠标悬停在上面，可以看到这个如下图所示的警告信息：",
+    "url": "https://segmentfault.com/a/1190000040914633",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "3",
     "rank": 29
+  },
+  {
+    "title": "一个价值8.7亿刀的bug",
+    "description": "大家好，我卡颂。有位老程序员前辈曾说：没有经历过p0级bug的职业生涯是不完整的以上名言是我瞎编的。但是，作为程序员，对bug肯定见怪不怪了。你经历的bug为公司造成了多少损失呢？本文我们来看一个造成8.7亿刀...",
+    "url": "https://segmentfault.com/a/1190000040915454",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
+    "rank": 30
   }
 ]