@wcj/github-rank 22.4.20 → 22.4.23

package/web/data/sifou-weekly.json

@@ -1,56 +1,56 @@
 [
-  {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 1
-  },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
     "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
+    "votes": "19",
+    "rank": 1
+  },
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
     "rank": 2
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "12",
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "17",
     "rank": 3
   },
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "14",
     "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",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
     "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",
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "13",
     "rank": 6
   },
   {
@@ -59,160 +59,160 @@
     "url": "https://segmentfault.com/a/1190000041715281",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "7",
+    "votes": "9",
     "rank": 7
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "7",
+    "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": 8
   },
   {
-    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
-    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
-    "url": "https://segmentfault.com/a/1190000041696066",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
+    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
+    "url": "https://segmentfault.com/a/1190000041729768",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
     "rank": 9
   },
   {
-    "title": "精读《不再需要 JS 做的 5 件事》",
-    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
-    "url": "https://segmentfault.com/a/1190000041717742",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
+    "description": "随时随地给大家提供技术支持的葡萄又来了。这次的事情是这样的，提供demo属于是常规操作，但是前两天客户突然反馈压缩传输模块抛出异常，具体情况是压缩内容传输到服务端后无法解压。",
+    "url": "https://segmentfault.com/a/1190000041731045",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "4",
     "rank": 10
   },
   {
-    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
-    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
-    "url": "https://segmentfault.com/a/1190000041700655",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "响应式网页中的高度设计，你认真的吗？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041717270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 11
   },
   {
-    "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",
+    "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": 12
   },
   {
-    "title": "响应式网页中的高度设计，你认真的吗？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041717270",
+    "title": "前端开发 Mock 利器，效率提升 100%！",
+    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
+    "url": "https://segmentfault.com/a/1190000041723236",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "votes": "7",
     "rank": 13
   },
   {
-    "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",
-    "votes": "3",
+    "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": "6",
     "rank": 14
   },
   {
-    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
-    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
-    "url": "https://segmentfault.com/a/1190000041698876",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "0",
+    "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": "“制裁”蔓延：Github 或封禁 41 万俄罗斯开发者账号！",
-    "description": "据俄罗斯媒体 Habr 报道称，近段时间至少有几十个 GitHub 账户在当地被屏蔽、禁用、清空内容等限制。这其中，包括 Sberbank、 Alfa-Bank 银行、其他公司以及个人开发商的账户。",
-    "url": "https://segmentfault.com/a/1190000041719488",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "AI 视频云 VS 窄带高清，谁是视频时代的宠儿",
+    "description": "随着网络技术的逐渐改善，各类视频消息成为媒体传播的主要选择手段。但其实支撑着视频传播的并不单单是网络技术，还有视频转码与压缩技术。这类技术下分很多，比如曾经被频繁提到的 H.265，比如时下热门的窄带高...",
+    "url": "https://segmentfault.com/a/1190000041735598",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 16
   },
   {
-    "title": "【FAQ】干货满满，接入HMS Core应用内支付服务过程中一些常见问题总结（2）来啦",
-    "description": "HMS Core应用内支付服务（In-App Purchases，IAP）为应用提供便捷的应用内支付体验和简便的接入流程。该服务支持客户端和服务端两种开发形式，具体可以参考官方文档",
-    "url": "https://segmentfault.com/a/1190000041695344",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
+    "votes": "5",
     "rank": 17
   },
   {
-    "title": "支付宝小程序 横屏电子版签字 ，canvas实现",
-    "description": "思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变",
-    "url": "https://segmentfault.com/a/1190000041698583",
-    "author": "那年",
-    "home_url": "https://segmentfault.com/u/nanian_5cd6881d3cc98",
-    "votes": "1",
+    "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
+    "description": "现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...",
+    "url": "https://segmentfault.com/a/1190000041719899",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "Go语言轻松进阶",
-    "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
-    "url": "https://segmentfault.com/a/1190000041708020",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "1",
+    "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": 19
   },
   {
-    "title": "天地图修改主题颜色修改背景色",
-    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
-    "url": "https://segmentfault.com/a/1190000041703873",
-    "author": "SangSir",
-    "home_url": "https://segmentfault.com/u/sangsir",
-    "votes": "1",
+    "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": 20
   },
   {
-    "title": "正则表达式提取 git 提交记录中的新增代码行",
-    "description": "最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。",
-    "url": "https://segmentfault.com/a/1190000041697857",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
-    "votes": "1",
+    "title": "淘宝小程序体验优化：数据分析和优化实践",
+    "description": "作者：莫绪旻(向屿)淘宝小程序已经走过若干个双十一，淘宝开放业务有序铺开。体验优化是个老生常谈的话题，如何让小程序跑得又稳又快，成了我们最大的挑战之一。写在前面如何定义好的体验过去我们定义这个问题，...",
+    "url": "https://segmentfault.com/a/1190000041732101",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "2",
     "rank": 21
   },
   {
-    "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",
+    "title": "冴羽答读者问：冴羽哥哥 额爱你",
+    "description": "这让我想起一部叫《少年派》的电视剧，其中有一段剧情，张嘉译扮演的父亲劝说赵今麦扮演的女儿，不要放弃读书，通过网络流行语的古文版，让女儿刮目相看",
+    "url": "https://segmentfault.com/a/1190000041721122",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "gitlab CI/CD配置中遇到的问题",
-    "description": "先来说一下配置CI/CD的目的，我们在提交代码后即提交push请求后gitLab会自动生成一个pipeLine任务，如果我们想要在每次提交代码之后都跑一次单元测试就需要对其进行编辑，此外我们还可以在此运行我们自定义的脚本...",
-    "url": "https://segmentfault.com/a/1190000041711569",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "3",
+    "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": 23
   },
   {
-    "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": 24
   },
   {
@@ -224,6 +224,15 @@
     "votes": "2",
     "rank": 25
   },
+  {
+    "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": 26
+  },
   {
     "title": "IDEA小技巧：Debug时如何优雅地制造异常？",
     "description": "但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...",
@@ -231,41 +240,32 @@
     "author": "程序猿DD",
     "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
-    "rank": 26
-  },
-  {
-    "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
-    "description": "最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。",
-    "url": "https://segmentfault.com/a/1190000041721490",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
     "rank": 27
   },
   {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "7",
+    "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": "你好呀，我是歪歪。我最近在 stackoverflow 上看到一段代码，怎么说呢。就是初看一脸懵逼，看懂直接跪下！我先带你看看 stackoverflow 上的这个问题是啥，然后引出这段代码：[链接]问题特别简单，就一句话：谁能...",
-    "url": "https://segmentfault.com/a/1190000041696508",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "3",
+    "title": "ApacheCon Asia 2022 演讲征集开始了！",
+    "description": "ApacheCon 组委会以及Apache 软件基金会很高兴地宣布，ApacheCon Asia 大会将于2022 年 7 月 29 日至 31 日在线举行。我们将再次展示来自基金会的几十个项目相关的内容，以及关于我们的社区、Apache 如何运作、围...",
+    "url": "https://segmentfault.com/a/1190000041737977",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 29
   },
   {
-    "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",
+    "title": "华为员工越权访问机密数据获刑；项目作者操作不当，5.4 万 Star 归零；Go 1.18.1 发布 | 思否周刊",
+    "description": "40s 新闻速递工信部：2021 年全年通报违规 1549 款、下架 514 款 APP库克怒批监管机构，强烈反对 iPhone 侧载微软总裁警告科技公司：监管终会到来，不管你喜不喜欢更新 Windows 10/11 后，Chrome、Edge 浏览器发...",
+    "url": "https://segmentfault.com/a/1190000041715387",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
     "rank": 30
   }