@wcj/github-rank 22.5.15 → 22.5.18

package/dist/sifou-weekly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "votes": "33",
     "rank": 1
   },
   {
-    "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": "17",
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "20",
     "rank": 2
   },
   {
@@ -23,249 +23,249 @@
     "url": "https://segmentfault.com/a/1190000041830559",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "12",
+    "votes": "18",
     "rank": 3
   },
   {
-    "title": "CSS 实现树状结构目录",
-    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
-    "url": "https://segmentfault.com/a/1190000041815758",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
+    "title": "移动端常见适配方案",
+    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
+    "url": "https://segmentfault.com/a/1190000041831493",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "7",
     "rank": 4
   },
   {
-    "title": "python又搞事情 想一统天下？",
-    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
-    "url": "https://segmentfault.com/a/1190000041819433",
-    "author": "我的小熊不见了",
-    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
-    "votes": "7",
+    "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": "5",
     "rank": 5
   },
   {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "11",
+    "title": "一文聊透 IP 地址的那些事",
+    "description": "IP 地址，是一个大家都耳熟能详的名词。以生活举例，IP 在互联网中的作用就像是寄件时的收件人地址和寄件人地址，收件人地址让信件可以被正确送达，寄件人地址则让收到信的人可以回信。",
+    "url": "https://segmentfault.com/a/1190000041832823",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 6
   },
   {
-    "title": "实现聚焦效果",
-    "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
-    "url": "https://segmentfault.com/a/1190000041804137",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "7",
+    "title": "“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”",
+    "description": "银行的盈利模式是什么?三个字：信息差!从储户手中收拢资金，然后放贷出去，而所谓的“利润”就是这其中的利息差额。在我国，人民银行规定每个季度月末的20号为银行结息日，每一年四次结息，因此每年需要非常频繁的...",
+    "url": "https://segmentfault.com/a/1190000041827978",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "一文聊透 IP 地址的那些事",
-    "description": "IP 地址，是一个大家都耳熟能详的名词。以生活举例，IP 在互联网中的作用就像是寄件时的收件人地址和寄件人地址，收件人地址让信件可以被正确送达，寄件人地址则让收到信的人可以回信。",
-    "url": "https://segmentfault.com/a/1190000041832823",
+    "title": "弃用！Github 上用了 Git.io 缩址服务的都注意了",
+    "description": "GitHub 是面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。对程序员来说，GitHub 可以说是开源精神之所系。在 GitHub 任何职业程序员和编程爱好者都可以分享源代...",
+    "url": "https://segmentfault.com/a/1190000041826495",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "votes": "4",
     "rank": 8
   },
   {
-    "title": "移动端常见适配方案",
-    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
-    "url": "https://segmentfault.com/a/1190000041831493",
-    "author": "深红",
-    "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "5",
+    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
+    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
+    "url": "https://segmentfault.com/a/1190000041843081",
+    "author": "6666",
+    "home_url": "https://segmentfault.com/u/6666",
+    "votes": "4",
     "rank": 9
   },
   {
-    "title": "它来了！Flutter3.0发布全解析",
-    "description": "我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产...",
-    "url": "https://segmentfault.com/a/1190000041832303",
+    "title": "Google I/O 2022 精彩回顾：“知识与计算”成焦点|践行“科技让所有人生活得更好”",
+    "description": "北京时间 5 月 12 日凌晨 1 点，Google 在海岸线圆形露天剧场举办了 Google I/O 2022 大会。作为今年首场面向全球开发者、合作伙伴和 Google 用户的年度科技盛会，此次活动时隔三年首次回归线下，与来自全球的用...",
+    "url": "https://segmentfault.com/a/1190000041838463",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "弃用！Github 上用了 Git.io 缩址服务的都注意了",
-    "description": "GitHub 是面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。对程序员来说，GitHub 可以说是开源精神之所系。在 GitHub 任何职业程序员和编程爱好者都可以分享源代...",
-    "url": "https://segmentfault.com/a/1190000041826495",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "Android 13 亮相谷歌I/O大会，OPPO 首批推出开发者预览版",
+    "description": "北京时间 5 月 12 日，谷歌I/O开发者大会正式发布 Android 13 操作系统。时隔四年，再度回归“甜品”代号的 Android 13 在隐私权限、功能便捷性等方面进行改进，带来更为出色的使用体验。",
+    "url": "https://segmentfault.com/a/1190000041836670",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "分享一个我看源码时的小技巧。",
-    "description": "你好呀，我是歪歪。我在之前的文章里面不是经常叫大家拉源码，然后看代码提交记录吗。也就是看类似于这个界面：比如上面这个界面中，就可以看到 RedissonBaseLock.java 这个文件，由谁在什么时候进行过变更，以及...",
-    "url": "https://segmentfault.com/a/1190000041815888",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "如何做新人引导功能？",
+    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
+    "url": "https://segmentfault.com/a/1190000041789636",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
     "votes": "4",
     "rank": 12
   },
   {
-    "title": "初级程序员的SQL拾遗-②（表操作）",
-    "description": "前言虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM映射实现的，自己并没有从底层接触SQL。本文继 初级程序员的SQL拾遗-①（增删改查） 主要内容包括：建库、建表、字段、约束、查询等实际开发过...",
-    "url": "https://segmentfault.com/a/1190000041818633",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "5",
+    "title": "冴羽答读者问：人生低谷时，如何快速调整、重回正轨？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文《少有人走的路》开篇第一句话：人生苦难重重可谓是道出了人生的真相，然而又有多少人能深刻的理解这句...",
+    "url": "https://segmentfault.com/a/1190000041830723",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "Google I/O 2022 精彩回顾：“知识与计算”成焦点|践行“科技让所有人生活得更好”",
-    "description": "北京时间 5 月 12 日凌晨 1 点，Google 在海岸线圆形露天剧场举办了 Google I/O 2022 大会。作为今年首场面向全球开发者、合作伙伴和 Google 用户的年度科技盛会，此次活动时隔三年首次回归线下，与来自全球的用...",
-    "url": "https://segmentfault.com/a/1190000041838463",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "我造了个前端 Mock 工具",
+    "description": "闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了？后端： 接口完成，就差前端联调了前端：你。。。我。。。（哔~~）第二天 前端加班加点联调好...",
+    "url": "https://segmentfault.com/a/1190000041827003",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "6",
     "rank": 14
   },
   {
-    "title": "改@用户功能为动态",
-    "description": "查到可以添加几个事件，上述代码为限制input输入内容为数字。onkeyup事件每当输入就会执行，我们设置一个方法，替换非数字为空。里面检测非数字用到了正则表达式。",
-    "url": "https://segmentfault.com/a/1190000041818549",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "5",
+    "title": "前端面试资料整理【javascript篇】",
+    "description": "我的理解：（原理可能错误，但是便于理解，错误点在于块级不能声明函数，浏览器会有自己的支持行为，类似于函数表达式声明——参考阮一峰。声明也不要用函数声明的方式，用函数表达式的方式。）在块级中，编译过程...",
+    "url": "https://segmentfault.com/a/1190000041747881",
+    "author": "donggg",
+    "home_url": "https://segmentfault.com/u/donggg1942",
+    "votes": "4",
     "rank": 15
   },
   {
-    "title": "Redis 为何使用近似 LRU 算法淘汰数据，而不是真实 LRU？",
-    "description": "在《Redis 数据缓存满了怎么办？》我们知道 Redis 缓存满了之后能通过淘汰策略删除数据腾出空间给新数据。淘汰策略如下所示：设置过期时间的 keyvolatile-ttl、volatile-random、volatile-lru、volatile-lfu 这四...",
-    "url": "https://segmentfault.com/a/1190000041824717",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
+    "title": "IO模型与吃饭的那些事",
+    "description": "万香楼开张了，今天是第一天接待人，张三是第一个客人，他看了眼菜单，对recvfrom说道：“给我来碗臊子面吧，多放臊子。”，recvfrom客气道：“好，稍等哈，我立马给你做”。这一做就是20分钟过去了，后面排队的后面...",
+    "url": "https://segmentfault.com/a/1190000041841526",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "ActivatedRoute 和 Router，以及记录后台遇到的问题",
-    "description": "ActivatedRoute 和 Router的区别前台angular使用这两个来进行路由的操作，但是好像一直不大清楚区别。这里简单记录一下。区别 {代码...} ActivatedRoute是当前组件的路由对象，包含了当前的路由信息。router是全...",
-    "url": "https://segmentfault.com/a/1190000041818528",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "5",
+    "title": "【java并发编程】Lock & Condition 协调同步生产消费",
+    "description": "本文内容主要想向大家介绍一下Lock结合Condition的使用方法，为了更好的理解Lock锁与Condition锁信号，我们来手写一个ArrayBlockingQueue。 JDK实际上已经有这个类，基于Lock锁与Condition锁信号实现的，当然JDK...",
+    "url": "https://segmentfault.com/a/1190000041843306",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "4",
     "rank": 17
   },
   {
-    "title": "Android 13 亮相谷歌I/O大会，OPPO 首批推出开发者预览版",
-    "description": "北京时间 5 月 12 日，谷歌I/O开发者大会正式发布 Android 13 操作系统。时隔四年，再度回归“甜品”代号的 Android 13 在隐私权限、功能便捷性等方面进行改进，带来更为出色的使用体验。",
-    "url": "https://segmentfault.com/a/1190000041836670",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "快慢缓急总相宜｜ONES 人物",
+    "description": "在 ONES 公司深圳总部，你总会看到一位身材纤瘦的女生，穿梭于多个会议室，快速开了一个接一个的会议，然后回到自己的工位上，有条不紊地完成每一项工作的布置和安排。",
+    "url": "https://segmentfault.com/a/1190000041832778",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "名单公布！24支腾讯Light战队，腾讯Light·公益创新挑战赛总决赛见！",
-    "description": "去年12月23日，在中华全国妇女联合会宣传部指导下，第二届腾讯Light·公益创新挑战赛于厦门正式启动。第二届挑战赛中，腾讯联合中国儿童中心设置「生物多样性保护/教育」、「未成年人安全保护/教育」和「素养教育...",
-    "url": "https://segmentfault.com/a/1190000041824928",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "title": "使用CSS实现《声生不息》节目Logo",
+    "description": "《声生不息》 是芒果TV、香港电视广播有限公司和湖南卫视联合推出的港乐竞唱献礼节目，听着音乐仿佛回到了那个令人怀念的港风席卷整个亚洲的年代。",
+    "url": "https://segmentfault.com/a/1190000041839660",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "冴羽答读者问：人生低谷时，如何快速调整、重回正轨？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文《少有人走的路》开篇第一句话：人生苦难重重可谓是道出了人生的真相，然而又有多少人能深刻的理解这句...",
-    "url": "https://segmentfault.com/a/1190000041830723",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "4",
+    "title": "教你如何用express+mysql+cheerio+swaggerUI开发爬虫项目API接口",
+    "description": "项目基于express+sequelize+mysql+express-validator基于node+express爬虫 API接口项目,包括全国高校信息、成语诗歌、星座运势、历史的今天、音乐数据接口、图片壁纸、搞笑视频、热点新闻资讯 详情接口数据",
+    "url": "https://segmentfault.com/a/1190000041844772",
+    "author": "coding",
+    "home_url": "https://segmentfault.com/u/codinger",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "Vue注册的全局组件配置对象保存的位置",
-    "description": "有时候你想给Vue一些组件库新增一些补丁功能或者修改功能，这些库如果像ElementUI一样有暴露到全局的api，还容易运行时篡改，如果没有暴露到全局上但有注册成全局组件，但是你又不想去库的源代码，怎么办呢？其实...",
-    "url": "https://segmentfault.com/a/1190000041815526",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "2",
+    "title": "【Leetcode 346/700】79. 单词搜索 【中等】【回溯深度搜索JavaScript版】",
+    "description": "单词必须按照字母顺序，通过相邻的单元格内的字母构成，其中“相邻”单元格是那些水平相邻或垂直相邻的单元格。同一个单元格内的字母不允许被重复使用。",
+    "url": "https://segmentfault.com/a/1190000041842783",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”",
-    "description": "银行的盈利模式是什么?三个字：信息差!从储户手中收拢资金，然后放贷出去，而所谓的“利润”就是这其中的利息差额。在我国，人民银行规定每个季度月末的20号为银行结息日，每一年四次结息，因此每年需要非常频繁的...",
-    "url": "https://segmentfault.com/a/1190000041827978",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "JavaScript深拷贝的几种方法",
+    "description": "浅拷贝是创建一个新对象，这个对象有着原始对象属性值的拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的是内存地址 。如果不进行深拷贝，其中一个对象改变了对象的值，就会影响到...",
+    "url": "https://segmentfault.com/a/1190000041847063",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "【校招/社招】面试字节，写了一份硬核简历！",
-    "description": "傅哥我要实习了、傅哥我要校招了、傅哥我要跳槽了，但我现在还没有啥拿的出手的项目，也不会包装简历，东拼西凑的内容在招聘网站，投了几次都石沉大海没有啥下文了！！！其实就算让我去面试，自己都感觉有虚，怎...",
-    "url": "https://segmentfault.com/a/1190000041814734",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "6",
+    "title": "并发编程之volatile与JMM多线程内存模型",
+    "description": "在开始为大家讲解Java 多线程缓存模型之前，我们先看下面的这一段代码。这段代码的逻辑很简单：主线程启动了两个子线程，一个线程1、一个线程2。线程1先执行，sleep睡眠2秒钟之后线程2执行。两个线程使用到了一个...",
+    "url": "https://segmentfault.com/a/1190000041832201",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "为什么 Go 用起来会难受？这 6 个细节你知道吗",
-    "description": "大家好，我是煎鱼。在做新的应用选型时，我们会进行应用编程语言的选择，这时会纠结 Java、PHP、Go...各种，会思考有没有致命的问题，不能用？可以明确的是，Go 没有非常致命的问题，否则你我他都不会在这里相遇...",
-    "url": "https://segmentfault.com/a/1190000041816069",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "PHP FFI 实现list",
+    "description": "由于PHP底层字符串做了处理，相同字符串会只存一次，通过计数器的方式来表示引用的次数，而本文中实现的字符串并未进行认为处理。因而，每次都会重新创建新的字符串。",
+    "url": "https://segmentfault.com/a/1190000041826319",
+    "author": "aa杨",
+    "home_url": "https://segmentfault.com/u/aayang",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "谷歌插件: 页面展示i18n的原始key, 营救pm于水火",
-    "description": "背景、     国际化项目会用到一大堆的i18n_key来处理文案, 直接看下面的例子吧:但是实际上我们的代码里可能是这样的: {代码...}      我希望做一款谷歌插件, 它可以让网...",
-    "url": "https://segmentfault.com/a/1190000041813931",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "程序员的人生",
+    "description": "职业生涯中就是和两个数打交道：0、1。一辈子就做了两件事：学习、实践。所谓的成功无非两种结果：算出一个数、拼出了一个字符串。天天忙忙碌碌，但归纳起来就是：读取、写入。幸福感的获取方式有两种：制造bug、...",
+    "url": "https://segmentfault.com/a/1190000041838581",
+    "author": "NickWang",
+    "home_url": "https://segmentfault.com/u/nickw_cn",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "使用内联CSS 变量，提高灵巧布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041820078",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "React 组件库 CSS 样式方案分析",
+    "description": "随着业务的发展，一些代码逻辑可能同时在多个项目中使用，为了避免每次使用和更新都要复制粘贴代码，构造一个组件库就十分有必要了。构建组件库有很多需要考虑的方面，本文主要讨论在 React 生态下，如何选择一种...",
+    "url": "https://segmentfault.com/a/1190000041840130",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "总结一下本周遇到的问题",
-    "description": "在写区域工作人员端任务管理时需要获取登陆人员所管理的居民，这时就出现了一个问题——后台要怎么实现这些功能呢?我们可以发现前台并没有把当前登录用户传给后台，所以理论上应该是直接从后台获取当前登录用户。之...",
-    "url": "https://segmentfault.com/a/1190000041815869",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "4",
+    "title": "并发编程系列之Lock锁可重入性与公平性",
+    "description": "Lock锁是一种类似于synchronized 同步代码块的线程同步机制。从Java 5开始java.util.concurrent.locks引入了若干个Lock锁的实现类，所以通常情况下我们不需要实现自己的锁，重要的是需要知道如何使用它们，了解它...",
+    "url": "https://segmentfault.com/a/1190000041838471",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "我造了个前端 Mock 工具",
-    "description": "闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了？后端： 接口完成，就差前端联调了前端：你。。。我。。。（哔~~）第二天 前端加班加点联调好...",
-    "url": "https://segmentfault.com/a/1190000041827003",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "5",
+    "title": "微前端microApp",
+    "description": "微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一...",
+    "url": "https://segmentfault.com/a/1190000041828015",
+    "author": "西安小哥",
+    "home_url": "https://segmentfault.com/u/holidaying",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "Gitlab修复记",
-    "description": "他说：是啊，原先确实很好用，也不知道怎么了，最近这段时间就是不好用了，你说彻底不能用吧，也不是，偶尔也能用，但总要重试那么好几次，有时候甚至十几次才能用。",
-    "url": "https://segmentfault.com/a/1190000041813290",
-    "author": "张京",
-    "home_url": "https://segmentfault.com/u/fengerzh",
-    "votes": "2",
+    "title": "原生Js调用Fetch Api请求接口（新的Ajax解决方案）",
+    "description": "Fetch Api是新的ajax解决方案，Fetch会返回Promise；Fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。",
+    "url": "https://segmentfault.com/a/1190000041850373",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "跳动的“loading”，个个都很惊艳！",
-    "description": "大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...",
-    "url": "https://segmentfault.com/a/1190000041819357",
-    "author": "搞前端的半夏",
-    "home_url": "https://segmentfault.com/u/banxia_frontend",
+    "title": "webpack5自定义插件，对插入到html的js文件增加时间戳",
+    "description": "使用插件的自定义钩子的方式发生了变化： compilation.plugin['xxx'] -> HtmlWebpackPlugin.getHooks(compilation)",
+    "url": "https://segmentfault.com/a/1190000041842873",
+    "author": "回首",
+    "home_url": "https://segmentfault.com/u/huishou",
     "votes": "1",
     "rank": 30
   }