@wcj/github-rank 22.3.28 → 22.3.31

package/web/data/sifou-weekly.json

@@ -1,263 +1,272 @@
 [
   {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "12",
     "rank": 1
   },
   {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "14",
     "rank": 2
   },
   {
-    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
-    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
-    "url": "https://segmentfault.com/a/1190000041586984",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "15",
+    "title": "金三银四了，掌握 JS 这 36 个概念，助你一臂之力",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041617101",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "13",
     "rank": 3
   },
   {
-    "title": "从0到1教你在AWS中部署动态网站Typecho系统",
-    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。",
-    "url": "https://segmentfault.com/a/1190000041598952",
-    "author": "沈唁",
-    "home_url": "https://segmentfault.com/u/sy_records",
-    "votes": "8",
+    "title": "手把手带你走进Babel的编译世界",
+    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
+    "url": "https://segmentfault.com/a/1190000041599576",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "9",
     "rank": 4
   },
   {
-    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
-    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
-    "url": "https://segmentfault.com/a/1190000041603598",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "11",
+    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
+    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
+    "url": "https://segmentfault.com/a/1190000041619491",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 5
   },
   {
-    "title": "Three.js 火焰效果实现艾尔登法环动态logo 🔥",
-    "description": "《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...",
-    "url": "https://segmentfault.com/a/1190000041585906",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "9",
+    "title": "手把手教你搭建博客",
+    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
+    "url": "https://segmentfault.com/a/1190000041600277",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "5",
     "rank": 6
   },
   {
-    "title": "面试大厂，手写代码这些就够了，附 codepen 地址！",
-    "description": "Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...",
-    "url": "https://segmentfault.com/a/1190000041584723",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "10",
+    "title": "发福利啦！史上最全颜色收集网站，我要给你“好看”！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041565099",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
     "rank": 7
   },
   {
-    "title": "2022 年最受瞩目的新特性 CSS @layer 到底是个啥？",
-    "description": "步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。过往 CSS 优先级中存在的问题如果我们的页...",
-    "url": "https://segmentfault.com/a/1190000041587233",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "React Router v6 探索",
+    "description": "前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...",
+    "url": "https://segmentfault.com/a/1190000041616895",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "5",
     "rank": 8
   },
   {
-    "title": "手把手带你走进Babel的编译世界",
-    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
-    "url": "https://segmentfault.com/a/1190000041599576",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "8",
+    "title": "OpenShift 与 OpenStack：让云变得更简单",
+    "description": "OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...",
+    "url": "https://segmentfault.com/a/1190000041602430",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 9
   },
   {
-    "title": "阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？",
-    "description": "提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。",
-    "url": "https://segmentfault.com/a/1190000041584647",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "7",
+    "title": "一个支持百万量级的vue3无限滚动组件",
+    "description": "当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...",
+    "url": "https://segmentfault.com/a/1190000041614746",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "5",
     "rank": 10
   },
   {
-    "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
-    "description": "vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.",
-    "url": "https://segmentfault.com/a/1190000041578690",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "7",
+    "title": "开源码力榜背后的算法模型",
+    "description": "来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...",
+    "url": "https://segmentfault.com/a/1190000041604918",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 11
   },
   {
-    "title": "手把手教你搭建博客",
-    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
-    "url": "https://segmentfault.com/a/1190000041600277",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
+    "title": "JavaScript WebGL 矩阵",
+    "description": "引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...",
+    "url": "https://segmentfault.com/a/1190000041612644",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "4",
     "rank": 12
   },
   {
-    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041592406",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "【高并发】两种异步模型与深度解析Future接口",
+    "description": "本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！",
+    "url": "https://segmentfault.com/a/1190000041608492",
+    "author": "冰河",
+    "home_url": "https://segmentfault.com/u/binghe001",
+    "votes": "6",
     "rank": 13
   },
   {
-    "title": "Golang 常见设计模式之装饰模式",
-    "description": "想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...",
-    "url": "https://segmentfault.com/a/1190000041593752",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "拿捏了！这样的购物体验才深得用户心",
+    "description": "有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...",
+    "url": "https://segmentfault.com/a/1190000041623771",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "OpenShift 与 OpenStack：让云变得更简单",
-    "description": "OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...",
-    "url": "https://segmentfault.com/a/1190000041602430",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "vivo 商品中台的可视化微前端实践",
+    "description": "在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率...",
+    "url": "https://segmentfault.com/a/1190000041623387",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "6",
     "rank": 15
   },
   {
-    "title": "JVM自定义类加载器在代码扩展性的实践",
-    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
-    "url": "https://segmentfault.com/a/1190000041579140",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "5",
+    "title": "ThreeJS 中线的那些事",
+    "description": "在可视化开发中，无论是二维的 canvas 还是三维开发，线条的绘制都是非常常见的，比如绘制城市之间的迁徙图、运动轨迹图等等。不管是在三维还是二维，所有物体都是由点构成、两点构成线、三点构成面。那么在 Thre...",
+    "url": "https://segmentfault.com/a/1190000041607875",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "6",
     "rank": 16
   },
   {
-    "title": "开源码力榜背后的算法模型",
-    "description": "来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...",
-    "url": "https://segmentfault.com/a/1190000041604918",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "SVG 绘制自适应的菱形",
+    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
+    "url": "https://segmentfault.com/a/1190000041618406",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "4",
     "rank": 17
   },
   {
-    "title": "petite-vue源码剖析-逐行解读@vue/reactivity之reactive",
-    "description": "在petite-vue中我们通过reactive构建上下文对象，并将根据状态渲染UI的逻辑作为入参传递给effect，然后神奇的事情发生了，当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢？@vue/reactivity功能...",
-    "url": "https://segmentfault.com/a/1190000041585757",
-    "author": "肥仔John",
-    "home_url": "https://segmentfault.com/u/fsjohnhuang",
-    "votes": "2",
+    "title": "【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！",
+    "description": "读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...",
+    "url": "https://segmentfault.com/a/1190000041622957",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
     "rank": 18
   },
   {
-    "title": "SQL CASE 表达式",
-    "description": "明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a > b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。",
-    "url": "https://segmentfault.com/a/1190000041578841",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "HMS Core视频编辑服务：AI着色， 忆往昔看今朝",
+    "description": "近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...",
+    "url": "https://segmentfault.com/a/1190000041607999",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "3",
     "rank": 19
   },
   {
-    "title": "Java18的新特性",
-    "description": "Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...",
-    "url": "https://segmentfault.com/a/1190000041598372",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
-    "votes": "3",
+    "title": "项目开发中对成长的一些思考",
+    "description": "写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...",
+    "url": "https://segmentfault.com/a/1190000041608723",
+    "author": "heweixiao",
+    "home_url": "https://segmentfault.com/u/heweixiao",
+    "votes": "4",
     "rank": 20
   },
   {
-    "title": "用简单的代码描述Angular父组件、子组件传值",
-    "description": "其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器<selectorName></selectorName>来调用。",
-    "url": "https://segmentfault.com/a/1190000041583641",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "title": "angular异步验证器防抖",
+    "description": "背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...",
+    "url": "https://segmentfault.com/a/1190000041621553",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
     "rank": 21
   },
   {
-    "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
-    "description": "随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。",
-    "url": "https://segmentfault.com/a/1190000041578818",
-    "author": "link1st",
-    "home_url": "https://segmentfault.com/u/link1st",
-    "votes": "3",
+    "title": "20多个好用的 Vue 组件库，请查收！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041573314",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 22
   },
   {
-    "title": "JavaScript WebGL 矩阵",
-    "description": "引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...",
-    "url": "https://segmentfault.com/a/1190000041612644",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "4",
+    "title": "@OneToOne、@ManyToOne的具体使用与区别",
+    "description": "在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...",
+    "url": "https://segmentfault.com/a/1190000041615298",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "angular动态表单",
-    "description": "项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...",
-    "url": "https://segmentfault.com/a/1190000041583811",
+    "title": "关于动态表单遇到的一些问题",
+    "description": "在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent<A>(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...",
+    "url": "https://segmentfault.com/a/1190000041621572",
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "3",
     "rank": 24
   },
   {
-    "title": "Java系列 | 远程热部署在美团的落地实践",
-    "description": "Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...",
-    "url": "https://segmentfault.com/a/1190000041581466",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "4",
+    "title": "提升组件库通用能力 - NutUI 在线主题定制功能探索",
+    "description": "NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...",
+    "url": "https://segmentfault.com/a/1190000041606961",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "基于 Stencil 构建 Web Components 组件库",
-    "description": "「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...",
-    "url": "https://segmentfault.com/a/1190000041597585",
-    "author": "SuperX",
-    "home_url": "https://segmentfault.com/u/qzuser_584786517d31a",
-    "votes": "4",
+    "title": "大裁员下，程序员如何做副业？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "7",
     "rank": 26
   },
   {
-    "title": "即学即会：初识 Serverless 架构",
-    "description": "2009 年，UC Berkeley发表了：Above the Clouds: A Berkeley View of Cloud Computing 一文，在该文章中首次对云计算做出定义：云计算包含互联网上的应用服务及在数据中心提供这些服务的软硬件设施。居诸不息，随...",
-    "url": "https://segmentfault.com/a/1190000041581330",
-    "author": "Serverless",
-    "home_url": "https://segmentfault.com/u/jiang_5f3236dd7afd1",
-    "votes": "2",
+    "title": "【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页",
+    "description": "分页主要字段包括 pageSize 每页条数、pageNum 第几页、startRow 当前开始页编号、endRow 当前结束页编号、total 总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的...",
+    "url": "https://segmentfault.com/a/1190000041612679",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "发福利啦！史上最全颜色收集网站，我要给你“好看”！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041565099",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "title": "WebGL 的 Hello World",
+    "description": "本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。",
+    "url": "https://segmentfault.com/a/1190000041603586",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "搭建 VuePress 站点必做的 10 个优化",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
-    "url": "https://segmentfault.com/a/1190000041593877",
+    "title": "曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速  | 思否周刊",
+    "description": "40s 新闻速递Rust代码占到了Firefox项目的近十分之一苹果回应两天内两次宕机：部分服务受影响，现已得到解决Android短信和电话应用都会悄悄向Google发送数据曝苹果计划推出硬件订阅服务：按月租用 iPhone 手机、...",
+    "url": "https://segmentfault.com/a/1190000041614879",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
+    "rank": 29
+  },
+  {
+    "title": "VuePress 博客搭建系列 33 篇正式完结！",
+    "description": "VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。",
+    "url": "https://segmentfault.com/a/1190000041627148",
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
-    "rank": 29
+    "rank": 30
   }
 ]