@wcj/github-rank 22.5.21 → 22.5.24

package/dist/sifou-daily.json

@@ -1,65 +1,101 @@
 [
   {
-    "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",
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "「wgcloud」一键升级agent脚本",
-    "description": "[链接]",
-    "url": "https://segmentfault.com/a/1190000041875794",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "angular 多选表单数据绑定",
+    "description": "对于绑定多选类型的formControl的value，只会有true或者false。如果你选中就是true，如果不选中就是false。但是我想要的是所有选中对象数组。谷歌搜索得知，可以绑定点击事件，再去增加或删除数组中的对象。",
+    "url": "https://segmentfault.com/a/1190000041885779",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "4",
     "rank": 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",
+    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
+    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
+    "url": "https://segmentfault.com/a/1190000041885369",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "4",
     "rank": 3
   },
   {
-    "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",
+    "title": "记录后台遇到的两个小问题",
+    "description": "specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...",
+    "url": "https://segmentfault.com/a/1190000041884921",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "GAN 初学者指南",
-    "description": "GAN是一个非常巧妙并且非常有用的模型。当有大量关于 GAN 的论文时，但是你会发现这些论文通常很难理解，你可能会想要一些对初学者更友好的东西。所以本文的对非传统机器学习人员来说，是我能想到的最好的例子。",
-    "url": "https://segmentfault.com/a/1190000041870853",
-    "author": "deephub",
-    "home_url": "https://segmentfault.com/u/deephub",
-    "votes": "1",
+    "title": "总结一下最近遇到的问题",
+    "description": "这样的话会生成两个中间表即form_item_tasks和task_form-items,并且默认情况下如果你在task端维护formItems的话数据只会自动存到task_form_items表中，反过来在formItem中维护task也会像上面一样——存到form_item_...",
+    "url": "https://segmentfault.com/a/1190000041884631",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "如何在30分钟完成表格增删改查的前后端框架搭建",
-    "description": "30分钟，你可以做什么？可以风卷残云的饱餐一顿；可以简单地打扫一下房间；或者可以跳10十遍刘畊宏《本草纲目》毽子操。而今天，本葡萄要带你在30分钟内完成一套拥有增删改查表格系统的前后端搭建！",
-    "url": "https://segmentfault.com/a/1190000041872660",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "面试必备：我们为什么要分库分表？",
+    "description": "目录什么是分库分表为什么需要分库分表呢如何分库分表什么时候开始考虑分库分表分库分表会导致哪些问题分库分表中间件简介1. 什么是分库分表数据库：就是一个数据库分成多个数据库，部署到不同机器。分表：就是一...",
+    "url": "https://segmentfault.com/a/1190000041883661",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "一文学会Java的交互式编程环境jshell",
-    "description": "什么是交互式编程环境？重点词交互，在这样的编程环境中，你每输入一行代码，环境都会给你一个反馈，这就是交互式的编程环境。这种编程环境并不太适合工程化的复杂性需求，但在一些快速验证、简单计算之类的场景...",
-    "url": "https://segmentfault.com/a/1190000041870377",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
+    "title": "「WGCLOUD 」server在Windows启动，窗口中文显示乱码的问题",
+    "description": "这个没有影响，忽略即可。这个是windows窗口编码导致的，不影响程序运行。server/log下日志文件没有出现乱码，我们主要看log日志文件",
+    "url": "https://segmentfault.com/a/1190000041882134",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
+    "description": "前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。",
+    "url": "https://segmentfault.com/a/1190000041885021",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "图数据库｜[Nebula Graph v3.1.0 性能报告",
+    "description": "本文首发于 Nebula Graph Community 公众号系 Nebula Graph 发行版 v3.1.0 的性能测试报告。本文目录测试环境测试数据关于 LDBC-SNB测试说明测试用例和结果MatchTest1MatchTest2MatchTest3MatchTest4MatchTest53....",
+    "url": "https://segmentfault.com/a/1190000041882978",
+    "author": "NebulaGraph",
+    "home_url": "https://segmentfault.com/u/nebulagraph",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "直播预告丨Hello HarmonyOS进阶课程第四课——ArkUI动画开发",
+    "description": "为了帮助初识HarmonyOS的开发者快速入门，我们曾推出Hello HarmonyOS系列课程，从最基础的配置IDE和创建Hello World开始，详细介绍HarmonyOS基础、开发环境搭建、IDE使用指导、代码开发示例等，手把手教大家使用...",
+    "url": "https://segmentfault.com/a/1190000041882446",
+    "author": "HarmonyOS开发者",
+    "home_url": "https://segmentfault.com/u/harmonyos",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "手工计算 Unicode 转换为 UTF-8",
+    "description": "今天因为想把一个Unicode值转换为UTF-8值，在网络上搜了半天，结果均没有收获，大部分都是获取字符的Unicode值或者UTF-8值。基于此，想着，如果一个Unicode值和UTF-8值都代表同一个字符，那么我可不可以直接把一...",
+    "url": "https://segmentfault.com/a/1190000041883989",
+    "author": "蓁蓁",
+    "home_url": "https://segmentfault.com/u/oneos",
+    "votes": "1",
+    "rank": 11
   }
 ]

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": "67",
+    "votes": "74",
     "rank": 1
   },
   {
@@ -17,32 +17,14 @@
     "votes": "41",
     "rank": 2
   },
-  {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "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": "42",
-    "rank": 4
-  },
-  {
-    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
-    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
-    "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "獨釣寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "29",
-    "rank": 5
+    "votes": "44",
+    "rank": 3
   },
   {
     "title": "浅谈支付系统开发基本流程",
@@ -50,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "27",
-    "rank": 6
+    "votes": "29",
+    "rank": 4
   },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
@@ -59,17 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "28",
-    "rank": 7
+    "votes": "30",
+    "rank": 5
   },
   {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
@@ -77,17 +59,26 @@
     "url": "https://segmentfault.com/a/1190000041791819",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 9
+    "votes": "21",
+    "rank": 7
   },
   {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "25",
+    "rank": 8
+  },
+  {
+    "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
+    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...",
+    "url": "https://segmentfault.com/a/1190000041819579",
+    "author": "阿宝哥",
+    "home_url": "https://segmentfault.com/u/angular4",
     "votes": "22",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -96,16 +87,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 11
+    "rank": 10
   },
   {
-    "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": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "15",
+    "rank": 11
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -114,7 +105,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -123,7 +114,7 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -132,25 +123,16 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "14",
-    "rank": 15
-  },
-  {
-    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
-    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
-    "url": "https://segmentfault.com/a/1190000041730906",
-    "author": "JerryC",
-    "home_url": "https://segmentfault.com/u/jerryc",
-    "votes": "14",
-    "rank": 16
+    "rank": 14
   },
   {
-    "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": "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": "15",
+    "rank": 15
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -159,16 +141,16 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "14",
-    "rank": 18
+    "rank": 16
   },
   {
-    "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": "18",
-    "rank": 19
+    "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": "14",
+    "rank": 17
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -177,16 +159,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 20
+    "rank": 18
   },
   {
-    "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": "CSS 实现树状结构目录",
+    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
+    "url": "https://segmentfault.com/a/1190000041815758",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 19
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -195,7 +177,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
@@ -204,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -213,16 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 24
-  },
-  {
-    "title": "提高前端人效率的工具、网站和书籍",
-    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
-    "url": "https://segmentfault.com/a/1190000041763788",
-    "author": "playboy5566",
-    "home_url": "https://segmentfault.com/u/playboy5566",
-    "votes": "11",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "如何做新人引导功能？",
@@ -230,17 +203,17 @@
     "url": "https://segmentfault.com/a/1190000041789636",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "9",
-    "rank": 26
+    "votes": "10",
+    "rank": 23
   },
   {
-    "title": "CSS 实现树状结构目录",
-    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
-    "url": "https://segmentfault.com/a/1190000041815758",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 27
+    "title": "提高前端人效率的工具、网站和书籍",
+    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
+    "url": "https://segmentfault.com/a/1190000041763788",
+    "author": "playboy5566",
+    "home_url": "https://segmentfault.com/u/playboy5566",
+    "votes": "11",
+    "rank": 24
   },
   {
     "title": "实现聚焦效果",
@@ -249,7 +222,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "使用 CSS 绘制带有动画效果的 React Logo",
@@ -258,15 +231,42 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "7",
+    "rank": 26
+  },
+  {
+    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
+    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
+    "url": "https://segmentfault.com/a/1190000041753907",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "4",
+    "rank": 27
+  },
+  {
+    "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
+    "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
+    "url": "https://segmentfault.com/a/1190000041775900",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 28
+  },
+  {
+    "title": "初级程序员的SQL拾遗（增删改查）",
+    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
+    "url": "https://segmentfault.com/a/1190000041753021",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "10",
     "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",
+    "title": "Redis 内存满了怎么办？这样设置才正确！",
+    "description": "上回在《Redis 数据过期了会被立马删除么？》说到如果过期的数据太多，定时删除无法删除完全（每次删除完过期的 key 还是超过 25%），同时这些 key 再也不会被客户端请求，就无法走惰性删除，内存被打满会怎样？",
+    "url": "https://segmentfault.com/a/1190000041749980",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "9",
     "rank": 30
   }
 ]