@wcj/github-rank 22.5.16 → 22.5.19

package/web/data/sifou-daily.json

@@ -1,20 +1,110 @@
 [
   {
-    "title": "【算法】动态规划",
-    "description": "一个数组 cost 的所有数字都是正数，它的第 i 个数字表示在一个楼梯的第 i 级台阶往上爬的成本，在支付了成本 cost[i]之后可以从第 i 级台阶往上爬 1 级或 2 级。假设台阶至少有 2 级，既可以从第 0 级台阶出发，...",
-    "url": "https://segmentfault.com/a/1190000041847204",
-    "author": "看见了",
-    "home_url": "https://segmentfault.com/u/kanjianliao",
-    "votes": "1",
+    "title": "树莓派控制调速以及关于PWM的思考",
+    "description": "最近在寻思用树莓派控制电机速度，电机预估电压是24V，电流是10A，以这样的配置需要个无极调速控制器控制电机转速，看了下相关的控制器价格也不贵，十多块钱就能整一块。然后，相关的无极调速有提供PWM控制的。",
+    "url": "https://segmentfault.com/a/1190000041860546",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "redis使用场景",
-    "description": "如果添加完成后，列表长度超过 100 ，则对列表进行修剪，仅保留列表前面的 100 个联系人 (ltrim) ltrim list 0 99",
-    "url": "https://segmentfault.com/a/1190000041846939",
-    "author": "NewBie",
-    "home_url": "https://segmentfault.com/u/nbie",
-    "votes": "1",
+    "title": "跨境电商 2 大技术难题，到底该如何解决？",
+    "description": "据《2021中国跨境电商发展报告》显示，2019 至 2020 年间，欧美及亚太地区主要国家的电商整体零售额经历了 15% 以上的高速增长。这是因为 2020 年新冠疫情席卷全球后，消费者大规模转向线上消费。这是我国电商企...",
+    "url": "https://segmentfault.com/a/1190000041860634",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
+  },
+  {
+    "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": "3",
+    "rank": 3
+  },
+  {
+    "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": "3",
+    "rank": 4
+  },
+  {
+    "title": "单点登录（SSO）",
+    "description": "单点登录：Single Sign On，简称SSO。用户只要登录一次，就可以访问所有相关信任应用的资源。企业里面用的会比较多，有很多内网平台，但是只要在一个系统登录就可以。",
+    "url": "https://segmentfault.com/a/1190000041859105",
+    "author": "OneStar",
+    "home_url": "https://segmentfault.com/u/funnycoderstar",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "Java 15 新特性：隐藏类",
+    "description": "隐藏类，是一种不能被其他类直接使用的类。引入隐藏类的主要目的是给框架来使用，使得框架可以在运行时生成类，并通过反射间接使用它们。可能有点抽象，不要紧，下面我们通过一个例子来直观的认识它！",
+    "url": "https://segmentfault.com/a/1190000041864445",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "冴羽答读者问：如何快速找到一个聊得来的人生伴侣",
+    "description": "这背后可能有男女标准不一致的缘故，但就我接触的情况而言，我感觉更多人是，嘴上喊着找男女朋友，但身体却很诚实的待在家里，看到喜欢的类型，不敢搭讪，父母亲朋介绍的，却又总是拒绝，APP 找的对象感觉又各种...",
+    "url": "https://segmentfault.com/a/1190000041864109",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "你会犯这些 Go 编码错误吗（二）？",
+    "description": "大家好，我是煎鱼。前一次给大家分享了《你会犯这些 Go 编码错误吗（一）？》，不知道大家吸收的怎么样，还有再踩到类似的坑吗？今天继续来第二弹，跟煎鱼上车。Go 常见错误6. 同名变量的作用域问题我们在编写程...",
+    "url": "https://segmentfault.com/a/1190000041861367",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "PN532模块复制IC加密卡",
+    "description": "PN532是一个高度集成的非接触读写芯片，它包含80C51微控制器内核（这个8051用户是不能对它编程的，它是用来内置NFC的底层通信协议栈），集成了13.56MHz下的各种主动/被动式非接触通信方法和协议。",
+    "url": "https://segmentfault.com/a/1190000041863918",
+    "author": "流离幻影",
+    "home_url": "https://segmentfault.com/u/liulihuanying",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "threejs 360全景工具开发心得",
+    "description": "最近做了一个720全景工具，有很多开发人员觉得全景图很简单，github上也有很多全景图的源码，但当实际使用的时候会发现有很多坑，还达不到真正意义上的商用级别，下面我会把我们开发这个项目遇到的一些坑和解决方...",
+    "url": "https://segmentfault.com/a/1190000041862728",
+    "author": "馒头",
+    "home_url": "https://segmentfault.com/u/mtsee",
+    "votes": "3",
+    "rank": 10
+  },
+  {
+    "title": "你说写代码，最常用的3个设计模式是啥？",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：望闻问切🌺 哈喽，大家好，我是技术UP主小傅哥！ 哈哈哈，到今天为止，差不多用了3个月里周末和假期的时间，小傅哥在B站的第一...",
+    "url": "https://segmentfault.com/a/1190000041860414",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "字节跳动的多平台绽放秘诀 | Flutter 开发者故事",
+    "description": "字节跳动旗下运营着一系列成功的用户产品、企业应用以及服务，覆盖信息、教育、娱乐等不同领域。随着产品阵容的不断发展，传统的原生双平台开发已经难以满足团队更高效、更灵活、更精美，以及更多样的产品研发需...",
+    "url": "https://segmentfault.com/a/1190000041859989",
+    "author": "Flutter",
+    "home_url": "https://segmentfault.com/u/flutter",
+    "votes": "1",
+    "rank": 12
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "57",
+    "votes": "64",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041790775",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "40",
+    "votes": "41",
     "rank": 2
   },
   {
@@ -23,17 +23,26 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "42",
+    "votes": "45",
     "rank": 3
   },
+  {
+    "title": "现代 CSS 解决方案：CSS 数学函数",
+    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
+    "url": "https://segmentfault.com/a/1190000041826742",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "36",
+    "rank": 4
+  },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
     "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "33",
-    "rank": 4
+    "votes": "35",
+    "rank": 5
   },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
@@ -41,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 5
+    "votes": "27",
+    "rank": 6
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -50,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "27",
-    "rank": 6
+    "votes": "28",
+    "rank": 7
   },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
@@ -59,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "24",
-    "rank": 7
+    "votes": "28",
+    "rank": 8
   },
   {
-    "title": "现代 CSS 解决方案：CSS 数学函数",
-    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
-    "url": "https://segmentfault.com/a/1190000041826742",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
-    "rank": 8
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "25",
+    "rank": 9
   },
   {
     "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
@@ -77,16 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041754709",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "22",
-    "rank": 9
-  },
-  {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "20",
+    "votes": "24",
     "rank": 10
   },
   {
@@ -99,48 +99,48 @@
     "rank": 11
   },
   {
-    "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
-    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
-    "url": "https://segmentfault.com/a/1190000041819579",
-    "author": "阿宝哥",
-    "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "18",
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "22",
     "rank": 12
   },
   {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "22",
+    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
+    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
+    "url": "https://segmentfault.com/a/1190000041830559",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "21",
     "rank": 13
   },
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 14
   },
-  {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "24",
-    "rank": 15
-  },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
     "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
     "url": "https://segmentfault.com/a/1190000041761117",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
+    "rank": 15
+  },
+  {
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "26",
     "rank": 16
   },
   {
@@ -149,25 +149,25 @@
     "url": "https://segmentfault.com/a/1190000041769612",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "12",
+    "votes": "14",
     "rank": 17
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
+    "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
+    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
+    "url": "https://segmentfault.com/a/1190000041819579",
+    "author": "阿宝哥",
+    "home_url": "https://segmentfault.com/u/angular4",
+    "votes": "19",
     "rank": 18
   },
   {
-    "title": "🔥 2022 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "14",
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "22",
     "rank": 19
   },
   {
@@ -176,17 +176,44 @@
     "url": "https://segmentfault.com/a/1190000041730906",
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
-    "votes": "13",
+    "votes": "14",
     "rank": 20
   },
+  {
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "14",
+    "rank": 21
+  },
   {
     "title": "2022 PHP程序员修炼秘籍",
     "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
     "url": "https://segmentfault.com/a/1190000041734354",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "17",
-    "rank": 21
+    "votes": "18",
+    "rank": 22
+  },
+  {
+    "title": "精读《不再需要 JS 做的 5 件事》",
+    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
+    "url": "https://segmentfault.com/a/1190000041717742",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "11",
+    "rank": 23
+  },
+  {
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "rank": 24
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -195,16 +222,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 22
-  },
-  {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "13",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
@@ -213,7 +231,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "17",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -222,7 +240,16 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 25
+    "rank": 27
+  },
+  {
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 28
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -231,25 +258,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 26
-  },
-  {
-    "title": "精读《不再需要 JS 做的 5 件事》",
-    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
-    "url": "https://segmentfault.com/a/1190000041717742",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "10",
-    "rank": 27
-  },
-  {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -258,15 +267,6 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "11",
-    "rank": 29
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
-    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
-    "url": "https://segmentfault.com/a/1190000041830559",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "12",
     "rank": 30
   }
 ]