@wcj/github-rank 22.4.7 → 22.4.10

package/web/data/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
-  {
-    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
-    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
-    "url": "https://segmentfault.com/a/1190000041640722",
-    "author": "Asheng",
-    "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "8",
-    "rank": 1
-  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
     "url": "https://segmentfault.com/a/1190000041651450",
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
-    "votes": "8",
-    "rank": 2
+    "votes": "14",
+    "rank": 1
   },
   {
-    "title": "这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！",
-    "description": "刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”",
-    "url": "https://segmentfault.com/a/1190000041642224",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "8",
-    "rank": 3
+    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
+    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
+    "url": "https://segmentfault.com/a/1190000041661094",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 2
   },
   {
-    "title": "【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
-    "description": "Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3",
-    "url": "https://segmentfault.com/a/1190000041645889",
-    "author": "前端有猫腻",
-    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
-    "votes": "11",
-    "rank": 4
+    "title": "巧用 background-clip 实现超强的文字动效",
+    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
+    "url": "https://segmentfault.com/a/1190000041666096",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 3
   },
   {
-    "title": "Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊",
-    "description": "2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！",
-    "url": "https://segmentfault.com/a/1190000041640643",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "8",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "30道CSS 面试知识点总结",
+    "title": "10个有用的自定义钩子vue.js",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041645832",
+    "url": "https://segmentfault.com/a/1190000041598901",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
+    "rank": 5
+  },
+  {
+    "title": "2022 招聘季 ｜ 面试了一个月，我经历了什么",
+    "description": "Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...",
+    "url": "https://segmentfault.com/a/1190000041658543",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "7",
     "rank": 6
   },
   {
-    "title": "卡颂：30岁程序员选择躺平",
-    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
-    "url": "https://segmentfault.com/a/1190000041642174",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
+    "title": "Koa2从零到脚手架",
+    "description": "由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...",
+    "url": "https://segmentfault.com/a/1190000041654130",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "5",
     "rank": 7
   },
   {
-    "title": "[🔧]前端开发工具推荐",
-    "description": "前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...",
-    "url": "https://segmentfault.com/a/1190000041641164",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "11",
+    "title": "10个很棒的 JavaScript 字符串技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041659427",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "元宇宙探索之路",
-    "description": "元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...",
-    "url": "https://segmentfault.com/a/1190000041639037",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "5",
+    "title": "一键安装团队推荐的 vscode 插件",
+    "description": "在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...",
+    "url": "https://segmentfault.com/a/1190000041661941",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "6",
     "rank": 9
   },
   {
-    "title": "通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
-    "description": "Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3",
-    "url": "https://segmentfault.com/a/1190000041642685",
-    "author": "前端有猫腻",
-    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
-    "votes": "4",
+    "title": "面试周连续剧之轻车熟路",
+    "description": "接着上一篇文章继续聊面试经历，通过前两天的面试经历，以及不断总结完善自己的知识储备，又系统性的准备了一下前端面试知识点，应对一般的面试已经不成问题，可以说自己已经有了“反客为主”的能力，那么马上开启...",
+    "url": "https://segmentfault.com/a/1190000041659228",
+    "author": "三掌柜",
+    "home_url": "https://segmentfault.com/u/sanzhanggui",
+    "votes": "3",
     "rank": 10
   },
   {
-    "title": "Koa2从零到脚手架",
-    "description": "由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...",
-    "url": "https://segmentfault.com/a/1190000041654130",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "3",
+    "title": "Module Federation在客服工单业务中的最佳实践",
+    "description": "一线客服： 基于一站式工作台中的在线工作台及电话工作台，根据用户进线反馈的问题，查看当前用户相关的工单详情或订单详情，并根据实际情况决定是否创建新的工单。",
+    "url": "https://segmentfault.com/a/1190000041675548",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
     "rank": 11
   },
   {
-    "title": "JS的面向对象（理解对象，原型，原型链，继承，类）",
-    "description": "JS有6种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number ，String和Symbol 。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。JS不支持任何创建自定义类型的机制...",
-    "url": "https://segmentfault.com/a/1190000041640328",
-    "author": "小学生",
-    "home_url": "https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8",
-    "votes": "4",
+    "title": "面试周连续剧之奇葩遭遇",
+    "description": "接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...",
+    "url": "https://segmentfault.com/a/1190000041669762",
+    "author": "三掌柜",
+    "home_url": "https://segmentfault.com/u/sanzhanggui",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "存储用户密码应该使用什么加密算法？",
-    "description": "概述编程开发中，像用户登录注册这种功能很常见，那么对于用户密码处理，我们该选择什么样的加密算法呢？在这种场景下，算法需要满足下面两个条件：算法需不可逆，这样才能有效防止密码泄露。算法需相对慢，可以...",
-    "url": "https://segmentfault.com/a/1190000041638987",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "5",
+    "title": "冴羽答读者问：何时能够像你一样优秀？",
+    "description": "首先真的非常感谢你的肯定，但“优秀”二字让我愧不敢当，在我看来，我并没有做到过什么厉害的事情，只是一路走来，将自己学习到的东西分享出来而已，引用阮一峰老师之前发过的微博：",
+    "url": "https://segmentfault.com/a/1190000041664148",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "不管是青蛙跳台阶还是who爬楼梯，能上去就行",
-    "description": "爬楼梯这个问题也是一个很经典的面试题，可以换各种人物动物，比如青蛙、小兔子跳台阶，张三李四爬楼梯等等。题目会类似于下面这样：假设你正在爬楼梯，需要 n 阶你才能到达楼顶，每次你可以爬 1 或 2 个台阶。你...",
-    "url": "https://segmentfault.com/a/1190000041636754",
-    "author": "沈唁",
-    "home_url": "https://segmentfault.com/u/sy_records",
+    "title": "从零开始 实现一个自己的脚本引擎",
+    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
+    "url": "https://segmentfault.com/a/1190000041652146",
+    "author": "辣子鸡",
+    "home_url": "https://segmentfault.com/u/laziji",
     "votes": "3",
     "rank": 14
   },
   {
-    "title": "从 Redux 说起，到手写，再到状态管理",
-    "description": "单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作",
-    "url": "https://segmentfault.com/a/1190000041648339",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "带码农《手写Mybatis》进度3：实现映射器的注册和使用",
+    "description": "我们可以把 Spring、Mybatis、Dubbo 这样的大型框架或者一些公司内部的较核心项目，都可以称为复杂的系统。这样的工程也不在是初学编程手里的玩具项目，没有所谓的CRUD，更多时候要面对的都是对系统分层的结构设...",
+    "url": "https://segmentfault.com/a/1190000041665600",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "2",
     "rank": 15
   },
   {
-    "title": "面试题：一道关于解构赋值和参数默认值的编程题",
-    "description": "在前端俱乐部QQ群中，有朋友发出这样的题目，说最近面试中遇到了，如下所示 {代码...} 问，fun 的参数应该填什么？提示：利用结构赋值和参数默认值经过我一番测试，其结果如下所示： {代码...} 解题思路先看第一...",
-    "url": "https://segmentfault.com/a/1190000041650923",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "如何写出高性能代码(二)巧用数据特性",
+    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员 ...",
+    "url": "https://segmentfault.com/a/1190000041657908",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "3",
     "rank": 16
   },
   {
-    "title": "vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)",
-    "description": "一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.",
-    "url": "https://segmentfault.com/a/1190000041636103",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
-    "votes": "3",
+    "title": "约束前端项目中的目录和文件名",
+    "description": "好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...",
+    "url": "https://segmentfault.com/a/1190000041664954",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "从零开始 实现一个自己的脚本引擎",
-    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
-    "url": "https://segmentfault.com/a/1190000041652146",
-    "author": "辣子鸡",
-    "home_url": "https://segmentfault.com/u/laziji",
-    "votes": "3",
+    "title": "Spring Security 一键接入验证码登录和小程序登录",
+    "description": "最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，...",
+    "url": "https://segmentfault.com/a/1190000041651786",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "2",
     "rank": 18
   },
   {
-    "title": "OpenHarmony v3.1 Release版本发布",
-    "description": "OpenHarmony 3.1 Release版本概述当前版本在OpenHarmony 3.1 Beta的基础上，更新支持以下能力：标准系统基础能力增强本地基础音视频播放能力、视频硬编解码、相机基础预览、拍摄能力。RenderService新渲染框架、2...",
-    "url": "https://segmentfault.com/a/1190000041636592",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "3",
+    "title": "聊聊mysql的树形结构存储及查询",
+    "description": "序本文主要研究一下mysql的树形结构存储及查询存储parent这种方式就是每个节点存储自己的parent_id信息建表及数据准备 {代码...} 查询 {代码...} 存储及修改上比较方便，就是要在sql里头查询树比较费劲，一般是加...",
+    "url": "https://segmentfault.com/a/1190000041654734",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
+    "votes": "2",
     "rank": 19
   },
   {
-    "title": "Docker 创始人推出 Dagger，一个新的 DevOps 平台",
-    "description": "自 Solomon Hykes 离开以后，Docker 经历了起起落落，包括在 2019 年将其企业业务出售给 Mirantis。但长期以来，作为 Docker 的形象代言人，Hykes 却很少涉足企业内部事务，仅仅是参与了几轮融资。",
-    "url": "https://segmentfault.com/a/1190000041642257",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "聊聊mysql的单列多值存储",
+    "description": "序本文主要研究一下mysql如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...",
+    "url": "https://segmentfault.com/a/1190000041651455",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
     "votes": "2",
     "rank": 20
   },
   {
-    "title": "React讲解 - 父组件调用子组件内容【更新中】",
-    "description": "前言本篇文章属于 React通信 > 父子通信 > 父组件调用子组件 的内容。父组件调用子组件的场景：子组件被多个地方使用，需要单独封装子组件逻辑较重，使用完全受控模式成本较高使用父组件调用子组件进行逻辑...",
-    "url": "https://segmentfault.com/a/1190000041639103",
-    "author": "specialCoder",
-    "home_url": "https://segmentfault.com/u/ddup365",
-    "votes": "2",
+    "title": "2022年的JavaScript开发工具",
+    "description": "原文：[链接]在2022年，每一位 JS / TS 开发者都应该知道的最重要的开发工具的分类，包括最相关的权衡，以及一些个人建议。在软件工程的世界中，对所使用的工具有一个明确的了解非常重要。但是 JS 工具总是在快速...",
+    "url": "https://segmentfault.com/a/1190000041651441",
+    "author": "戎马",
+    "home_url": "https://segmentfault.com/u/lashoucuijs",
+    "votes": "0",
     "rank": 21
   },
   {
-    "title": "前端多数据渲染优化",
-    "description": "在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题,所以本文就是介绍...",
-    "url": "https://segmentfault.com/a/1190000041640366",
-    "author": "Grewer",
-    "home_url": "https://segmentfault.com/u/grewer",
+    "title": "与 Rust 勾心斗角 · 点",
+    "description": "三维世界的原点，就是在三个数轴上的投影为 0 的点。假设三个数轴为 x，y 和 z，则原点在它们上的投影可表示为 x = 0, y = 0, z = 0，用 Rust 代码可表示为",
+    "url": "https://segmentfault.com/a/1190000041652223",
+    "author": "garfileo",
+    "home_url": "https://segmentfault.com/u/garfileo",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "每个人都应该懂点攻防",
-    "description": "网络如此发达的今天，攻击无处不在，而每一次攻击的成功往往造成信息的泄漏，严重者甚至带来经济的损失。所以作为技术人员，我们每个人都应该懂一点攻防；这样做虽然无法做到完全保护个人隐私，但对增强个人安全...",
-    "url": "https://segmentfault.com/a/1190000041638108",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "2",
+    "title": "Three.js Sprite源码解析",
+    "description": "本文会讲解一下Three.js(r105)的Sprite，主要包括以下几个方面：简单介绍和使用Sprite的Geometry始终朝向相机原理解析大小不变原理解析简单介绍和使用在项目中，我主要会使用Sprite创建一些三维场景中的标签。下...",
+    "url": "https://segmentfault.com/a/1190000041644858",
+    "author": "luckness",
+    "home_url": "https://segmentfault.com/u/luckness",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "面试周连续剧之首战大捷",
-    "description": "2022年注定是一个不平凡的一年，因为有着难得一遇的对称日：20220222，即2022年2月22日，农历的正月廿二，也是星期二，总之是一个不平凡的一年。即然不平凡，那就得搞事情，然后就果断的选择找工作，顺便沾沾不平...",
-    "url": "https://segmentfault.com/a/1190000041649527",
-    "author": "三掌柜",
-    "home_url": "https://segmentfault.com/u/sanzhanggui",
+    "title": "Go 1.18：工作区模式workspace mode",
+    "description": "Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。",
+    "url": "https://segmentfault.com/a/1190000041664655",
+    "author": "coding进阶",
+    "home_url": "https://segmentfault.com/u/c9eulmav",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "7",
+    "title": "JavaScript的几种继承方式",
+    "description": "这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...",
+    "url": "https://segmentfault.com/a/1190000041657343",
+    "author": "OneStar",
+    "home_url": "https://segmentfault.com/u/funnycoderstar",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "LeetCode-165-比较版本号",
-    "description": "题目描述：给你两个版本号 version1 和 version2 ，请你比较它们。版本号由一个或多个修订号组成，各修订号由一个 '.' 连接。每个修订号由 多位数字 组成，可能包含 前导零 。每个版本号至少包含一个字符。修订号...",
-    "url": "https://segmentfault.com/a/1190000041645230",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "3",
+    "title": "如何写出高性能代码(一)善用算法和数据结构",
+    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员不...",
+    "url": "https://segmentfault.com/a/1190000041653423",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "让技术创造价值之手把手教你薅羊毛篇",
-    "description": "距离上一篇年终总结的文章已经过了3个多月了，在年终总结中写到了利用脚本自动薅羊毛的话题，评论里有不少小伙伴比较感兴趣。so，今天就来给大家详细介绍一下如何让技术创造价值（得给薅羊毛上升一个层次）。本文...",
-    "url": "https://segmentfault.com/a/1190000041638236",
-    "author": "阳呀呀",
-    "home_url": "https://segmentfault.com/u/yangyaya",
-    "votes": "1",
+    "title": "通过 .vscode/settings.json  无感知控制成员的 vscode 表现",
+    "description": "通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。",
+    "url": "https://segmentfault.com/a/1190000041667869",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "Spring Security 一键接入验证码登录和小程序登录",
-    "description": "最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，...",
-    "url": "https://segmentfault.com/a/1190000041651786",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "2",
+    "title": "一个前端所期待的 Mock 功能都是什么样的？",
+    "description": "大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。",
+    "url": "https://segmentfault.com/a/1190000041673801",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "Spring 新版本修复远程命令执行漏洞(CVE-2022-22965)，墨菲安全开源工具可应急排查",
-    "description": "3月31日，spring 官方通报了 Spring 相关框架存在远程代码执行漏洞，并在 5.3.18 和 5.2.20.RELEASE 中修复了该漏洞。",
-    "url": "https://segmentfault.com/a/1190000041641555",
-    "author": "墨菲安全",
-    "home_url": "https://segmentfault.com/u/murphysec",
+    "title": "带你十天轻松搞定 Go 微服务系列（七）",
+    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证（本文）服务监控链路追踪分布式事务...",
+    "url": "https://segmentfault.com/a/1190000041658258",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "聊聊mysql的单列多值存储",
-    "description": "序本文主要研究一下mysql如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...",
-    "url": "https://segmentfault.com/a/1190000041651455",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
-    "votes": "2",
+    "title": "秒建炫酷的开源项目文档，这款神器用起来够优雅！",
+    "description": "学习过我的开源项目mall的朋友应该知道，我有一个使用Docsify搭建的项目文档网站。使用Docsify搭建文档网站虽然简单，但是缺少分类、标签、SEO这类功能，随着文档越来越多，查找起来有点不方便！今天给大家推荐一...",
+    "url": "https://segmentfault.com/a/1190000041666115",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
     "rank": 30
   }
 ]