@wcj/github-rank 22.4.19 → 22.4.22

package/web/data/sifou-weekly.json

@@ -1,13 +1,22 @@
 [
   {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
+    "votes": "18",
     "rank": 1
   },
+  {
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "16",
+    "rank": 2
+  },
   {
     "title": "图说前端-送给您百张前端技术图谱",
     "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
@@ -15,16 +24,25 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "12",
-    "rank": 2
+    "rank": 3
   },
   {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 4
+  },
+  {
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "12",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -32,153 +50,126 @@
     "url": "https://segmentfault.com/a/1190000041706515",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 4
-  },
-  {
-    "title": "javaScript 内存管理机制",
-    "description": "大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...",
-    "url": "https://segmentfault.com/a/1190000041701063",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
-    "rank": 5
-  },
-  {
-    "title": "轻量迅捷时代，Vite 与Webpack 谁赢谁输",
-    "description": "Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间——一些大型应用程序可能需...",
-    "url": "https://segmentfault.com/a/1190000041696911",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "votes": "9",
     "rank": 6
   },
   {
-    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
-    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
-    "url": "https://segmentfault.com/a/1190000041690130",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "14",
     "rank": 7
   },
   {
-    "title": "5个一定要学会的JavaScript新特性",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
-    "url": "https://segmentfault.com/a/1190000041694411",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "11",
+    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
+    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
+    "url": "https://segmentfault.com/a/1190000041715281",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "8",
     "rank": 8
   },
   {
-    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041647249",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
-    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
-    "url": "https://segmentfault.com/a/1190000041696066",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "5",
+    "title": "精读《不再需要 JS 做的 5 件事》",
+    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
+    "url": "https://segmentfault.com/a/1190000041717742",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "6",
     "rank": 10
   },
   {
-    "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
-    "description": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...",
-    "url": "https://segmentfault.com/a/1190000041689097",
-    "author": "帅到被人砍",
-    "home_url": "https://segmentfault.com/u/juniortour",
+    "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
+    "description": "随时随地给大家提供技术支持的葡萄又来了。这次的事情是这样的，提供demo属于是常规操作，但是前两天客户突然反馈压缩传输模块抛出异常，具体情况是压缩内容传输到服务端后无法解压。",
+    "url": "https://segmentfault.com/a/1190000041731045",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "4",
     "rank": 11
   },
   {
-    "title": "写给“未来的”组件库的调研和思考",
-    "description": "这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。",
-    "url": "https://segmentfault.com/a/1190000041691150",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "2",
+    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
+    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
+    "url": "https://segmentfault.com/a/1190000041729768",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 12
   },
   {
-    "title": "后端学习值得收藏的一些开源电子书",
-    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
-    "url": "https://segmentfault.com/a/1190000041691470",
-    "author": "LeanCloud",
-    "home_url": "https://segmentfault.com/u/leancloud",
-    "votes": "6",
+    "title": "“制裁”蔓延：Github 或封禁 41 万俄罗斯开发者账号！",
+    "description": "据俄罗斯媒体 Habr 报道称，近段时间至少有几十个 GitHub 账户在当地被屏蔽、禁用、清空内容等限制。这其中，包括 Sberbank、 Alfa-Bank 银行、其他公司以及个人开发商的账户。",
+    "url": "https://segmentfault.com/a/1190000041719488",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
-    "description": "我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...",
-    "url": "https://segmentfault.com/a/1190000041693522",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "响应式网页中的高度设计，你认真的吗？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041717270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 14
   },
   {
-    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
-    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
-    "url": "https://segmentfault.com/a/1190000041700655",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "面试记录",
+    "description": "1.自我介绍说了一下项目经历，项目主要功能，项目负责部分，项目技术栈2.处理过的项目中最难的一点是什么说了一下问卷系统导入答卷部3.你的多线程处理在并发情况下会出现什么问题。4.jvm熟悉吗？（不熟悉）5.项目...",
+    "url": "https://segmentfault.com/a/1190000041721518",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "5",
     "rank": 15
   },
   {
-    "title": "得物App H5秒开优化实战",
-    "description": "H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...",
-    "url": "https://segmentfault.com/a/1190000041701111",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
+    "description": "现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...",
+    "url": "https://segmentfault.com/a/1190000041719899",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "3",
     "rank": 16
   },
   {
-    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
-    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
-    "url": "https://segmentfault.com/a/1190000041698876",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "0",
+    "title": "前端开发 Mock 利器，效率提升 100%！",
+    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
+    "url": "https://segmentfault.com/a/1190000041723236",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 17
   },
   {
-    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
-    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
-    "url": "https://segmentfault.com/a/1190000041715281",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
+    "title": "GitHub/GitLab配置SSH Key，以及RSA入门",
+    "description": "前言团队的项目近期更换到GitLab托管了，验证方式也从以前的HTTPS+SSH变成了纯SSH，所以就需要配置SSH Key。SSH的加密使用的RSA算法，文章末尾将给出一个简单的加密解密演示。一、生成公钥私钥对先看看无Key连接...",
+    "url": "https://segmentfault.com/a/1190000041713720",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "4",
     "rank": 18
   },
   {
-    "title": "支付宝小程序 横屏电子版签字 ，canvas实现",
-    "description": "思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变",
-    "url": "https://segmentfault.com/a/1190000041698583",
-    "author": "那年",
-    "home_url": "https://segmentfault.com/u/nanian_5cd6881d3cc98",
+    "title": "FORK AI  获数千万元  Pre-A  轮融资：定位 MarTech 赛道|助力云服务商精准获客",
+    "description": "近日，FORK AI 正式宣布获得了由绿洲资本独家投资的数千万元人民币 Pre - A 轮融资。据介绍，本轮资金用途为升级产品和扩大商业化，除自有销售渠道外， FORK AI 还将以 CRM 厂商为渠道进行拓客。",
+    "url": "https://segmentfault.com/a/1190000041718912",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 19
   },
-  {
-    "title": "天地图修改主题颜色修改背景色",
-    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
-    "url": "https://segmentfault.com/a/1190000041703873",
-    "author": "SangSir",
-    "home_url": "https://segmentfault.com/u/sangsir",
-    "votes": "1",
-    "rank": 20
-  },
   {
     "title": "Go语言轻松进阶",
     "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
@@ -186,26 +177,44 @@
     "author": "TIGERB",
     "home_url": "https://segmentfault.com/u/tigerb",
     "votes": "1",
-    "rank": 21
+    "rank": 20
   },
   {
-    "title": "正则表达式提取 git 提交记录中的新增代码行",
-    "description": "最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。",
-    "url": "https://segmentfault.com/a/1190000041697857",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
+    "title": "冴羽答读者问：冴羽哥哥 额爱你",
+    "description": "这让我想起一部叫《少年派》的电视剧，其中有一段剧情，张嘉译扮演的父亲劝说赵今麦扮演的女儿，不要放弃读书，通过网络流行语的古文版，让女儿刮目相看",
+    "url": "https://segmentfault.com/a/1190000041721122",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "移动端日历组件设计与实现",
+    "description": "在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：",
+    "url": "https://segmentfault.com/a/1190000041716531",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "ECMAScript 新提案:.findLast()和.findLastIndex()从尾到头搜索数组",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041677593",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
+    "description": "最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。",
+    "url": "https://segmentfault.com/a/1190000041721490",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 23
   },
+  {
+    "title": "Vue.js 3.x 双向绑定原理",
+    "description": "首先，我们要明白一点的是：v-model 的本质是指令。因此，它跟我们一般的自定义指令是一样的，需要实现 Vue.js 生命周期的钩子函数。",
+    "url": "https://segmentfault.com/a/1190000041716718",
+    "author": "Asheng",
+    "home_url": "https://segmentfault.com/u/ashengtan",
+    "votes": "2",
+    "rank": 24
+  },
   {
     "title": "gitlab CI/CD配置中遇到的问题",
     "description": "先来说一下配置CI/CD的目的，我们在提交代码后即提交push请求后gitLab会自动生成一个pipeLine任务，如果我们想要在每次提交代码之后都跑一次单元测试就需要对其进行编辑，此外我们还可以在此运行我们自定义的脚本...",
@@ -213,59 +222,50 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "3",
-    "rank": 24
-  },
-  {
-    "title": "GitHub/GitLab配置SSH Key，以及RSA入门",
-    "description": "前言团队的项目近期更换到GitLab托管了，验证方式也从以前的HTTPS+SSH变成了纯SSH，所以就需要配置SSH Key。SSH的加密使用的RSA算法，文章末尾将给出一个简单的加密解密演示。一、生成公钥私钥对先看看无Key连接...",
-    "url": "https://segmentfault.com/a/1190000041713720",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
     "rank": 25
   },
   {
-    "title": "初看满头问号，看懂直接跪下！",
-    "description": "你好呀，我是歪歪。我最近在 stackoverflow 上看到一段代码，怎么说呢。就是初看一脸懵逼，看懂直接跪下！我先带你看看 stackoverflow 上的这个问题是啥，然后引出这段代码：[链接]问题特别简单，就一句话：谁能...",
-    "url": "https://segmentfault.com/a/1190000041696508",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "3",
-    "rank": 26
-  },
-  {
-    "title": "推荐个我在用的免费翻译软件，支持多家翻译API整合",
-    "description": "前段时间发了个关于《Spring支持PHP》的视频：点击查看然后有小伙伴留言说：“你这个翻译好像很好用的样子”。的确，我自己也觉得很好用。之前视频没看过的不知道是哪个，可以通过截图简单了解下：基本操作就是选中...",
-    "url": "https://segmentfault.com/a/1190000041695503",
+    "title": "IDEA小技巧：Debug时如何优雅地制造异常？",
+    "description": "但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...",
+    "url": "https://segmentfault.com/a/1190000041715160",
     "author": "程序猿DD",
     "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "2022 PHP程序员修炼秘籍",
+    "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
+    "url": "https://segmentfault.com/a/1190000041734354",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "4",
     "rank": 27
   },
   {
-    "title": "一个小目标的达成——Milvus 10,000 星！",
-    "description": "近日，开源项目 Milvus 在向量数据库征程上取得了新的里程碑——GitHub 10,000 星。虽然我们认为 star 数不是评价开源项目质量的唯一标准，但还是感谢每一位通过点星来支持 Milvus 项目的开发者。",
-    "url": "https://segmentfault.com/a/1190000041695335",
-    "author": "Zilliz",
-    "home_url": "https://segmentfault.com/u/zilliz",
-    "votes": "1",
+    "title": "腾讯三面：Cookie的SameSite了解吧，那SameParty呢？",
+    "description": "大家好，我是年年！今天介绍的是三方cookie相关的内容，本文会讲清：什么是三方cookie？same-site的变化是什么，对我们的业务有什么影响？为什么有了same-site，还需要same-party？文章首发在我的公众号：前端私...",
+    "url": "https://segmentfault.com/a/1190000041714393",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
-    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
-    "url": "https://segmentfault.com/a/1190000041709916",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "title": "petite-vue源码剖析-沙箱模型",
+    "description": "在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：",
+    "url": "https://segmentfault.com/a/1190000041731589",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
     "votes": "2",
     "rank": 29
   },
   {
-    "title": "超越 Nginx！号称下一代 Web 服务器，用起来够优雅！",
-    "description": "Nginx是一款非常流行的Web服务器，在Github上已有16K+Star，我们经常用它来做静态资源托管或反向代理。最近发现了一款全新的Web服务器Caddy，Star数超越Nginx，标星38K+Star。试用了一下Caddy，发现它使用起来比N...",
-    "url": "https://segmentfault.com/a/1190000041689452",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "一文读懂欧拉开发者大会2022多项重磅发布",
+    "description": "欧拉开发者大会（openEuler Developer Day 2022）于4月13日-15日在线上和线下同步举行。大会以“一起创未来，欧拉更精彩”为主题，旨在推动openEuler在服务器、云计算、边缘计算和嵌入式等全场景的技术探索和创新，...",
+    "url": "https://segmentfault.com/a/1190000041711266",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 30
   }