@wcj/github-rank 22.5.28 → 22.5.31

package/dist/sifou-daily.json

@@ -1,101 +1,173 @@
 [
   {
-    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
-    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
-    "url": "https://segmentfault.com/a/1190000041904203",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
-    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
-    "url": "https://segmentfault.com/a/1190000041905055",
-    "author": "韩天峰",
-    "home_url": "https://segmentfault.com/u/hantianfeng",
-    "votes": "5",
+    "title": "多线程下载、数学求解器... Edge，你还有多少惊喜是我不知道的？",
+    "description": "自 2010 年谷歌 Chrome 浏览器发布后，其凭借“首款支持 Windows、Linux 操作系统稳定版本“的强大背景迅速占领全球市场。而 Edge 浏览器发布于 2015 年，这些年 Edge 浏览器一路“摸爬滚打”，直到现在终于能和 Chro...",
+    "url": "https://segmentfault.com/a/1190000041914844",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "Go 反射机制详解",
-    "description": "反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量级，如果在关键位置使用反...",
-    "url": "https://segmentfault.com/a/1190000041907712",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "3000帧动画图解MySQL为什么需要binlog、redo log和undo log",
+    "description": "全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...",
+    "url": "https://segmentfault.com/a/1190000041919298",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "Go select语句详解",
-    "description": "select是Go提供的一个选择语句，通过select可以监听chanel上的数据流动。    select语句的使用方法和switch语句相似，由select开始一个新的选择块，每一个选择块，...",
-    "url": "https://segmentfault.com/a/1190000041907313",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
     "votes": "3",
     "rank": 4
   },
   {
-    "title": "前端项目复杂的包管理不知道怎么办,来看这篇就够了",
-    "description": "日常开发中, 往往我们在项目中引用的很多依赖包，但是随之依赖包的升级，我们的项目之间的依赖就越来越难以维护，包与包之间版本的引用也让我们头疼。",
-    "url": "https://segmentfault.com/a/1190000041907897",
-    "author": "bobostudio",
-    "home_url": "https://segmentfault.com/u/bobostudio",
-    "votes": "1",
+    "title": "'return await promise' 与 'return promise' 这细微的区别",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041913353",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "Go CSP并发模型",
-    "description": "Communication Sequential Process（简称CSP），通讯顺序进程，这个思想最早是1977年Tony Ho are提出的，CSP的部分引入这被认为是Go语言在并发编程上成功的关键因素。",
-    "url": "https://segmentfault.com/a/1190000041907358",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "Kafka到底有多高可靠？（RNG NB）",
+    "description": "在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...",
+    "url": "https://segmentfault.com/a/1190000041913011",
+    "author": "敖丙",
+    "home_url": "https://segmentfault.com/u/aobing",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "Go Time包中的NewTimer()和After()函数",
-    "description": "标准库的Timer允许用户自定义超时逻辑(适用于单个chanel读写超时、select处理多个chanel超时等情况)。",
-    "url": "https://segmentfault.com/a/1190000041905797",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
+    "url": "https://segmentfault.com/a/1190000041918444",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "2",
     "rank": 7
   },
   {
-    "title": "一起看 I/O | Google TV 和 Android TV OS 的最新进展",
-    "description": "在接触到的娱乐内容与日俱增的今天，有研究表明，三分之一的美国家庭现每周的电视观看时长在 25 个小时以上。随着电视体验的不断演进，我们也为自己设定了一个目标，那就是为用户打造量身定做的电视使用体验，让...",
-    "url": "https://segmentfault.com/a/1190000041906185",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
+    "title": "深入解析 TiFlash丨多并发下线程创建、释放的阻塞问题",
+    "description": "对 TiFlash 和问题本身经过一段时间的了解后，认为方向应该在“公共组件”（全局锁、底层存储、上层服务等）上。在这个方向上做“地毯式”排查后， 终于定位到问题的一个重要原因：高并发下频繁的线程创建和释放， 这...",
+    "url": "https://segmentfault.com/a/1190000041914505",
+    "author": "PingCAP",
+    "home_url": "https://segmentfault.com/u/pingcap",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "云音乐低代码：基于 CodeSandbox 的沙箱性能优化",
-    "description": "距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...",
-    "url": "https://segmentfault.com/a/1190000041904219",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
+    "title": "前端需要了解的色彩知识",
+    "description": "在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...",
+    "url": "https://segmentfault.com/a/1190000041918026",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "3",
     "rank": 9
   },
   {
-    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
-    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
-    "url": "https://segmentfault.com/a/1190000041903331",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "MongoDB 新手入门 - Aggregation",
+    "description": "本文是 MongoDB 新手入门 系列的第二篇，在本文中，我们将会讲解 MongoDB 的聚合框架，在看完本文后，读者可以掌握使用 MongoDB 进行常用的数据统计分析方法。",
+    "url": "https://segmentfault.com/a/1190000041917803",
+    "author": "mylxsw",
+    "home_url": "https://segmentfault.com/u/mylxsw",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "Typescript — Type Guard、Narrowing 知多少",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041903189",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "绿色城市智慧运营：Web 3D 垃圾分类 GIS 系统",
+    "description": "《上海市生活垃圾管理条例》施行至今已有两年多，上海市民践行绿色低碳理念、主动参与生活垃圾分类的习惯基本养成，分类实效逐步趋于稳定，湿垃圾分类量稳定在日均 9000 吨以上，可回收物回收量保持在日均 7000 ...",
+    "url": "https://segmentfault.com/a/1190000041917022",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
     "votes": "1",
     "rank": 11
+  },
+  {
+    "title": "对话摘要技术在美团的探索（SIGIR）",
+    "description": "随着互联网产生的文本数据越来越多，文本信息过载问题日益严重，对各类文本进行一个“降维”处理显得非常必要，而文本摘要就是其中一个重要的手段。本文首先介绍了经典的文本摘要方法，包括抽取式摘要方法和生成式...",
+    "url": "https://segmentfault.com/a/1190000041916495",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "《Mybatis 手撸专栏》第10章：使用策略模式，调用参数处理器",
+    "description": "说到轴，让我想起初中上学时老师说的话：“你那脑瓜子，咋跟手焖子似的！” 东北话手焖子就是那种冬天戴的大棉手套，棉手套里的棉花都被压的又沉又硬的了，所以来比喻脑瓜子笨。",
+    "url": "https://segmentfault.com/a/1190000041914250",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "头像总撞脸，几行Python代码实现人像动漫化",
+    "description": "但如果最近你的朋友换上了一个很少见的头像，那可能是花了大价钱买来的。这就是最近火爆全网的NFT头像，这样一个独一无二的NFT头像被誉为是加密世界社会地位的象征。",
+    "url": "https://segmentfault.com/a/1190000041913910",
+    "author": "Python编程学习圈",
+    "home_url": "https://segmentfault.com/u/pythonbianchengxuexiquan",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "用HMS Core地图服务自定义地图样式，给你的应用制作专属个性化地图",
+    "description": "不同行业的开发者对地图样式的展示需求差异很大。例如，物流类应用希望地图样式简洁一些，重点突出城市分布和快递路径；AR游戏类应用中的地图色彩需要和游戏UI适配，做的更酷炫一些；景区导览应用中的地图样式要...",
+    "url": "https://segmentfault.com/a/1190000041913849",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "精读《web reflow》",
+    "description": "网页渲染会经历 DOM -> CSSOM -> Layout(重排 or reflow) -> Paint(重绘) -> Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。",
+    "url": "https://segmentfault.com/a/1190000041913824",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
+    "rank": 16
+  },
+  {
+    "title": "模拟Vue响应式原理",
+    "description": "当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。",
+    "url": "https://segmentfault.com/a/1190000041919477",
+    "author": "HeiYanjing",
+    "home_url": "https://segmentfault.com/u/heiyanjing",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "【Java面试】说说你对Spring MVC的理解",
+    "description": "一个工作了7年的粉丝，他说在面试之前，Spring这块的内容准备得很充分。而且各种面试题也刷了，结果在面试的时候，面试官问：”说说你对Spring MVC的理解“。这个问题一下给他整不会了，就是那种突然不知道怎么组织...",
+    "url": "https://segmentfault.com/a/1190000041917963",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "图解vue3.0编译器核心原理",
+    "description": "Vue.js涉及的知识点很多，一些重要概念，例如：如何使用proxy实现响应式effect，虚拟DOM的Diff算法及演变过程（双端Diff算法、快速Diff算法等），渲染器原理的实现，编译器、解析器的工作原理，动态节点、静态提...",
+    "url": "https://segmentfault.com/a/1190000041916769",
+    "author": "GFE团队",
+    "home_url": "https://segmentfault.com/u/gfeteam",
+    "votes": "1",
+    "rank": 19
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "79",
+    "votes": "82",
     "rank": 1
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "26",
+    "votes": "28",
     "rank": 6
   },
   {
@@ -62,14 +62,23 @@
     "votes": "21",
     "rank": 7
   },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "21",
+    "rank": 8
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
     "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
     "url": "https://segmentfault.com/a/1190000041861125",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "20",
-    "rank": 8
+    "votes": "21",
+    "rank": 9
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -77,17 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "23",
-    "rank": 9
+    "votes": "24",
+    "rank": 10
   },
   {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 10
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "24",
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -96,16 +105,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "18",
-    "rank": 12
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 13
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -113,52 +122,43 @@
     "url": "https://segmentfault.com/a/1190000041806654",
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "26",
-    "rank": 13
-  },
-  {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "15",
+    "votes": "28",
     "rank": 14
   },
   {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
+    "votes": "19",
     "rank": 15
   },
   {
-    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
-    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
-    "url": "https://segmentfault.com/a/1190000041794241",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "11",
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "18",
     "rank": 16
   },
-  {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 17
-  },
   {
     "title": "CSS 穿墙术！太强了",
     "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
     "url": "https://segmentfault.com/a/1190000041887095",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "16",
+    "votes": "20",
+    "rank": 17
+  },
+  {
+    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
+    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
+    "url": "https://segmentfault.com/a/1190000041794241",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "11",
     "rank": 18
   },
   {
@@ -167,7 +167,7 @@
     "url": "https://segmentfault.com/a/1190000041789636",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "12",
+    "votes": "13",
     "rank": 19
   },
   {
@@ -176,35 +176,17 @@
     "url": "https://segmentfault.com/a/1190000041815758",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 20
-  },
-  {
-    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
-    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
-    "url": "https://segmentfault.com/a/1190000041771296",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
-    "rank": 22
+    "rank": 20
   },
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "13",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "实现聚焦效果",
@@ -213,25 +195,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 24
-  },
-  {
-    "title": "使用 CSS 绘制带有动画效果的 React Logo",
-    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
-    "url": "https://segmentfault.com/a/1190000041767393",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "7",
-    "rank": 25
+    "rank": 22
   },
   {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "12",
-    "rank": 26
+    "title": "python又搞事情 想一统天下？",
+    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
+    "url": "https://segmentfault.com/a/1190000041819433",
+    "author": "我的小熊不见了",
+    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
+    "votes": "11",
+    "rank": 23
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -239,26 +212,35 @@
     "url": "https://segmentfault.com/a/1190000041843081",
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
+    "votes": "9",
+    "rank": 24
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
+    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
+    "url": "https://segmentfault.com/a/1190000041892645",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "8",
-    "rank": 27
+    "rank": 25
   },
   {
-    "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
-    "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
-    "url": "https://segmentfault.com/a/1190000041775900",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
-    "rank": 28
+    "title": "移动端常见适配方案",
+    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
+    "url": "https://segmentfault.com/a/1190000041831493",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "10",
+    "rank": 26
   },
   {
-    "title": "python又搞事情 想一统天下？",
-    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
-    "url": "https://segmentfault.com/a/1190000041819433",
-    "author": "我的小熊不见了",
-    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
-    "votes": "9",
-    "rank": 29
+    "title": "它来了！Flutter3.0发布全解析",
+    "description": "我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产...",
+    "url": "https://segmentfault.com/a/1190000041832303",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "6",
+    "rank": 27
   },
   {
     "title": "代码写得好，Reduce 方法少不了",
@@ -267,6 +249,24 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
+    "rank": 28
+  },
+  {
+    "title": "互联网后端技术大全！建议收藏",
+    "description": "工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...",
+    "url": "https://segmentfault.com/a/1190000041794118",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 30
   }
 ]