@wcj/github-rank 22.2.13 → 22.2.17

package/web/data/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
   {
-    "title": "17 个实用 shell 脚本，建议收藏！",
-    "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
-    "url": "https://segmentfault.com/a/1190000041370811",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "18",
+    "title": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "17",
     "rank": 1
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "16",
     "rank": 2
   },
   {
-    "title": "Suspense对React的意义在哪里？",
-    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
-    "url": "https://segmentfault.com/a/1190000041372960",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "8",
     "rank": 3
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
     "votes": "12",
     "rank": 4
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "10",
+    "title": "必须知道的JavaScript库 - 可视化库",
+    "description": "在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。",
+    "url": "https://segmentfault.com/a/1190000041390654",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "8",
     "rank": 5
   },
   {
-    "title": "2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎",
-    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
-    "url": "https://segmentfault.com/a/1190000041373049",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "9",
+    "title": "CSS 实现按钮点击动效的套路",
+    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
+    "url": "https://segmentfault.com/a/1190000041400360",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
     "rank": 6
   },
   {
-    "title": "2年经验面试网易灵犀！太注重工程化了！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
-    "url": "https://segmentfault.com/a/1190000041366695",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "Jest 单元测试疑难点入门",
+    "description": "文章基调介绍概念及思考的过程，不提供代码（具体代码写法可参考jest 官网）延伸：信息大爆炸时代，各类资源很丰富，具体教程网上有很多资料详细不过官网，不重复制造相同的信息，造成额外的心智负担大脑只是搜索...",
+    "url": "https://segmentfault.com/a/1190000041386455",
+    "author": "momo707577045",
+    "home_url": "https://segmentfault.com/u/momo707577045",
     "votes": "9",
     "rank": 7
   },
   {
-    "title": "vue原理相关总结",
-    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
-    "url": "https://segmentfault.com/a/1190000041374585",
-    "author": "雨花石",
-    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "11",
+    "title": "字符作画，我用字符画个冰墩墩",
+    "description": "已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。",
+    "url": "https://segmentfault.com/a/1190000041398208",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "5",
     "rank": 8
   },
   {
-    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
-    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
-    "url": "https://segmentfault.com/a/1190000041381106",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "9",
+    "title": "谁动了我的代码！(协同仓库该有规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "还在用HttpUtil？试试这款优雅的HTTP客户端工具吧，跟SpringBoot绝配！",
-    "description": "我们平时开发项目时，就算是单体应用，也免不了要调用一下其他服务提供的接口。此时就会用到HTTP客户端工具，之前一直使用的是Hutool中的HttpUtil，虽然容易上手，但用起来颇为麻烦！最近发现一款更好用的HTTP客...",
-    "url": "https://segmentfault.com/a/1190000041371806",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "Cross-origin 跨域请求",
+    "description": "Cookie1993 迎来了 img 标签，这是 web 第一次迎来了资源加载 {代码...} 1994 {代码...} 1995 {代码...} 起初这样的设计会导致严重的问题：无论是网站，只要包含上面的标签都会携带 cookie 访问。更不用说这样的...",
+    "url": "https://segmentfault.com/a/1190000041398310",
+    "author": "donggg",
+    "home_url": "https://segmentfault.com/u/donggg1942",
     "votes": "6",
     "rank": 10
   },
   {
-    "title": "eslint-plugin-import 规则之 Import / Order",
-    "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
-    "url": "https://segmentfault.com/a/1190000041375528",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "7",
+    "title": "助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启",
+    "description": "近年来，互联网、大数据、云计算、人工智能、区块链等技术加速创新，日益融入经济社会发展各领域全程。数字经济发展速度之快、辐射范围之广、影响程度之深前所未有，正在成为重组全球要素资源、重塑全球经济结构...",
+    "url": "https://segmentfault.com/a/1190000041411689",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 11
   },
   {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "10",
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "7",
     "rank": 12
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
+    "title": "当Synchronized遇到这玩意儿，有个大坑，要注意！",
+    "description": "前几天在思否上看到别人提的关于 Synchronized 的一个用法问题，我觉得挺有意思的，这个问题其实也是我三年前面试某公司的时候遇到的一个真题，当时不知道面试官想要考什么，没有回答的特别好，后来研究了一下就...",
+    "url": "https://segmentfault.com/a/1190000041400444",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "6",
     "rank": 13
   },
   {
-    "title": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "8",
+    "title": "精读《vue-lit 源码》",
+    "description": "defineComponent 定义 custom element，第一个参数是自定义 element 组件名，必须遵循原生 API customElements.define 对组件名的规范，组件名必须包含中划线。",
+    "url": "https://segmentfault.com/a/1190000041398718",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "6",
     "rank": 14
   },
   {
-    "title": "从服务端生成Excel电子表格（GcExcel + SpreadJS）",
-    "description": "在服务端生成Excel电子表格，除了使用 Node.js + SpreadJS 外，葡萄城官方推荐使用 SpreadJS + GcExcel。该方案不仅能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF...",
-    "url": "https://segmentfault.com/a/1190000041377778",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "Spring Security过滤器链体系",
+    "description": "以下摘自胖哥分享的 2022开工福利教程。在学习Spring Security的时候你有没有下面这两个疑问：Spring Security的登录是怎么配置的？Spring Security的访问控制是什么机制？SpringBootWebSecurityConfiguration上...",
+    "url": "https://segmentfault.com/a/1190000041384901",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
     "votes": "4",
     "rank": 15
   },
   {
-    "title": "前融云 CTO 杨攀加入涛思数据，任战略合作 & 开发者生态副总裁",
-    "description": "2022 年 2 月 8 日，涛思数据创始人兼 CEO 陶建辉在朋友圈中晒出其与前融云 CTO 杨攀的合照，并发文 “涛思数据今天喜迎大将杨攀”，正式官宣了 “前融云 CTO 杨攀加入涛思数据” 的消息。据悉，杨攀将在涛思数据负责...",
-    "url": "https://segmentfault.com/a/1190000041373152",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "1",
+    "title": "HMS Core 能力速配，唱响恋爱进行曲",
+    "description": "科技相助，恋爱提速。展现爱意的方式有千百种，你可以用文本翻译学习数十种语言的“我爱你”来传达情感。即便爱在心口难开，还可以选择用手语服务进行爱的告白。",
+    "url": "https://segmentfault.com/a/1190000041392277",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "Jest 单元测试疑难点入门",
-    "description": "文章基调介绍概念及思考的过程，不提供代码（具体代码写法可参考jest 官网）延伸：信息大爆炸时代，各类资源很丰富，具体教程网上有很多资料详细不过官网，不重复制造相同的信息，造成额外的心智负担大脑只是搜索...",
-    "url": "https://segmentfault.com/a/1190000041386455",
-    "author": "momo707577045",
-    "home_url": "https://segmentfault.com/u/momo707577045",
-    "votes": "8",
+    "title": "60%的人都不知道 package-lock.json 有啥用吧？简单讲讲",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件： package.json package-lock.json 应该很...",
+    "url": "https://segmentfault.com/a/1190000041384291",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "5",
     "rank": 17
   },
   {
-    "title": "15个很有趣的开源项目推荐",
-    "description": "《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较...",
-    "url": "https://segmentfault.com/a/1190000041363711",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "7",
+    "title": "@Scheduled 定时任务",
+    "description": "在开发中，有时候会遇到定时推送的需求，例如定时发送推送、定时发送邮件等等。SpringBoot为我们内置了定时任务，我们只需要一个注解就可以开启定时为我们所用了。",
+    "url": "https://segmentfault.com/a/1190000041402836",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
-    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
-    "url": "https://segmentfault.com/a/1190000041384720",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
+    "title": "vue-router源码分析",
+    "description": "路由的概念最开始是在后端出现的，浏览器发送URL，服务器接收到浏览器的请求时，通过解析不同的URL去拼接需要的HTML或模板，然后将结果返回到浏览器进行渲染。服务器端路由有利有弊，好处是安全性更高，更严格控...",
+    "url": "https://segmentfault.com/a/1190000041397481",
+    "author": "lhm_582082005a5e6",
+    "home_url": "https://segmentfault.com/u/lhm_582082005a5e6",
+    "votes": "3",
     "rank": 19
   },
   {
-    "title": "精读《pipe operator for JavaScript》",
-    "description": "Pipe Operator (|>) for JavaScript 提案给 js 增加了 Pipe 语法，这次结合 A pipe operator for JavaScript: introduction and use cases 文章一起深入了解这个提案。概述Pipe 语法可以将函数调用按顺序打平...",
-    "url": "https://segmentfault.com/a/1190000041367827",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "PDF 那些事",
+    "description": "PDF是 Portable Document Format的简称，翻译过来是“可携带文档格式”，由 Adobe于1992年创建。其格式特点是，与操作系统平台无关，在任意平台上都可以保持相同的渲染效果。​",
+    "url": "https://segmentfault.com/a/1190000041396802",
+    "author": "空无",
+    "home_url": "https://segmentfault.com/u/kongwu",
     "votes": "4",
     "rank": 20
   },
   {
-    "title": "Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能",
-    "description": "大家好，我是煎鱼。Go 泛型配套了各种标准库，像是常见的 maps、slices 泛型库。早期他们是长这样的： {代码...} 又或是： {代码...} 关注到里面的标准库 constraints，他就是今天变更的主角。他咋了呢？背景标准...",
-    "url": "https://segmentfault.com/a/1190000041368835",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "4",
+    "title": "用户登陆（前后台）",
+    "description": "在看完后台登陆操作以后对登陆整个流程有了更深的理解，个人认为有必要总结一下。下面是整个登陆操作的流程图：我们首先从前台开始： {代码...} 用户在V层输入信息传到C层再调用M层代码 {代码...} 如果后台返回信...",
+    "url": "https://segmentfault.com/a/1190000041389724",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "3",
     "rank": 21
   },
   {
-    "title": "探讨一下To C营销页面服务端渲染的必要性以及其背后的原理",
-    "description": "最近无论是在公司还是自己研究的项目，都一直在搞 H5 页面服务端渲染方面的探索，因此本文来探讨一下服务端渲染的必要性以及其背后的原理。先来看几个问题To C 的 H5 为什么适合做 SSRTo C的营销H5页面的典型特点...",
-    "url": "https://segmentfault.com/a/1190000041376841",
-    "author": "前端森林",
-    "home_url": "https://segmentfault.com/u/fengshuan",
-    "votes": "3",
+    "title": "GIF 格式解析之表情包是如何动起来的",
+    "description": "作为破除人类交流困境的神器，没有什么场景是一张表情包不能表达的。想像一下，当你正同时打开 N 个 VSCode 疯狂打码的时候，DING~ 的一声脆响，产品经理发来一条消息：昨天提的那几个 bug 修复好了吗？​",
+    "url": "https://segmentfault.com/a/1190000041386355",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "6",
     "rank": 22
   },
   {
-    "title": "比 Xshell 还好用的 SSH 客户端神器！爱了",
-    "description": "由于需要连接远程 Linux 服务器，早期使用过 Putty，SecureCRT，后面主要使用 Xshell。之前民工哥也给大家推荐过几款SSH客户端：",
-    "url": "https://segmentfault.com/a/1190000041370721",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "3",
-    "rank": 23
-  },
-  {
-    "title": "​北京冬奥会开幕式震撼刷屏；GitHub 推出赞助功能；Flutter 2.10 发布 | 思否周刊",
-    "description": "40s 新闻速递北京冬奥会开幕式震撼刷屏微软禁用 MSIX AppX 安装程序工信部：冬奥会开幕式保障任务圆满完成，封堵恶意程序发送端 IP 地址 4000 余个英特尔称其 CPU Bug 只有 AMD 的一半Google Chrome 浏览器徽标8 ...",
-    "url": "https://segmentfault.com/a/1190000041366705",
+    "title": "冰墩墩官方 NFT 盲盒将开售 约 626 元一个；京东到家程序员删库跑路被判刑； Laravel 9 正式发布 | 思否周刊",
+    "description": "40s 新闻速递微软官方表态即将推出 Windows 11 任务栏改进原万得员工跳槽 B 站被索赔 200 万，遭法院驳回欧盟回应 Meta 退出威胁：没有 Facebook 生活一样很美好苹果将在 iPhone 上推出 “点击支付” 功能微软将在 ...",
+    "url": "https://segmentfault.com/a/1190000041396756",
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
+    "rank": 23
+  },
+  {
+    "title": "你还在手写TS类型代码吗",
+    "description": "身为一个前端开发，在开发ts项目时，最繁琐的工作应该就是手写接口的数据类型和mock数据，因为这部分工作如果不做，后面写业务逻辑难受，做的话全是复制粘贴类似的重复工作，还挺费时间。下文将给大家介绍一个自...",
+    "url": "https://segmentfault.com/a/1190000041399444",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "使用 CSS Grid 构建复杂布局超实用的技巧!",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041371479",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "title": "Spring Cloud 源码分析之OpenFeign",
+    "description": "OpenFeign是一个远程客户端请求代理，它的基本作用是让开发者能够以面向接口的方式来实现远程调用，从而屏蔽底层通信的复杂性，它的具体原理如下图所示。",
+    "url": "https://segmentfault.com/a/1190000041389449",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "4",
     "rank": 25
   },
   {
-    "title": "60%的人都不知道 package-lock.json 有啥用吧？简单讲讲",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件： package.json package-lock.json 应该很...",
-    "url": "https://segmentfault.com/a/1190000041384291",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "5",
+    "title": "记录一个由于仓库层错误导致软删除失效的问题",
+    "description": "为了方便描述，我们将项目进行一下抽象和简化。这是一个前端用Angular、后端用Spring的项目，项目E-R图的其中一段如下：不难看出，乡镇和社区是1对多的关系。",
+    "url": "https://segmentfault.com/a/1190000041402957",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "Spring Security过滤器链体系",
-    "description": "以下摘自胖哥分享的 2022开工福利教程。在学习Spring Security的时候你有没有下面这两个疑问：Spring Security的登录是怎么配置的？Spring Security的访问控制是什么机制？SpringBootWebSecurityConfiguration上...",
-    "url": "https://segmentfault.com/a/1190000041384901",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "3",
+    "title": "使用 Vue Demi 构建同时兼容Vue2和Vue3的组件库",
+    "description": "在本文中，我们通过考虑其功能、工作原理以及如何开始使用它来了解 Vue Demi。Vue Demi 是一个很棒的包，具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。",
+    "url": "https://segmentfault.com/a/1190000041397887",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "必须知道的JavaScript库 - 可视化库",
-    "description": "在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。",
-    "url": "https://segmentfault.com/a/1190000041390654",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "5",
+    "title": "《Koala 聊开源》视频专栏年度总结和计划",
+    "description": "[链接]",
+    "url": "https://segmentfault.com/a/1190000041392942",
+    "author": "aryu",
+    "home_url": "https://segmentfault.com/u/aryu",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "低代码搞了个客户关系管理系统 CRM",
-    "description": "无远客户关系管理精简版，面向企业客户，支持客户打标签、销售漏斗、自定义销售阶段、自定义客户分类等等，你可以结合本公司的实际情况，进一步自主实现赢单后的销售绩效提成功能模块。",
-    "url": "https://segmentfault.com/a/1190000041371754",
-    "author": "dafanzhijian",
-    "home_url": "https://segmentfault.com/u/dafanzhijian",
+    "title": "年入50w，我做对了哪几件事情？",
+    "description": "当然，年入50W在很多大佬面前也不是什么厉害的事情，这个世界上确实厉害的人太多了，一山更比一山高，山外有山，人外有人，但是，我总是觉得，能做成一件事情，那么，其他事情也是可以成功的，所以，别小看你做好...",
+    "url": "https://segmentfault.com/a/1190000041396466",
+    "author": "好好学java",
+    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
     "votes": "4",
     "rank": 29
   },
   {
-    "title": "金3银4面试前，把自己弄成卷王！",
-    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、快了，已经在做！卷王们，新的一年开始卷了吗！<div align=\"center\"> {代码...} </div>新年放假，捅了3次核酸...",
-    "url": "https://segmentfault.com/a/1190000041376019",
+    "title": "给面试加点硬菜：延迟任务场景，该如何提高吞吐量和时效性！",
+    "description": "哈哈哈，说好的不卷了，能凑活用就行了。但每次接到新需求时都手痒，想结合着上一次的架构设计和落地经验，在这一次需求上在迭代更新，或者找到完全颠覆之前的更优方案。卷完代码的那一刻总是神清气爽",
+    "url": "https://segmentfault.com/a/1190000041404709",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
+    "votes": "5",
     "rank": 30
   }
 ]