@wcj/github-rank 22.5.24 → 22.5.27

package/dist/sifou-daily.json

@@ -1,101 +1,119 @@
 [
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "Change Buffer 只适用于非唯一索引页？错",
+    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
+    "url": "https://segmentfault.com/a/1190000041898249",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 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",
+    "title": "那些常用的服务器在线PING检测工具整理",
+    "description": "WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...",
+    "url": "https://segmentfault.com/a/1190000041902005",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
-    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
-    "url": "https://segmentfault.com/a/1190000041885369",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
+    "title": "服务启动过程性能波动的分析与解决方案",
+    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
+    "url": "https://segmentfault.com/a/1190000041899310",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "记录后台遇到的两个小问题",
-    "description": "specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...",
-    "url": "https://segmentfault.com/a/1190000041884921",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
+    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
+    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
+    "url": "https://segmentfault.com/a/1190000041901584",
+    "author": "左盐",
+    "home_url": "https://segmentfault.com/u/zuoyan",
+    "votes": "2",
     "rank": 4
   },
   {
-    "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",
+    "title": "牛客网高频算法题系列-BM2-链表内指定区间反转",
+    "description": "因为起始位置可能是头结点，所以首先设置一个虚拟的头结点dummyNode并将next指向原有的头结点，然后处理过程如下：首先遍历链表，找到起始位置m的前一个结点pre，用来记录反转前的结点；然后用cur和next记录pre的...",
+    "url": "https://segmentfault.com/a/1190000041901030",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "面试必备：我们为什么要分库分表？",
-    "description": "目录什么是分库分表为什么需要分库分表呢如何分库分表什么时候开始考虑分库分表分库分表会导致哪些问题分库分表中间件简介1. 什么是分库分表数据库：就是一个数据库分成多个数据库，部署到不同机器。分表：就是一...",
-    "url": "https://segmentfault.com/a/1190000041883661",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
+    "title": "实现内网穿透(二)",
+    "description": "项目地址：[链接]今天主要使用Go实现 echo client，并与server成功连接。websocket框架选型使用在Go语言中比较流行的实现：[链接]项目搭建 {代码...} 与客户端建立连接 {代码...} 启动客户端成功接收到来自服务端...",
+    "url": "https://segmentfault.com/a/1190000041902613",
+    "author": "fzdwx",
+    "home_url": "https://segmentfault.com/u/fzdwx",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "「WGCLOUD 」server在Windows启动，窗口中文显示乱码的问题",
-    "description": "这个没有影响，忽略即可。这个是windows窗口编码导致的，不影响程序运行。server/log下日志文件没有出现乱码，我们主要看log日志文件",
-    "url": "https://segmentfault.com/a/1190000041882134",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "VIM在CentOS7上的无root权限安装",
+    "description": "我们需要安装两个重要的插件，一个是leaderf, 一个是coc.nvim, 前者依赖python， 后者依赖node.js. 所以我们需要先安装这两个",
+    "url": "https://segmentfault.com/a/1190000041902584",
+    "author": "harriszh",
+    "home_url": "https://segmentfault.com/u/harriszh",
     "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",
+    "title": "CSS阴影效果三剑客",
+    "description": "🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()",
+    "url": "https://segmentfault.com/a/1190000041902360",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "1",
     "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",
+    "title": "又一 Golang Proto Toml SQL 转换神器",
+    "description": "背景在用 Golang 语言做“多”服务开发过程中，做了很多 CURD 业务, 静下来一琢磨发现：出需求按照需求建表通过表定义 grpc 字段，也就是定义 proto 。proto 生成 pb.go 文件。端口层出接口定义， json 格式。就是...",
+    "url": "https://segmentfault.com/a/1190000041902230",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "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",
+    "title": "Vue 版消消乐小游戏(pc/手机皆可线上体验，附源码)",
+    "description": "游戏名称：清凉一夏消消乐 技术栈：Vue3 + TypeScript + Vite + Element-Plus 游戏体验地址(pc/手机皆可)：[链接] 开源地址：[链接]",
+    "url": "https://segmentfault.com/a/1190000041900922",
+    "author": "沐华",
+    "home_url": "https://segmentfault.com/u/wmuhua",
     "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",
+    "title": "得物技术 NOC—SLA  C 端业务监控实践",
+    "description": "伴随公司业务快速发展，我们生产环境产品和应用越来越复杂，彼此连接依赖也越来越复杂；何一个应用出异常都有可能影响系统可用性，造成全局影响。通过去年 2021 年 C 端故障全年度来看，从故障发现，响应时间、故...",
+    "url": "https://segmentfault.com/a/1190000041898430",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
     "rank": 11
+  },
+  {
+    "title": "漫画 | 新一代软件架构会影响到谁？",
+    "description": "周末的晚上，张大胖照例要去 Hello World 咖啡馆，没想到在这里碰到了好几个老伙计。感兴趣的小伙伴们，欢迎加入 EventBridge 钉钉讨论群（群号：44552972）！点击此处，了解更多产品详情～",
+    "url": "https://segmentfault.com/a/1190000041902023",
+    "author": "阿里巴巴云原生",
+    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "服务启动过程性能波动的分析与解决方案",
+    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
+    "url": "https://segmentfault.com/a/1190000041900275",
+    "author": "羊都是我吃的",
+    "home_url": "https://segmentfault.com/u/vipwhr",
+    "votes": "1",
+    "rank": 13
   }
 ]

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": "74",
+    "votes": "79",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "44",
+    "votes": "45",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "29",
+    "votes": "30",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "30",
+    "votes": "33",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
+    "votes": "26",
     "rank": 6
   },
   {
@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "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",
+    "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
   },
   {
@@ -77,9 +77,18 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "22",
+    "votes": "23",
     "rank": 9
   },
+  {
+    "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": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
     "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
@@ -87,15 +96,6 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "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": "15",
     "rank": 11
   },
   {
@@ -125,41 +125,32 @@
     "votes": "14",
     "rank": 14
   },
-  {
-    "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 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "14",
-    "rank": 16
-  },
   {
     "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
+    "votes": "20",
+    "rank": 15
   },
   {
-    "title": "招聘季征文活动获奖名单公布，快来领奖~",
-    "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
-    "url": "https://segmentfault.com/a/1190000041757846",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "10",
-    "rank": 18
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "15",
+    "rank": 16
+  },
+  {
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "13",
+    "rank": 17
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -168,6 +159,15 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
+    "rank": 18
+  },
+  {
+    "title": "CSS 穿墙术！太强了",
+    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
+    "url": "https://segmentfault.com/a/1190000041887095",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "15",
     "rank": 19
   },
   {
@@ -189,11 +189,11 @@
     "rank": 21
   },
   {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": "12",
     "rank": 22
   },
@@ -203,16 +203,16 @@
     "url": "https://segmentfault.com/a/1190000041789636",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "10",
+    "votes": "11",
     "rank": 23
   },
   {
-    "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",
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "12",
     "rank": 24
   },
   {
@@ -233,15 +233,6 @@
     "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": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
@@ -249,23 +240,32 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
+    "rank": 27
+  },
+  {
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "11",
     "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",
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
     "rank": 29
   },
   {
-    "title": "Redis 内存满了怎么办？这样设置才正确！",
-    "description": "上回在《Redis 数据过期了会被立马删除么？》说到如果过期的数据太多，定时删除无法删除完全（每次删除完过期的 key 还是超过 25%），同时这些 key 再也不会被客户端请求，就无法走惰性删除，内存被打满会怎样？",
-    "url": "https://segmentfault.com/a/1190000041749980",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "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": 30
   }