@wcj/github-rank 22.4.24 → 22.4.27

package/web/data/sifou-weekly.json

@@ -1,128 +1,128 @@
 [
-  {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "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": "9",
-    "rank": 2
+    "votes": "33",
+    "rank": 1
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
     "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
     "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "独钓寒江雪",
+    "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "17",
+    "votes": "24",
+    "rank": 2
+  },
+  {
+    "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": "9",
     "rank": 3
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
+    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
+    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
+    "url": "https://segmentfault.com/a/1190000041729768",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 4
   },
   {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "14",
+    "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": "7",
     "rank": 5
   },
   {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "13",
+    "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
+    "description": "随时随地给大家提供技术支持的葡萄又来了。这次的事情是这样的，提供demo属于是常规操作，但是前两天客户突然反馈压缩传输模块抛出异常，具体情况是压缩内容传输到服务端后无法解压。",
+    "url": "https://segmentfault.com/a/1190000041731045",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 6
   },
   {
-    "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": "9",
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "6",
     "rank": 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": "7",
+    "title": "初级程序员的SQL拾遗（增删改查）",
+    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
+    "url": "https://segmentfault.com/a/1190000041753021",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "8",
     "rank": 8
   },
   {
-    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
-    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
-    "url": "https://segmentfault.com/a/1190000041729768",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "从计算机网络开始，分析ftp报文内容",
+    "description": "前言最近计网老师要求参照课本中的PPPoE协议，分析自己用wireShark抓取的ftp用户名报文，分析帧结构，解析报文内容。计算机网络体系结构分析报文，我们就需要回头认真地了解计算机网络体系结构。（主要是因为忘了...",
+    "url": "https://segmentfault.com/a/1190000041752525",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
-    "description": "随时随地给大家提供技术支持的葡萄又来了。这次的事情是这样的，提供demo属于是常规操作，但是前两天客户突然反馈压缩传输模块抛出异常，具体情况是压缩内容传输到服务端后无法解压。",
-    "url": "https://segmentfault.com/a/1190000041731045",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "Spring中多线程的使用及问题",
+    "description": "由于本周大部分时间都在写原型，主要遇到的问题就是对实际功能理解不准确导致多次修改原型浪费了很多时间，这也就告诉我们一定要明确实际要求再去下手。因为之前会议中也多次提到了线程，而我本人对线程没有什么...",
+    "url": "https://segmentfault.com/a/1190000041746919",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "响应式网页中的高度设计，你认真的吗？",
+    "title": "每个开发者都应该知道的33个JavaScript概念",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041717270",
+    "url": "https://segmentfault.com/a/1190000041686462",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
+    "votes": "4",
     "rank": 11
   },
   {
-    "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",
+    "title": "js 截取文件后缀名",
+    "description": "方法一: {代码...} 方法二: {代码...} 方法三: {代码...}",
+    "url": "https://segmentfault.com/a/1190000041744218",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "3",
     "rank": 12
   },
   {
-    "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": "7",
+    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
+    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
+    "url": "https://segmentfault.com/a/1190000041753907",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "前端开发 Mock 利器，效率提升 100%！",
-    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
-    "url": "https://segmentfault.com/a/1190000041723236",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
+    "title": "CSS 绘制一个时钟",
+    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
+    "url": "https://segmentfault.com/a/1190000041754537",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "3",
     "rank": 14
   },
   {
@@ -135,137 +135,137 @@
     "rank": 15
   },
   {
-    "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": "商品3D展示来啦，HMS Core3D建模服务助力电商发展",
+    "description": "传统电商商品展示采用图文结合的形式，文案介绍产品的相关参数，搭配精美图片去吸引客户眼球。但图文商品展示由于色差、尺寸不符等原因，会让消费者产生图片和实物不一致的疑虑，且消费者需要消耗大量精力阅读和...",
+    "url": "https://segmentfault.com/a/1190000041748470",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 16
   },
   {
-    "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
-    "description": "现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...",
-    "url": "https://segmentfault.com/a/1190000041719899",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "4",
+    "title": "面试算法题记录",
+    "description": "问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...",
+    "url": "https://segmentfault.com/a/1190000041758099",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "1",
     "rank": 17
   },
   {
-    "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",
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "6",
     "rank": 18
   },
   {
-    "title": "淘宝小程序体验优化：数据分析和优化实践",
-    "description": "作者：莫绪旻(向屿)淘宝小程序已经走过若干个双十一，淘宝开放业务有序铺开。体验优化是个老生常谈的话题，如何让小程序跑得又稳又快，成了我们最大的挑战之一。写在前面如何定义好的体验过去我们定义这个问题，...",
-    "url": "https://segmentfault.com/a/1190000041732101",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "面试官：Vue3响应式系统都不会写，还敢说精通？",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学...",
+    "url": "https://segmentfault.com/a/1190000041753659",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "3",
     "rank": 19
   },
   {
-    "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",
+    "title": "招聘季征文活动获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...",
+    "url": "https://segmentfault.com/a/1190000041757846",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "程序员转行做运营，曾被逼得每天想离职，最后...",
-    "description": "用了一年才终于适应了运营这个角色，这一年的经历颠覆我对运营这个工作本身的认知，也改变了我对个人成长、职场发展、学习、自媒体等领域过去的一些看法。",
-    "url": "https://segmentfault.com/a/1190000041728413",
-    "author": "敖丙",
-    "home_url": "https://segmentfault.com/u/aobing",
-    "votes": "2",
+    "title": "原来，这才是开发者打开世界读书日的正确姿势！",
+    "description": "“独阅乐不如众阅乐”。什么意思？就是独自快乐阅读，不如让更多人能够快乐阅读。这就是程序员阿强朴素的阅读观。作为外文图书爱好者，阿强想尽情享受外文原版书的原汁原味，却总被不时出现的陌生词汇整得磕磕绊绊...",
+    "url": "https://segmentfault.com/a/1190000041741329",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "冴羽答读者问：冴羽哥哥 额爱你",
-    "description": "这让我想起一部叫《少年派》的电视剧，其中有一段剧情，张嘉译扮演的父亲劝说赵今麦扮演的女儿，不要放弃读书，通过网络流行语的古文版，让女儿刮目相看",
-    "url": "https://segmentfault.com/a/1190000041721122",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
+    "title": "angular 拖动功能",
+    "description": "写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。",
+    "url": "https://segmentfault.com/a/1190000041757995",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "6",
     "rank": 22
   },
   {
-    "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
-    "description": "最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。",
-    "url": "https://segmentfault.com/a/1190000041721490",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "title": "淘宝小程序体验优化：数据分析和优化实践",
+    "description": "作者：莫绪旻(向屿)淘宝小程序已经走过若干个双十一，淘宝开放业务有序铺开。体验优化是个老生常谈的话题，如何让小程序跑得又稳又快，成了我们最大的挑战之一。写在前面如何定义好的体验过去我们定义这个问题，...",
+    "url": "https://segmentfault.com/a/1190000041732101",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
     "votes": "3",
     "rank": 23
   },
   {
-    "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",
+    "title": "MetaWork：拜托，这样远程结对编程超酷的！",
+    "description": "众所周知，结对编程（英语：Pair programming）是一种敏捷软件开发的方法，两个程序员在一个计算机上共同工作。一个人输入代码，而另一个人审查他输入的每一行代码。",
+    "url": "https://segmentfault.com/a/1190000041743990",
+    "author": "前端劝退师",
+    "home_url": "https://segmentfault.com/u/xiaowangbingpbingp_5f16ba8c72a4b",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "移动端日历组件设计与实现",
-    "description": "在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：",
-    "url": "https://segmentfault.com/a/1190000041716531",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "2",
+    "title": "跨Mysql、Redis、Mongo的分布式事务",
+    "description": "Mysql、Redis、Mongo都是非常流行的存储，并且各自有自己的优势。在实际的应用中，常常会同时使用多种存储，也会遇见在多种存储中保证数据一致性的需求，例如保证数据库中的库存和Redis中的库存一致等。",
+    "url": "https://segmentfault.com/a/1190000041743706",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "3",
     "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",
+    "title": "3D 沙盒游戏之人物的点击行走移动",
+    "description": "那当我们想要实现一个“点击地面，人物移动到点击处”的功能，需要什么前置条件，并且具体怎么实现呢？本文带大家一步步实现人物行走移动，同时进行状态改变的功能。",
+    "url": "https://segmentfault.com/a/1190000041739286",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "1",
     "rank": 26
   },
   {
-    "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",
+    "title": "Java on Visual Studio Code 4月更新",
+    "description": "大家好，欢迎来到 Visual Studio Code Java 的 4 月更新。这次我们为您带来了许多关于基础开发体验的令人激动的更新，包括 Java 18 支持、参数名称的嵌入提示、新的Java语言服务器状态交互、更好的 lambda 表达式...",
+    "url": "https://segmentfault.com/a/1190000041737726",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "Flink 流批一体在小米的实践",
-    "description": "简介：基于流批一体的改造，无论是实时还是离线都只需要维护一套计算框架，为业务开发人员、平台提供方和计算引擎的支持方节省了大量人力资源。摘要：本文整理自小米软件开发工程师金风在 Flink Forward Asia 202...",
-    "url": "https://segmentfault.com/a/1190000041730610",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
-    "votes": "3",
+    "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": 28
   },
   {
-    "title": "IDEA小技巧：Debug时如何优雅地制造异常？",
-    "description": "但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...",
-    "url": "https://segmentfault.com/a/1190000041715160",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
+    "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": "华为员工越权访问机密数据获刑；项目作者操作不当，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",
+    "title": "技术团队为什么要坚持开展技术分享会以及落地实施",
+    "description": "关于团队持续开展 技术分享会 这件事，我个人认为不管团队规模大小，工作强度高低。都应该坚持做下去的一件事。持续开展技术分享会，好处多多。我认为最终能通过技术分享会提炼出几个关键词 技术，分享，成长，热...",
+    "url": "https://segmentfault.com/a/1190000041754201",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
     "votes": "2",
     "rank": 30
   }