@wcj/github-rank 22.2.14 → 22.2.18

package/web/data/sifou-daily.json

@@ -1,74 +1,146 @@
 [
   {
-    "title": "使用 Vue Demi 构建通用的 Vue 组件库",
-    "description": "在本文中，我们通过考虑其功能、工作原理以及如何开始使用它来了解 Vue Demi。Vue Demi 是一个很棒的包，具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。",
-    "url": "https://segmentfault.com/a/1190000041397887",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "2",
+    "title": "React 源码解析系列 - React 的 render 异常处理机制",
+    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
+    "url": "https://segmentfault.com/a/1190000041418454",
+    "author": "array_huang",
+    "home_url": "https://segmentfault.com/u/array_huang",
+    "votes": "8",
     "rank": 1
   },
   {
-    "title": "高版本Chrome VUE页面播放RTSP实时视频流，并抓图、录像、回放、倍速等",
-    "description": "因为项目上需要把海康威视摄像头集成到WEB网页中播放，于是开始了对WEB播放摄像头方案的各种折腾。2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不...",
-    "url": "https://segmentfault.com/a/1190000041398304",
-    "author": "李不白",
-    "home_url": "https://segmentfault.com/u/libubai",
-    "votes": "1",
+    "title": "两招提升硬盘存储数据的写入效率",
+    "description": "如今存储数据的方式有很多，而硬盘因为价格和数据保护方面的优势，是大部分用户的首选。但是，硬盘和内存相比在 IO 读写上慢了好几个数量级，那为什么会更偏好硬盘呢？",
+    "url": "https://segmentfault.com/a/1190000041419958",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "年入50w，我做对了哪几件事情？",
-    "description": "当然，年入50W在很多大佬面前也不是什么厉害的事情，这个世界上确实厉害的人太多了，一山更比一山高，山外有山，人外有人，但是，我总是觉得，能做成一件事情，那么，其他事情也是可以成功的，所以，别小看你做好...",
-    "url": "https://segmentfault.com/a/1190000041396466",
-    "author": "好好学java",
-    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "3",
     "rank": 3
   },
   {
-    "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": "1",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "5",
     "rank": 4
   },
   {
-    "title": "了解React Hooks及其常用的几个钩子函数",
-    "description": "React Hooks 是 React 团队在两年前的 16.8 版本推出的一套全新的机制。作为最主流的前端框架，React 的 API 十分稳定，这次更新的发布，让众多恐惧新轮子的前端大佬们虎躯一震，毕竟每一次更新又是高成本的学习...",
-    "url": "https://segmentfault.com/a/1190000041397755",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "1",
+    "title": "JZ-063-数据流中的中位数",
+    "description": "如何得到一个数据流中的中位数？如果从数据流中读出奇数个数值，那么中位数就是所有数值排序之后位于中间的数值。如果从数据流中读出偶数个数值，那么中位数就是所有数值排序之后中间两个数的平均值。我们使用Ins...",
+    "url": "https://segmentfault.com/a/1190000041418223",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 5
   },
   {
-    "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": "1",
+    "title": ".NET 诞生 20 周年纪念日！微软发文庆祝",
+    "description": "刚刚过去的“情人节”里，.NET 团队为庆祝 .NET 社区诞生 20 周年而举办了一场盛大的活动。没错！.NET 于 2002 年 2 月 13 日与 Visual-Studio 一起推出，本月终于迎来了 20 周年纪念日。",
+    "url": "https://segmentfault.com/a/1190000041419285",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "【译】A GPU Approach to Particle Physics",
-    "description": "引子想到原文中有提到参考的教程，就去看了下，发现对一些逻辑的理解很有帮助，顺便翻译记录一下。原文：A GPU Approach to Particle PhysicsOriginMy GitHub正文我的 GPGPU 系列的下一个项目是一个粒子物理引擎...",
-    "url": "https://segmentfault.com/a/1190000041396593",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
+    "title": "常用数据库选型！你做对了吗？",
+    "description": "影响数据库选择的因素数据量：是否海量数据，单表数据量太大会考验数据库的性能数据结构：结构化 (每条记录的结构都一样) 还是非结构化的 (不同记录的结构可以不一样)是否宽表：一条记录是 10 个域，还是成百上千...",
+    "url": "https://segmentfault.com/a/1190000041419728",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "从校园到腾讯工作一年的那些跌跌撞撞！",
-    "description": "这几天过年，每天其实还比较清闲，甚至于说有点无聊，今年第一年工作，也是在大城市生活的第一年，说实话，回到家里还是有点不太习惯这种生活的节奏的。我的家在农村，回到家，就能非常明显的感觉到家乡的慢节奏...",
-    "url": "https://segmentfault.com/a/1190000041396458",
+    "title": "2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇我们讲讲如何兼容 PWA。PWAPWA，英文全称：Progressive Web Apps， ...",
+    "url": "https://segmentfault.com/a/1190000041422357",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "聚类算法在 D2C 布局中的应用",
+    "description": "聚类是统计数据分析的一门技术，在许多领域受到广泛的应用，包括机器学习、数据挖掘、图像分析等等。聚类就是把相似的对象分成不同的组别或者更多的子集，从而让每个子集的成员对象都有相似的一些属性。",
+    "url": "https://segmentfault.com/a/1190000041421803",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "JavaScript报错类型（报错速查）",
+    "description": "变量名不规范： var 1 = 1; // Uncaught SyntaxError: Unexpected number var 1a = 1; // Uncaught SyntaxError: Invalid or unexpected number",
+    "url": "https://segmentfault.com/a/1190000041420674",
+    "author": "海洋饼干",
+    "home_url": "https://segmentfault.com/u/zhouhaiyang",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "HMS Core携手厦门大学打造AR增强现实技术",
+    "description": "HMS Core AR Engine团队联手厦门大学信息学院，与专业学生面对面深度交流行业发展与前沿成果。双方共同编写行业知识教材，引导学生开发AR游戏实践，为未来AR、VR人才培养培育可复制的教学模式与资源。",
+    "url": "https://segmentfault.com/a/1190000041420671",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "使用APICloud AVM多端组件快速实现app中的搜索功能",
+    "description": "animate-UISearchBar 有的功能：搜索占位提示语、搜索记录、清除搜索记录、搜索触发事件、取消搜索事件、可使用css自定义样式。",
+    "url": "https://segmentfault.com/a/1190000041420131",
+    "author": "海的尽头",
+    "home_url": "https://segmentfault.com/u/haikuopingyuyue",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "2021年度总结 | 葡萄城软件开发技术回顾（下）",
+    "description": "包括为了解决前端电子表格中将传统的高性能结构化表格 (Grid) 与公式计算引擎 (CalcEngine)结合问题的集算表，和不同平台中复杂报表的性能提升和兼容拓展，除了控件技术的相关内容，关于近几年风头正盛的低代码和...",
+    "url": "https://segmentfault.com/a/1190000041419635",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "Netty整合SpringMVC，实现高效的HTTP服务请求",
+    "description": "首先，你必须要了解netty，说简单点：客户端通过TCP链接和服务器建立长连接，client和server都是通过管道（ChannelPipeline）的addLast方法的添加顺序来处理接收或者发送的数据。",
+    "url": "https://segmentfault.com/a/1190000041419288",
     "author": "好好学java",
     "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
     "votes": "1",
-    "rank": 8
+    "rank": 14
+  },
+  {
+    "title": "ASP.NET与.NET Framework和C#的关系",
+    "description": "在开始介绍ASP.NET之前，我们需要先了解以下运行ASP.NET的开发平台.NET框架。如果你之前学过C#那么对.NET框架会有一定的了解。当你在编写ASP.NET代码时会发现ASP.NET的代码和C#相近甚至等同。那么你一定会有一些...",
+    "url": "https://segmentfault.com/a/1190000041418135",
+    "author": "琉忆",
+    "home_url": "https://segmentfault.com/u/leoyi",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "Java如何实现消费数据隔离？",
+    "description": "今天继续更新austin项目，如果还没看过该系列的同学可以点开我的历史文章回顾下，在看的过程中不要忘记了点赞哟！建议不要漏了或者跳着看，不然这篇就看不懂了，之前写过的知识点和业务我就不再赘述啦。",
+    "url": "https://segmentfault.com/a/1190000041417720",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,29 +1,29 @@
 [
   {
-    "title": "巧用 CSS 实现动态线条 Loading 动画",
-    "description": "有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...",
-    "url": "https://segmentfault.com/a/1190000041306193",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "34",
+    "title": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "17",
     "rank": 1
   },
   {
-    "title": "1000粉！使用Three.js制作一个专属3D奖牌🥇",
-    "description": "破防了 😭！突然发现 SegmentFault 平台的粉丝数量已经突破 1000 了，它是我的三个博客平台掘金、博客园、SegmentFault中首个粉丝突破 1000 的，于是设计开发这个页面，特此纪念一下。非常感谢大家的关注 🙏，后续...",
-    "url": "https://segmentfault.com/a/1190000041311954",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "25",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "23",
     "rank": 2
   },
   {
-    "title": "神器 Nginx 的学习手册 ( 建议收藏 )",
-    "description": "无论是运维、开发、测试，Nginx技术栈的学习总是必不可少的，只是不同的岗位掌握的深度与广度不同而已。所以，民工哥利用周末休息时间，将往期推送的Nginx文章给大家重新整理出来，整理出成体系的Nginx知识体系，...",
-    "url": "https://segmentfault.com/a/1190000041298011",
+    "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": "32",
+    "votes": "19",
     "rank": 3
   },
   {
@@ -35,41 +35,14 @@
     "votes": "17",
     "rank": 4
   },
-  {
-    "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",
-    "rank": 5
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 6
-  },
-  {
-    "title": "Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”",
-    "description": "这是我的 2022 年第一篇文章。一直在想写些什么比较好，既然是新年，新年新气象，写点技术展望的想法是不是更合适？于是这篇文章的标题，也就是本文的核心思想出来了：",
-    "url": "https://segmentfault.com/a/1190000041294273",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
-    "rank": 7
-  },
   {
     "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",
-    "rank": 8
+    "votes": "15",
+    "rank": 5
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -78,7 +51,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "17",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -87,34 +60,25 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 10
+    "rank": 7
   },
   {
-    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
-    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
-    "url": "https://segmentfault.com/a/1190000041307924",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "13",
-    "rank": 11
+    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
+    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
+    "url": "https://segmentfault.com/a/1190000041355320",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "11",
+    "rank": 8
   },
   {
-    "title": "线程池如何观测？这个方案让你对线程池的运行情况了如指掌！",
-    "description": "今天我们来聊一个比较实用的话题，动态可监控可观测的线程池实践。这是个全新的开源项目，作者提供了一种非常好的思路解决了线程池的可观测问题。这个开源项目叫：DynamicTp地址在文章末尾。写在前面稍微有些Java...",
-    "url": "https://segmentfault.com/a/1190000041296797",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 12
-  },
-  {
-    "title": "什么样的问题应该使用动态规划",
-    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
-    "url": "https://segmentfault.com/a/1190000041300090",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "14",
-    "rank": 13
+    "rank": 9
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -123,16 +87,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 14
-  },
-  {
-    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
-    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
-    "url": "https://segmentfault.com/a/1190000041355320",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "10",
-    "rank": 15
+    "rank": 10
   },
   {
     "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
@@ -141,7 +96,43 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 16
+    "rank": 11
+  },
+  {
+    "title": "Vue3默认版本了！我准备学这五个东西了。",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
+    "url": "https://segmentfault.com/a/1190000041324242",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "15",
+    "rank": 12
+  },
+  {
+    "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": "12",
+    "rank": 13
+  },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "11",
+    "rank": 14
+  },
+  {
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
@@ -150,16 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "15",
-    "rank": 17
-  },
-  {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "12",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
@@ -168,43 +150,34 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "11",
-    "rank": 19
-  },
-  {
-    "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
-    "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
-    "url": "https://segmentfault.com/a/1190000041303894",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "12",
-    "rank": 20
+    "rank": 17
   },
   {
-    "title": "Vue3默认版本了！我准备学这五个东西了。",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
-    "url": "https://segmentfault.com/a/1190000041324242",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
-    "rank": 21
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "16",
+    "rank": 18
   },
   {
-    "title": "能用js实现的最终用js实现，Shell脚本也不例外",
-    "description": "大家好，我是秋风。今天来讨论一个牛逼的项目 ——zx ，1个月增长15000 star， 成为了2021年度明星项目排行榜第一。zx 到底是什么呢？我们可以从官网的介绍看到，一个能更方便地写脚本的工具。（A tool for writing...",
-    "url": "https://segmentfault.com/a/1190000041295297",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "12",
-    "rank": 22
+    "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": "11",
+    "rank": 19
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "10",
-    "rank": 23
+    "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": "13",
+    "rank": 20
   },
   {
     "title": "清除 useEffect 副作用",
@@ -213,25 +186,34 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
-    "rank": 24
+    "rank": 21
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
-    "rank": 25
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "9",
+    "rank": 22
   },
   {
-    "title": "SegmentFault D-Day 2021 年度总结报告",
-    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
-    "url": "https://segmentfault.com/a/1190000041297667",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
-    "rank": 26
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "13",
+    "rank": 23
+  },
+  {
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "11",
+    "rank": 24
   },
   {
     "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
@@ -240,25 +222,34 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 27
+    "rank": 25
   },
   {
-    "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",
-    "rank": 28
+    "title": "HTTPS 加密与认证机制",
+    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
+    "url": "https://segmentfault.com/a/1190000041380473",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "11",
+    "rank": 26
   },
   {
-    "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",
-    "rank": 29
+    "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": "8",
+    "rank": 27
+  },
+  {
+    "title": "还在用HttpUtil？试试这款优雅的HTTP客户端工具吧，跟SpringBoot绝配！",
+    "description": "我们平时开发项目时，就算是单体应用，也免不了要调用一下其他服务提供的接口。此时就会用到HTTP客户端工具，之前一直使用的是Hutool中的HttpUtil，虽然容易上手，但用起来颇为麻烦！最近发现一款更好用的HTTP客...",
+    "url": "https://segmentfault.com/a/1190000041371806",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "8",
+    "rank": 28
   },
   {
     "title": "2年经验面试网易灵犀！太注重工程化了！",
@@ -267,6 +258,15 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "字符作画，我用字符画个冰墩墩",
+    "description": "已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。",
+    "url": "https://segmentfault.com/a/1190000041398208",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "6",
     "rank": 30
   }
 ]