@wcj/github-rank 22.1.5 → 22.1.9

package/dist/sifou-daily.json

@@ -1,227 +1,20 @@
 [
   {
-    "title": "Web3.0是什么，为什么MetaVerse这么火？",
-    "description": "每个时代的产品都比较有代表性，1.0时代的代表性产品，国内应该是UC浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。",
-    "url": "https://segmentfault.com/a/1190000041219802",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "6",
-    "rank": 1
-  },
-  {
-    "title": "SphereEx 完成近千万美元 Pre-A 轮融资，加速构建新一代数据库生态引擎",
-    "description": "2022 年 1 月 4 日，创新型数据库基础软件提供商 SphereEx 宣布完成近千万美元 Pre-A 轮融资。本轮融资由嘉御资本领投，红杉中国种子基金、初心资本、指数创投跟投。这是继 2021 年 5 月以来，SphereEx 完成的又...",
-    "url": "https://segmentfault.com/a/1190000041218708",
-    "author": "茕茕码字",
-    "home_url": "https://segmentfault.com/u/qiongwrite",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "Go语言中用 os/exec 执行命令的五种姿势",
-    "description": "在 Golang 中用于执行命令的库是 os/exec，exec.Command 函数返回一个 Cmd 对象，根据不同的需求，可以将命令的执行分为三种情况",
-    "url": "https://segmentfault.com/a/1190000041219445",
-    "author": "岁月峥嵘走过",
-    "home_url": "https://segmentfault.com/u/suiyuezouguo",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "title": "JZ-046-圆圈中最后剩下的数",
-    "description": "每年六一儿童节,牛客都会准备一些小礼物去看望孤儿院的小朋友,今年亦是如此。HF作为牛客的资深元老,自然也准备了一些小游戏。其中,有个游戏是这样的:首先,让小朋友们围成一个大圈。然后,他随机指定一个数m,让编号...",
-    "url": "https://segmentfault.com/a/1190000041224250",
+    "title": "JZ-050-数组中重复的数字",
+    "description": "在一个长度为n的数组里的所有数字都在0到n-1的范围内。 数组中某些数字是重复的，但不知道有几个数字是重复的。也不知道每个数字重复几次。请找出数组中第一个重复的数字。 例如，如果输入长度为7的数组{2,3,1,0,...",
+    "url": "https://segmentfault.com/a/1190000041246026",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 4
-  },
-  {
-    "title": "赠你13张图，助你20分钟打败了「V8垃圾回收机制」！！！",
-    "description": "大家好，我是林三心。前两天，无意中看到了B站上一个讲V8垃圾回收机制的视频，感兴趣的我看了一下，感觉有点难懂，于是我就在想，大家是不是跟我一样对V8垃圾回收机制这方面的知识都比较懵，或者说看过这方面的知...",
-    "url": "https://segmentfault.com/a/1190000041218998",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "4",
-    "rank": 5
-  },
-  {
-    "title": "数据库批量插入这么讲究的么？",
-    "description": "最近新的项目写了不少各种 insertBatch 的代码，一直有人说，批量插入比循环插入效率高很多，那本文就来实验一下,到底是不是真的？测试环境：SpringBoot 2.5Mysql 8JDK 8Docker首先，多条数据的插入，可选的方案...",
-    "url": "https://segmentfault.com/a/1190000041218630",
-    "author": "秦怀杂货店",
-    "home_url": "https://segmentfault.com/u/aphysia",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "太好了！终于梳理清楚Python多线程与多进程！",
-    "description": "对于刚入门的Pythoner在学习过程中运行代码是或多或少会遇到一些错误，刚开始可能看起来比较费劲。随着代码量的积累，熟能生巧当遇到一些运行时错误时能够很快的定位问题原题。下面整理了常见的17个错误，希望能...",
-    "url": "https://segmentfault.com/a/1190000041224544",
-    "author": "桀桀",
-    "home_url": "https://segmentfault.com/u/_61a7278fb60d9",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "Apple App Clip（苹果「轻应用」）详解",
-    "description": "App Clip (Apple 官方称之为「轻应用」)是你已有 App 的一个轻量级版本，它拥有你 App 的部分功能，可以把它看做已有 App 的 lite 版本。",
-    "url": "https://segmentfault.com/a/1190000041219090",
-    "author": "百瓶技术",
-    "home_url": "https://segmentfault.com/u/billionbottle",
-    "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "Vite 2.0 + React + TypeScript + Antd 搭建简单脚手架",
-    "description": "Vite 出来好一段时间了，最开始支持 Vue，而现在已经不受框架限制了。而 Vite 解决的是对于项目每次启动与打包构建等待时间长的问题，Vite 就是解决了该问题，提高开发效率与体验，本文作个简单的学习记录。",
-    "url": "https://segmentfault.com/a/1190000041225133",
-    "author": "JackySummer",
-    "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "大厂常考的Spring面试题",
-    "description": "准备了一个月的八股文，经历了二十几场面试之后，发现Spring很受面试官青睐。最近有空将Spring常见的面试题总结了一下，希望对大家有所帮助。文章目录：",
-    "url": "https://segmentfault.com/a/1190000041225028",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "2",
-    "rank": 10
-  },
-  {
-    "title": "TypeScript基本使用",
-    "description": "TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查",
-    "url": "https://segmentfault.com/a/1190000041225023",
-    "author": "看见了",
-    "home_url": "https://segmentfault.com/u/kanjianliao",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "四、Uniapp+vue+腾讯IM+腾讯音视频开发聊天APP，支持消息收发，音视频通话（附开源源码）-会话好友列表的实现",
-    "description": "这已经是第四篇了，昨天我们代码总算开了个头，今天我们来开始慢慢实现IM中需要的各个模块，今天我们来实现会话好友列表的显示，话不多说，直接开撸。",
-    "url": "https://segmentfault.com/a/1190000041224925",
-    "author": "智密科技",
-    "home_url": "https://segmentfault.com/u/zhimikeji",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "#小手一抬学Python# Python字典已经掌握了【附源码】",
-    "description": "已经学完了列表与元组，那这两个都是按照顺序排列的，所以可以用索引取到值，本篇博客要学习的是字典，由上文可知，字典肯定就是不能按照索引取到值，就是没顺序，非序列的数据结构。",
-    "url": "https://segmentfault.com/a/1190000041224830",
-    "author": "程序员迪迪",
-    "home_url": "https://segmentfault.com/u/ksrg2ibd",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "小工具批量将mp3音频格式转换为wav格式",
-    "description": "最近收到一个朋友委托的需求，要将MP3的音频格式转换成wav的音频格式。于是，使用python写了这个小工具便于批量进行转换操作。【阅读全文】首先，下载需要导入的python模块包。这里选用清华大学的镜像站进行模块...",
-    "url": "https://segmentfault.com/a/1190000041224790",
-    "author": "Python集中营",
-    "home_url": "https://segmentfault.com/u/kuqidequantou",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "TypeScript防脱发级入门——基本类型检查",
-    "description": "嗨！大家好！我是法医，一只治疗系前端码猿🐒，与代码对话，倾听它们心底的呼声，期待着大家的点赞👍与关注➕。1. 如何进行类型约束类型约束其实很简单，只需要在变量、函数参数、函数返回值位置上加上 :类型 就可以...",
-    "url": "https://segmentfault.com/a/1190000041224257",
-    "author": "法医",
-    "home_url": "https://segmentfault.com/u/kongbai_5dee64736c712",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "[函数式编程指北-00] 什么是函数式编程？",
-    "description": "函数式编程是一种编程范式，我们常见的编程范式有命令式编程（Imperative programming），函数式编程，逻辑式编程，常见的面向对象编程是也是一种命令式编程。",
-    "url": "https://segmentfault.com/a/1190000041224118",
-    "author": "Mmmy",
-    "home_url": "https://segmentfault.com/u/mmmy_a",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "教你如何使用vercel服务免费部署前端项目和serverless api",
-    "description": "vercel 是一个站点托管平台，提供CDN加速，同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供Production环境和development环境，对于项目开发非常的有用的，并且支持持续集成...",
-    "url": "https://segmentfault.com/a/1190000041223777",
-    "author": "程序员小包",
-    "home_url": "https://segmentfault.com/u/poetries",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "非科班，低学历的我如何自学 Python ，找到一份月薪15K的工作？",
-    "description": "本人专科毕业（报了自考本科），会计专业，经朋友介绍一次很偶然的机会，接触到了这个行业，今天是我Kotlin入门后，入行Python后，第一次总结下自己的经验！17年从野鸡大学毕业后，刚开始接触的Java，后来入门了K...",
-    "url": "https://segmentfault.com/a/1190000041223333",
-    "author": "七秒",
-    "home_url": "https://segmentfault.com/u/qimiao_61b5966512f09",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "6 个值得玩味的 Python 代码",
-    "description": "先选取了 6 个自己认为值得玩味的 python代码，希望对正在学习 python 的你有所帮助。1、类有两个方法，一个是 new,一个是 init,有什么区别，哪个会先执行呢？class test(object):​ {代码...} ​ {代码...} ​ {代...",
-    "url": "https://segmentfault.com/a/1190000041223106",
-    "author": "票七",
-    "home_url": "https://segmentfault.com/u/piaoqi",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "Python 超简单3行代码提取音乐高潮部分",
-    "description": "有些时候，为了设定手机铃声或者发抖音视频，我们会耗费大量时间在剪辑音乐高潮部分上。那么这个音乐高潮的提取能不能自动化呢？当然可以。先来看看，怎么样来提取孤芳自赏提取高潮后的部分：怎么样，是不是迫不...",
-    "url": "https://segmentfault.com/a/1190000041223019",
-    "author": "程序员小二",
-    "home_url": "https://segmentfault.com/u/v6ryn4ss",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "使用react-native仿写一个qq音乐播放",
-    "description": "最近在学习react-native，就想说做个项目实践一下，于是决定仿写一下QQ音乐，接口是在github上找的一个项目，地址QQMusicApi。项目是expo创建的，因为它可以直接运行web页面，比较方便，本项目仅供学习参考。",
-    "url": "https://segmentfault.com/a/1190000041221640",
-    "author": "shellingfordly",
-    "home_url": "https://segmentfault.com/u/shellingfordly",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "【2022/1/4】TCP和websocket通讯",
-    "description": "启动一个websocket服务端，进程启动的时候启动tcp，把tcp设置为websocket的一个属性上socketArray，然后在websocket接受消息的回调里获取socketArray，循环取出tcp链接，发送消息",
-    "url": "https://segmentfault.com/a/1190000041220659",
-    "author": "一梦千年",
-    "home_url": "https://segmentfault.com/u/leruge",
-    "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "我花了一周的时间，优化了一下react-admin-plus,这下终于可以拿得出手了",
-    "description": "还得从去年说起，当时刚学react,看了看官方文档后做了几个小demo，觉得写起来得心应手，酣畅自如，用老话说那叫 纱布擦屁股--想给大家露一手,所以想写一个admin的开源项目，看了看市面上的同类型项目，然后就开始...",
-    "url": "https://segmentfault.com/a/1190000041219953",
-    "author": "凤凰城下的小码农",
-    "home_url": "https://segmentfault.com/u/sudetaibuyiyang",
-    "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "编写Spring MVC控制器的14个技巧",
-    "description": "通常，在Spring MVC中，我们编写一个控制器类来处理来自客户端的请求。然后，控制器调用业务类来处理与业务相关的任务，然后将客户端重定向到逻辑视图名称，该名称由Spring的调度程序Servlet解析，以呈现结果或输...",
-    "url": "https://segmentfault.com/a/1190000041219234",
-    "author": "江湖大侠",
-    "home_url": "https://segmentfault.com/u/msjhw_com",
-    "votes": "1",
-    "rank": 24
+    "rank": 1
   },
   {
-    "title": "后端工程师的「跨域」之旅",
-    "description": "跨域，对后端工程师来说，可谓既熟悉又陌生。这两个月我以架构师的角色参与一款教育产品的孵化，有了一段难忘的跨域之旅。写这篇文章，我想分享我在跨域这个知识点的经历和思考，希望对大家有所启发。 1 遇见跨域...",
-    "url": "https://segmentfault.com/a/1190000041218773",
-    "author": "张勇",
-    "home_url": "https://segmentfault.com/u/makemyownlife",
+    "title": "GitHub+Hexo 搭建博客网站",
+    "description": "Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Heroku上，是搭建博客的首选框架。",
+    "url": "https://segmentfault.com/a/1190000041246788",
+    "author": "Linux运维交流",
+    "home_url": "https://segmentfault.com/u/hppyvyv6",
     "votes": "1",
-    "rank": 25
+    "rank": 2
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041163719",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "41",
+    "votes": "44",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041099699",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "41",
+    "votes": "43",
     "rank": 2
   },
   {
@@ -23,17 +23,26 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "27",
+    "votes": "30",
     "rank": 3
   },
+  {
+    "title": "难搞的偏向锁终于被 Java 移除了",
+    "description": "背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...",
+    "url": "https://segmentfault.com/a/1190000041194920",
+    "author": "日拱一兵",
+    "home_url": "https://segmentfault.com/u/tanrigongyibing",
+    "votes": "30",
+    "rank": 4
+  },
   {
     "title": "【建议收藏】11+实战技巧，让你轻松从Vue过渡到React",
     "description": "这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）",
     "url": "https://segmentfault.com/a/1190000041157904",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "30",
-    "rank": 4
+    "votes": "31",
+    "rank": 5
   },
   {
     "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
@@ -41,16 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041153005",
     "author": "铁皮饭盒",
     "home_url": "https://segmentfault.com/u/russell221",
-    "votes": "29",
-    "rank": 5
-  },
-  {
-    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
-    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
-    "url": "https://segmentfault.com/a/1190000041108051",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "31",
+    "votes": "30",
     "rank": 6
   },
   {
@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "title": "难搞的偏向锁终于被 Java 移除了",
-    "description": "背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...",
-    "url": "https://segmentfault.com/a/1190000041194920",
-    "author": "日拱一兵",
-    "home_url": "https://segmentfault.com/u/tanrigongyibing",
-    "votes": "24",
+    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
+    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
+    "url": "https://segmentfault.com/a/1190000041108051",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "32",
     "rank": 8
   },
   {
@@ -77,25 +77,25 @@
     "url": "https://segmentfault.com/a/1190000041105650",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "22",
+    "votes": "24",
     "rank": 9
   },
   {
-    "title": "详解虚拟DOM与Diff算法",
-    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
-    "url": "https://segmentfault.com/a/1190000041134103",
-    "author": "kerin",
-    "home_url": "https://segmentfault.com/u/kerin",
-    "votes": "19",
+    "title": "冷门又好用的 CSS 特性",
+    "description": "CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。",
+    "url": "https://segmentfault.com/a/1190000041209570",
+    "author": "MudOnTire",
+    "home_url": "https://segmentfault.com/u/mudontire",
+    "votes": "22",
     "rank": 10
   },
   {
-    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
-    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
-    "url": "https://segmentfault.com/a/1190000041103446",
-    "author": "jrainlau",
-    "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "21",
+    "title": "一份简单够用的 Nginx Location 配置讲解",
+    "description": "前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子： {代码...} 大致的意思是，当你访问 www.yayujs.com 的 80 端口...",
+    "url": "https://segmentfault.com/a/1190000041217732",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "20",
     "rank": 11
   },
   {
@@ -104,17 +104,44 @@
     "url": "https://segmentfault.com/a/1190000041193583",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "18",
+    "votes": "19",
     "rank": 12
   },
+  {
+    "title": "详解虚拟DOM与Diff算法",
+    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
+    "url": "https://segmentfault.com/a/1190000041134103",
+    "author": "kerin",
+    "home_url": "https://segmentfault.com/u/kerin",
+    "votes": "20",
+    "rank": 13
+  },
+  {
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "22",
+    "rank": 14
+  },
   {
     "title": "100行代码实现React核心调度功能",
     "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
     "url": "https://segmentfault.com/a/1190000041126142",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "21",
+    "rank": 15
+  },
+  {
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "19",
-    "rank": 13
+    "rank": 16
   },
   {
     "title": "Amazing！！CSS 也能实现极光？",
@@ -122,17 +149,8 @@
     "url": "https://segmentfault.com/a/1190000041166007",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 14
-  },
-  {
-    "title": "利用 clip-path 实现动态区域裁剪",
-    "description": "背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...",
-    "url": "https://segmentfault.com/a/1190000041126373",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发",
@@ -140,8 +158,17 @@
     "url": "https://segmentfault.com/a/1190000041170989",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "20",
-    "rank": 16
+    "votes": "21",
+    "rank": 18
+  },
+  {
+    "title": "利用 clip-path 实现动态区域裁剪",
+    "description": "背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...",
+    "url": "https://segmentfault.com/a/1190000041126373",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 19
   },
   {
     "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
@@ -150,7 +177,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 17
+    "rank": 20
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -159,16 +186,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 18
+    "rank": 21
   },
   {
-    "title": "冷门又好用的 CSS 特性",
-    "description": "CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。",
-    "url": "https://segmentfault.com/a/1190000041209570",
-    "author": "MudOnTire",
-    "home_url": "https://segmentfault.com/u/mudontire",
-    "votes": "11",
-    "rank": 19
+    "title": "Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结",
+    "description": "Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...",
+    "url": "https://segmentfault.com/a/1190000041172633",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "14",
+    "rank": 22
   },
   {
     "title": "备战2022春招，这十道题必会！",
@@ -177,16 +204,16 @@
     "author": "bigsai",
     "home_url": "https://segmentfault.com/u/bigsai",
     "votes": "10",
-    "rank": 20
+    "rank": 23
   },
   {
-    "title": "Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结",
-    "description": "Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...",
-    "url": "https://segmentfault.com/a/1190000041172633",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "13",
-    "rank": 21
+    "title": "可视化编码！前端无缝接入代码可视化编辑",
+    "description": "主流的商业化低代码平台，基本就是希望将研发全链路都推向标准化、规范化，来达到提效的效果，但是对于需求本身是变化的，同时会形成对低代码平台的依赖，后续维护均需要依赖平台能力实现；",
+    "url": "https://segmentfault.com/a/1190000041210915",
+    "author": "moyuyc",
+    "home_url": "https://segmentfault.com/u/moyuyc",
+    "votes": "17",
+    "rank": 24
   },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
@@ -195,43 +222,25 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 22
-  },
-  {
-    "title": "2021 re:Invent ，我们到底该关注哪些发布？",
-    "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
-    "url": "https://segmentfault.com/a/1190000041086821",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "13",
-    "rank": 23
+    "rank": 25
   },
   {
-    "title": "原来这才是 Socket ！",
-    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
-    "url": "https://segmentfault.com/a/1190000041119178",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
+    "title": "一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题",
+    "description": "回溯算法实际上一个类似枚举的搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回，尝试别的路径。——摘自《百度百科》",
+    "url": "https://segmentfault.com/a/1190000041181667",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
     "votes": "16",
-    "rank": 24
+    "rank": 26
   },
   {
-    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
-    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
-    "url": "https://segmentfault.com/a/1190000041067692",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "Java集合高频面试题",
+    "description": "本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...",
+    "url": "https://segmentfault.com/a/1190000041101930",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "11",
-    "rank": 25
-  },
-  {
-    "title": "10个HTML文件上传技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041088153",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
@@ -240,15 +249,6 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 27
-  },
-  {
-    "title": "Java集合高频面试题",
-    "description": "本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...",
-    "url": "https://segmentfault.com/a/1190000041101930",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "11",
     "rank": 28
   },
   {