@wcj/github-rank 22.4.6 → 22.4.7

package/web/data/sifou-weekly.json

@@ -1,48 +1,21 @@
 [
-  {
-    "title": "大裁员下，程序员如何做“副业”？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
-    "rank": 1
-  },
-  {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "14",
-    "rank": 2
-  },
-  {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "11",
-    "rank": 3
-  },
-  {
-    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
-    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
-    "url": "https://segmentfault.com/a/1190000041630398",
-    "author": "寒雁",
-    "home_url": "https://segmentfault.com/u/kiwenlau",
-    "votes": "8",
-    "rank": 4
-  },
   {
     "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": "7",
-    "rank": 5
+    "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
   },
   {
     "title": "这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！",
@@ -50,26 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041642224",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "7",
-    "rank": 6
-  },
-  {
-    "title": "悲报， GIF 之父因新冠去世",
-    "description": "今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。",
-    "url": "https://segmentfault.com/a/1190000041631055",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 7
-  },
-  {
-    "title": "冴羽答读者问：30 岁了， 现在开始努力，晚吗？",
-    "description": "“The best time to plant a tree is 20 years ago. The second-best time is now.”",
-    "url": "https://segmentfault.com/a/1190000041633336",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "6",
-    "rank": 8
+    "votes": "8",
+    "rank": 3
   },
   {
     "title": "【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
@@ -77,26 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041645889",
     "author": "前端有猫腻",
     "home_url": "https://segmentfault.com/u/maoduolikuaipao",
-    "votes": "8",
-    "rank": 9
-  },
-  {
-    "title": "React18正式版发布，未来发展趋势是？",
-    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
-    "url": "https://segmentfault.com/a/1190000041629707",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 10
-  },
-  {
-    "title": "[🔧]前端开发工具推荐",
-    "description": "前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...",
-    "url": "https://segmentfault.com/a/1190000041641164",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "9",
-    "rank": 11
+    "votes": "11",
+    "rank": 4
   },
   {
     "title": "Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊",
@@ -104,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041640643",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
-    "rank": 12
+    "votes": "8",
+    "rank": 5
   },
   {
     "title": "30道CSS 面试知识点总结",
@@ -113,8 +50,35 @@
     "url": "https://segmentfault.com/a/1190000041645832",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
-    "rank": 13
+    "votes": "7",
+    "rank": 6
+  },
+  {
+    "title": "卡颂：30岁程序员选择躺平",
+    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
+    "url": "https://segmentfault.com/a/1190000041642174",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "9",
+    "rank": 7
+  },
+  {
+    "title": "[🔧]前端开发工具推荐",
+    "description": "前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...",
+    "url": "https://segmentfault.com/a/1190000041641164",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "11",
+    "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",
+    "rank": 9
   },
   {
     "title": "通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
@@ -123,25 +87,16 @@
     "author": "前端有猫腻",
     "home_url": "https://segmentfault.com/u/maoduolikuaipao",
     "votes": "4",
-    "rank": 14
-  },
-  {
-    "title": "kratos分布式事务实践",
-    "description": "当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：",
-    "url": "https://segmentfault.com/a/1190000041629132",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "4",
-    "rank": 15
+    "rank": 10
   },
   {
-    "title": "vscode 插件可视化制作和管理脚手架及原理解析",
-    "description": "提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图：",
-    "url": "https://segmentfault.com/a/1190000041632499",
-    "author": "wjkang",
-    "home_url": "https://segmentfault.com/u/wjkang",
+    "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",
-    "rank": 16
+    "rank": 11
   },
   {
     "title": "JS的面向对象（理解对象，原型，原型链，继承，类）",
@@ -150,7 +105,7 @@
     "author": "小学生",
     "home_url": "https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8",
     "votes": "4",
-    "rank": 17
+    "rank": 12
   },
   {
     "title": "存储用户密码应该使用什么加密算法？",
@@ -159,16 +114,7 @@
     "author": "编程码农",
     "home_url": "https://segmentfault.com/u/onlythinking",
     "votes": "5",
-    "rank": 18
-  },
-  {
-    "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",
-    "rank": 19
+    "rank": 13
   },
   {
     "title": "不管是青蛙跳台阶还是who爬楼梯，能上去就行",
@@ -177,96 +123,150 @@
     "author": "沈唁",
     "home_url": "https://segmentfault.com/u/sy_records",
     "votes": "3",
-    "rank": 20
+    "rank": 14
   },
   {
-    "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",
+    "title": "从 Redux 说起，到手写，再到状态管理",
+    "description": "单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作",
+    "url": "https://segmentfault.com/a/1190000041648339",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
+    "rank": 15
+  },
+  {
+    "title": "面试题：一道关于解构赋值和参数默认值的编程题",
+    "description": "在前端俱乐部QQ群中，有朋友发出这样的题目，说最近面试中遇到了，如下所示 {代码...} 问，fun 的参数应该填什么？提示：利用结构赋值和参数默认值经过我一番测试，其结果如下所示： {代码...} 解题思路先看第一...",
+    "url": "https://segmentfault.com/a/1190000041650923",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "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",
+    "rank": 17
+  },
+  {
+    "title": "从零开始 实现一个自己的脚本引擎",
+    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
+    "url": "https://segmentfault.com/a/1190000041652146",
+    "author": "辣子鸡",
+    "home_url": "https://segmentfault.com/u/laziji",
+    "votes": "3",
+    "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",
+    "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",
+    "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",
     "rank": 21
   },
   {
-    "title": "ClickHouse 与 MySQL 数据库适用场景对比总结",
-    "description": "目前来说，网上有很多相关的资料证明ClickHouse数据库查询响应速度比MySQL快上一百到几百倍。实际上，ClickHouse和MySQL具有不同的应用场景和局限性，最近在研究这个ClickHouse打算应用于大量数据的表来做查询的...",
-    "url": "https://segmentfault.com/a/1190000041630286",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "5",
+    "title": "前端多数据渲染优化",
+    "description": "在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题,所以本文就是介绍...",
+    "url": "https://segmentfault.com/a/1190000041640366",
+    "author": "Grewer",
+    "home_url": "https://segmentfault.com/u/grewer",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "元宇宙探索之路",
-    "description": "元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...",
-    "url": "https://segmentfault.com/a/1190000041639037",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "4",
+    "title": "每个人都应该懂点攻防",
+    "description": "网络如此发达的今天，攻击无处不在，而每一次攻击的成功往往造成信息的泄漏，严重者甚至带来经济的损失。所以作为技术人员，我们每个人都应该懂一点攻防；这样做虽然无法做到完全保护个人隐私，但对增强个人安全...",
+    "url": "https://segmentfault.com/a/1190000041638108",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "从 Redux 说起，到手写，再到状态管理",
-    "description": "单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作",
-    "url": "https://segmentfault.com/a/1190000041648339",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "面试周连续剧之首战大捷",
+    "description": "2022年注定是一个不平凡的一年，因为有着难得一遇的对称日：20220222，即2022年2月22日，农历的正月廿二，也是星期二，总之是一个不平凡的一年。即然不平凡，那就得搞事情，然后就果断的选择找工作，顺便沾沾不平...",
+    "url": "https://segmentfault.com/a/1190000041649527",
+    "author": "三掌柜",
+    "home_url": "https://segmentfault.com/u/sanzhanggui",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "Flutter/布局：彻底搞懂 Align 是怎么对齐的",
-    "description": "我们在开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置，比如：alignment: Alignment.bottomRight，右下角这种。最近看官方文档关于 alignment: Alignment(x, y) 在 Align 中的...",
-    "url": "https://segmentfault.com/a/1190000041631644",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "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": "7",
     "rank": 25
   },
   {
-    "title": "vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)",
-    "description": "一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.",
-    "url": "https://segmentfault.com/a/1190000041636103",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
+    "title": "LeetCode-165-比较版本号",
+    "description": "题目描述：给你两个版本号 version1 和 version2 ，请你比较它们。版本号由一个或多个修订号组成，各修订号由一个 '.' 连接。每个修订号由 多位数字 组成，可能包含 前导零 。每个版本号至少包含一个字符。修订号...",
+    "url": "https://segmentfault.com/a/1190000041645230",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "3",
     "rank": 26
   },
   {
-    "title": "很多人不知道 v-for 可以这样解构！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041635096",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "让技术创造价值之手把手教你薅羊毛篇",
+    "description": "距离上一篇年终总结的文章已经过了3个多月了，在年终总结中写到了利用脚本自动薅羊毛的话题，评论里有不少小伙伴比较感兴趣。so，今天就来给大家详细介绍一下如何让技术创造价值（得给薅羊毛上升一个层次）。本文...",
+    "url": "https://segmentfault.com/a/1190000041638236",
+    "author": "阳呀呀",
+    "home_url": "https://segmentfault.com/u/yangyaya",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "带你十天轻松搞定 Go 微服务系列（五）",
-    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务（本文）支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务...",
-    "url": "https://segmentfault.com/a/1190000041629027",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "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": 28
   },
   {
-    "title": "卡颂：30岁程序员选择躺平",
-    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
-    "url": "https://segmentfault.com/a/1190000041642174",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "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",
+    "votes": "1",
     "rank": 29
   },
   {
-    "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如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...",
+    "url": "https://segmentfault.com/a/1190000041651455",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
+    "votes": "2",
     "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -12,7 +12,7 @@
   {
     "title": "如果你是一个Golang面试官，你会问哪些问题？",
     "description": "",
-    "votes": "94",
+    "votes": "95",
     "url": "/k/yvw61mc",
     "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
     "avatarAlt": "GoHackers - 独家号",
@@ -22,7 +22,7 @@
   {
     "title": "最常用的架构模式",
     "description": "观其设计知其人A MAN is KNOWN by the DESIGN he keeps原文:Most Useful Software Architecture Patterns ...",
-    "votes": "83",
+    "votes": "84",
     "url": "/k/qnfl3t6",
     "avatar": "https://img.toutiao.io/subject/1a197bcacc0346c186be58be1aaf34bd/thumb",
     "avatarAlt": "Java后端技术 - 独家号",
@@ -32,7 +32,7 @@
   {
     "title": "Kafka 面试连环炮, 看看你能撑到哪一步?",
     "description": "",
-    "votes": "80",
+    "votes": "83",
     "url": "/k/z30ehzv",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -72,7 +72,7 @@
   {
     "title": "你管这破玩意儿叫高可用",
     "description": "",
-    "votes": "73",
+    "votes": "74",
     "url": "/k/qudsbeg",
     "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
     "avatarAlt": "浪客用react,java全栈 - 独家号",
@@ -92,7 +92,7 @@
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
     "description": "",
-    "votes": "73",
+    "votes": "74",
     "url": "/k/sskayyw",
     "avatar": "https://img.toutiao.io/subject/c9bc51847b0c4b49aca52d0eaa087ed1/thumb",
     "avatarAlt": "冷星前端圈 - 独家号",
@@ -102,7 +102,7 @@
   {
     "title": "万字长文助你上手软件领域驱动设计 DDD",
     "description": "",
-    "votes": "69",
+    "votes": "70",
     "url": "/k/72nuj7z",
     "avatar": "https://img.toutiao.io/subject/388a8f21de6247edb0dced13b1701e0c/thumb",
     "avatarAlt": "趣编程的独家号 - 独家号",
@@ -119,6 +119,16 @@
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
+  {
+    "title": "错误码设计思考",
+    "description": "",
+    "votes": "61",
+    "url": "/k/qas5y3j",
+    "avatar": "https://img.toutiao.io/subject/ea8976fb047b483dacc34fd01e51d47e/thumb",
+    "avatarAlt": "Java研发 - 独家号",
+    "subjectName": "Java研发",
+    "homeUrl": "/subjects/2079"
+  },
   {
     "title": "面试官问，Redis 是单线程还是多线程?我懵了",
     "description": "我们平时看到介绍 Redis 的文章，都会说 Redis 是单线程的。但是我们学习的时候，比如 Redis 的 bgsave 命令，它的作用是在后台异步保存当前数据库的数据到磁盘，...",
@@ -139,20 +149,10 @@
     "subjectName": "趣编程的独家号",
     "homeUrl": "/subjects/465623"
   },
-  {
-    "title": "错误码设计思考",
-    "description": "",
-    "votes": "59",
-    "url": "/k/qas5y3j",
-    "avatar": "https://img.toutiao.io/subject/ea8976fb047b483dacc34fd01e51d47e/thumb",
-    "avatarAlt": "Java研发 - 独家号",
-    "subjectName": "Java研发",
-    "homeUrl": "/subjects/2079"
-  },
   {
     "title": "盘点 3 月份 yyds 的开源项目",
     "description": "",
-    "votes": "63",
+    "votes": "64",
     "url": "/k/79431xa",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -160,14 +160,14 @@
     "homeUrl": "/subjects/26578"
   },
   {
-    "title": "一年实现降本60%，货拉拉全链路监控演进史",
+    "title": "写出结构优雅代码的4个技巧",
     "description": "",
-    "votes": "64",
-    "url": "/k/nrsy3uf",
-    "avatar": "https://img.toutiao.io/subject/bce4db7347f44c87a8f5eef28513f93f/thumb",
-    "avatarAlt": "yaya的鸡汤 - 独家号",
-    "subjectName": "yaya的鸡汤",
-    "homeUrl": "/subjects/132121"
+    "votes": "60",
+    "url": "/k/6cddvzi",
+    "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
+    "avatarAlt": "编程一生 - 独家号",
+    "subjectName": "编程一生",
+    "homeUrl": "/subjects/350352"
   },
   {
     "title": "阿里慢SQL治理5大经典案例",
@@ -179,6 +179,16 @@
     "subjectName": "架构必知必会",
     "homeUrl": "/subjects/472073"
   },
+  {
+    "title": "一年实现降本60%，货拉拉全链路监控演进史",
+    "description": "",
+    "votes": "65",
+    "url": "/k/nrsy3uf",
+    "avatar": "https://img.toutiao.io/subject/bce4db7347f44c87a8f5eef28513f93f/thumb",
+    "avatarAlt": "yaya的鸡汤 - 独家号",
+    "subjectName": "yaya的鸡汤",
+    "homeUrl": "/subjects/132121"
+  },
   {
     "title": "设计一个靠谱的监控告警平台",
     "description": "",
@@ -189,16 +199,6 @@
     "subjectName": "服务架构及中台",
     "homeUrl": "/subjects/26578"
   },
-  {
-    "title": "写出结构优雅代码的4个技巧",
-    "description": "",
-    "votes": "57",
-    "url": "/k/6cddvzi",
-    "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
-    "avatarAlt": "编程一生 - 独家号",
-    "subjectName": "编程一生",
-    "homeUrl": "/subjects/350352"
-  },
   {
     "title": "ClickHouse 在网易的实践",
     "description": "",