@wcj/github-rank 22.5.18 → 22.5.21

package/web/data/sifou-daily.json

@@ -1,110 +1,65 @@
 [
   {
-    "title": "微服务从代码到k8s部署应有尽有大结局（k8s部署）",
-    "description": "整个项目使用了go-zero开发的微服务，基本包含了go-zero以及相关go-zero作者开发的一些中间件，所用到的技术栈基本是go-zero项目组的自研组件，基本是go-zero全家桶了。",
-    "url": "https://segmentfault.com/a/1190000041854213",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "4",
+    "title": "游戏开发者大会发布PlayFab产品更新",
+    "description": "微软坚定对服务游戏开发社区的承诺，在5月13日微软游戏出海开发者大会上发布了一些列新产品、更新及新项目。PlayFab 团队围绕Multiplayer Services多人游戏服务、Party、Experiments实验、数据平台和用户生成内容...",
+    "url": "https://segmentfault.com/a/1190000041874903",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "27 年间从巅峰沦为“笑柄”，微软宣布 IE 浏览器终于要退役了！",
-    "description": "5 月 16 日，@微软 Edge 浏览器官方微博账号发文宣布“微软 IE 浏览器将于 6 月 16 日正式退役”，此消息一出引发网友热议。",
-    "url": "https://segmentfault.com/a/1190000041855932",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "「wgcloud」一键升级agent脚本",
+    "description": "[链接]",
+    "url": "https://segmentfault.com/a/1190000041875794",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "js面试题(进阶)梳理",
-    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
-    "url": "https://segmentfault.com/a/1190000041855296",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
+    "title": "构建 Go 应用 docker 镜像的十八种姿势",
+    "description": "我夜以继日，加班加点开发了一个最简单的 Go Hello world 应用，虽然只是跑了打印一下就退出了，但是老板也要求我上线这个我能写出的唯一应用。",
+    "url": "https://segmentfault.com/a/1190000041870597",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "前端工程化之FaaS SSR方案​",
-    "description": "导读：揭秘百度直播研发部Web应用SSR技术新玩法，在CSR目录下添加一个JS计算函数就可以让页面具有SSR能力。依托端云协同驱动打通SSR技术关键路径、规模化落地引领高品质Web应用的市场价值。让我们对这个小时级赋...",
-    "url": "https://segmentfault.com/a/1190000041856060",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "title": "Taro 3.5 beta 编译提速，支持 Webpack5、React 18...",
+    "description": "编译速度一直是困扰开发者的头等问题，现阶段大型 Taro 项目即使在增加了 cache-loader、thread-loader 等优化手段后，编译耗时仍高居不下。因此在 v3.5 版本中 Taro 重点对编译系统进行了重构，引入对 Webpack5 ...",
+    "url": "https://segmentfault.com/a/1190000041871269",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "Linux系统下如何安装Mysql",
-    "description": "注意：如果已经有Mysql但是想要换版本号，切记不要直接下载，要先把旧版本的Mysql删除干净再重新下载。（本文并未提供删除的步骤，请自行百度）",
-    "url": "https://segmentfault.com/a/1190000041858541",
-    "author": "知否思Fou",
-    "home_url": "https://segmentfault.com/u/5um2c4p6",
+    "title": "GAN 初学者指南",
+    "description": "GAN是一个非常巧妙并且非常有用的模型。当有大量关于 GAN 的论文时，但是你会发现这些论文通常很难理解，你可能会想要一些对初学者更友好的东西。所以本文的对非传统机器学习人员来说，是我能想到的最好的例子。",
+    "url": "https://segmentfault.com/a/1190000041870853",
+    "author": "deephub",
+    "home_url": "https://segmentfault.com/u/deephub",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "【Java面试】Spring中有哪些方式可以把Bean注入到IOC容器？",
-    "description": "今天收到一个工作4年的粉丝的面试题。问题是： “Spring中有哪些方式可以把Bean注入到IOC容器”。他说这道题是所有面试题里面回答最好的，但是看面试官的表情，好像不太对。我问他怎么回答的，他说： “接口注入”、“...",
-    "url": "https://segmentfault.com/a/1190000041857704",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "如何在30分钟完成表格增删改查的前后端框架搭建",
+    "description": "30分钟，你可以做什么？可以风卷残云的饱餐一顿；可以简单地打扫一下房间；或者可以跳10十遍刘畊宏《本草纲目》毽子操。而今天，本葡萄要带你在30分钟内完成一套拥有增删改查表格系统的前后端搭建！",
+    "url": "https://segmentfault.com/a/1190000041872660",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "这款私有化部署的企业级在线文档，你了解多少？",
-    "description": "大家好！一直以来给大家讲解的都是无忧·企业文档是办公软件，那么这款文档到底是适用于哪些人群呢？它真正能产生什么价值？相信还是有很多小伙伴还不太了解无忧·企业文档，今天小编就带大家一起来更加熟悉的了解...",
-    "url": "https://segmentfault.com/a/1190000041857684",
-    "author": "软件部长",
-    "home_url": "https://segmentfault.com/u/ruanjiankaifa_xiaofanya",
+    "title": "一文学会Java的交互式编程环境jshell",
+    "description": "什么是交互式编程环境？重点词交互，在这样的编程环境中，你每输入一行代码，环境都会给你一个反馈，这就是交互式的编程环境。这种编程环境并不太适合工程化的复杂性需求，但在一些快速验证、简单计算之类的场景...",
+    "url": "https://segmentfault.com/a/1190000041870377",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
     "rank": 7
-  },
-  {
-    "title": "我的pycharm",
-    "description": "812LFWMRSH-eyJsaWNlbnNlSWQiOiI4MTJMRldNUlNIIiwibGljZW5zZWVOYW1lIjoi5q2j54mIIOaOiOadgyIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc2UiOm...",
-    "url": "https://segmentfault.com/a/1190000041857540",
-    "author": "老头憨憨",
-    "home_url": "https://segmentfault.com/u/laotouhanhan",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "SQL基础入门",
-    "description": "体验简介本实验提供一台基础环境为CentOS的ECS（云服务器）实例，点击体验。我们将会在这台服务器上安装mysql，然后学习基本的SQL语句。体验此场景后，可以掌握的知识有：MySQL安装。基本SQL语句的使用。背景知识...",
-    "url": "https://segmentfault.com/a/1190000041857043",
-    "author": "阿里云云起实验室",
-    "home_url": "https://segmentfault.com/u/bainana",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "移动端适配",
-    "description": "屏幕尺寸屏幕分辨率数值大的在前面，数值小的在后面PPI和DPI是指对角线上每英寸的像素数量，而不是每平方英寸上的像素数量，这里指物理像素设备像素和逻辑像素设备像素即物理像素：逻辑像素：这个375*667就是逻辑...",
-    "url": "https://segmentfault.com/a/1190000041855237",
-    "author": "美丽又漂亮的前端",
-    "home_url": "https://segmentfault.com/u/meiliqianduan",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "CompletableFuture原理与实践-外卖商家端API的异步化",
-    "description": "CompletableFuture由Java 8提供，是实现异步化的工具类，上手难度较低，且功能强大，支持通过函数式编程的方式对各类操作进行组合编排。相比于ListenableFuture，CompletableFuture有效提升了代码的可读性，解决...",
-    "url": "https://segmentfault.com/a/1190000041859321",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "React Hooks 实现的中文输入组件",
-    "description": "在前端开发中，通过监听 onInput 事件来触发输入框内容的更新，是没有问题的，但如果输入的内容有中文的时候，会出现类似 zhong'wen'nei'rong这样的备选内容。这种内容的影响普遍不会很大，但是当需要对输入的内...",
-    "url": "https://segmentfault.com/a/1190000041857495",
-    "author": "知名喷子",
-    "home_url": "https://segmentfault.com/u/mourun_5eda169028465",
-    "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": "62",
+    "votes": "67",
     "rank": 1
   },
   {
@@ -23,35 +23,17 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "44",
+    "votes": "45",
     "rank": 3
   },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "35",
-    "rank": 4
-  },
   {
     "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": "33",
-    "rank": 5
-  },
-  {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 6
+    "votes": "42",
+    "rank": 4
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -59,17 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "28",
-    "rank": 7
-  },
-  {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "27",
-    "rank": 8
+    "votes": "29",
+    "rank": 5
   },
   {
     "title": "浅谈支付系统开发基本流程",
@@ -77,8 +50,17 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "22",
-    "rank": 9
+    "votes": "27",
+    "rank": 6
+  },
+  {
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "28",
+    "rank": 7
   },
   {
     "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
@@ -86,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000041754709",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
-    "rank": 10
+    "votes": "25",
+    "rank": 8
   },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
@@ -96,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "为什么前端不能没有监控系统？",
@@ -104,17 +86,26 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
-    "rank": 12
+    "votes": "22",
+    "rank": 10
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 13
+    "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": 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": "20",
+    "rank": 12
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -122,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000041761117",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 14
+    "votes": "15",
+    "rank": 13
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -132,25 +123,7 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 15
-  },
-  {
-    "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",
-    "rank": 16
-  },
-  {
-    "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": 17
+    "rank": 14
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -158,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041769612",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "13",
-    "rank": 18
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -168,16 +141,16 @@
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "14",
-    "rank": 19
+    "rank": 16
   },
   {
-    "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": "18",
-    "rank": 20
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
+    "rank": 17
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -186,7 +159,7 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "14",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "2022 PHP程序员修炼秘籍",
@@ -195,25 +168,7 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "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
+    "rank": 19
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -222,16 +177,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 25
+    "rank": 20
   },
   {
-    "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
-    "description": "你好呀，我是歪歪。那天我正在用键盘疯狂的输出：突然微信弹出一个消息，是一个读者发给我的。我点开一看：啊，这熟悉的味道，一看就是 HashMap，八股文梦开始的地方啊。但是他问出的问题，似乎又不是一个属于 Ha...",
-    "url": "https://segmentfault.com/a/1190000041718955",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "17",
-    "rank": 26
+    "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": "12",
+    "rank": 21
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -240,7 +195,16 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 27
+    "rank": 22
+  },
+  {
+    "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": 23
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -249,7 +213,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -258,7 +222,16 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "11",
-    "rank": 29
+    "rank": 25
+  },
+  {
+    "title": "如何做新人引导功能？",
+    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
+    "url": "https://segmentfault.com/a/1190000041789636",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "9",
+    "rank": 26
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -266,7 +239,34 @@
     "url": "https://segmentfault.com/a/1190000041815758",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "votes": "10",
+    "rank": 27
+  },
+  {
+    "title": "实现聚焦效果",
+    "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
+    "url": "https://segmentfault.com/a/1190000041804137",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "13",
+    "rank": 28
+  },
+  {
+    "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": 29
+  },
+  {
+    "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": "11",
     "rank": 30
   }
 ]