@wcj/github-rank 22.5.13 → 22.5.16

package/web/data/sifou-weekly.json

@@ -1,48 +1,30 @@
 [
   {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
+    "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": 1
   },
-  {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "24",
-    "rank": 2
-  },
   {
     "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": "15",
-    "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": "15",
-    "rank": 4
+    "votes": "18",
+    "rank": 2
   },
   {
-    "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": 5
+    "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": 3
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -50,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041815758",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
-    "rank": 6
+    "votes": "8",
+    "rank": 4
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -59,26 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041819433",
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
-    "votes": "6",
-    "rank": 7
-  },
-  {
-    "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": "8",
-    "rank": 8
+    "votes": "7",
+    "rank": 5
   },
   {
-    "title": "28个Javascript数组方法，开发者的小抄",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041747864",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
-    "rank": 9
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "11",
+    "rank": 6
   },
   {
     "title": "实现聚焦效果",
@@ -87,16 +60,25 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "7",
-    "rank": 10
+    "rank": 7
   },
   {
-    "title": "初级程序员的SQL拾遗-②（表操作）",
-    "description": "前言虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM映射实现的，自己并没有从底层接触SQL。本文继 初级程序员的SQL拾遗-①（增删改查） 主要内容包括：建库、建表、字段、约束、查询等实际开发过...",
-    "url": "https://segmentfault.com/a/1190000041818633",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "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": "4",
+    "rank": 8
+  },
+  {
+    "title": "一文聊透 IP 地址的那些事",
+    "description": "IP 地址，是一个大家都耳熟能详的名词。以生活举例，IP 在互联网中的作用就像是寄件时的收件人地址和寄件人地址，收件人地址让信件可以被正确送达，寄件人地址则让收到信的人可以回信。",
+    "url": "https://segmentfault.com/a/1190000041832823",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "5",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "弃用！Github 上用了 Git.io 缩址服务的都注意了",
@@ -105,8 +87,53 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
+    "rank": 10
+  },
+  {
+    "title": "移动端常见适配方案",
+    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
+    "url": "https://segmentfault.com/a/1190000041831493",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "5",
+    "rank": 11
+  },
+  {
+    "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",
     "rank": 12
   },
+  {
+    "title": "分享一个我看源码时的小技巧。",
+    "description": "你好呀，我是歪歪。我在之前的文章里面不是经常叫大家拉源码，然后看代码提交记录吗。也就是看类似于这个界面：比如上面这个界面中，就可以看到 RedissonBaseLock.java 这个文件，由谁在什么时候进行过变更，以及...",
+    "url": "https://segmentfault.com/a/1190000041815888",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "4",
+    "rank": 13
+  },
+  {
+    "title": "初级程序员的SQL拾遗-②（表操作）",
+    "description": "前言虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM映射实现的，自己并没有从底层接触SQL。本文继 初级程序员的SQL拾遗-①（增删改查） 主要内容包括：建库、建表、字段、约束、查询等实际开发过...",
+    "url": "https://segmentfault.com/a/1190000041818633",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "5",
+    "rank": 14
+  },
+  {
+    "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",
+    "rank": 15
+  },
   {
     "title": "改@用户功能为动态",
     "description": "查到可以添加几个事件，上述代码为限制input输入内容为数字。onkeyup事件每当输入就会执行，我们设置一个方法，替换非数字为空。里面检测非数字用到了正则表达式。",
@@ -114,7 +141,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "5",
-    "rank": 13
+    "rank": 16
   },
   {
     "title": "ActivatedRoute 和 Router，以及记录后台遇到的问题",
@@ -123,7 +150,16 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "5",
-    "rank": 14
+    "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": "3",
+    "rank": 18
   },
   {
     "title": "名单公布！24支腾讯Light战队，腾讯Light·公益创新挑战赛总决赛见！",
@@ -132,7 +168,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 15
+    "rank": 19
+  },
+  {
+    "title": "冴羽答读者问：人生低谷时，如何快速调整、重回正轨？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文《少有人走的路》开篇第一句话：人生苦难重重可谓是道出了人生的真相，然而又有多少人能深刻的理解这句...",
+    "url": "https://segmentfault.com/a/1190000041830723",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "4",
+    "rank": 20
   },
   {
     "title": "Vue注册的全局组件配置对象保存的位置",
@@ -141,16 +186,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”",
-    "description": "银行的盈利模式是什么?三个字：信息差!从储户手中收拢资金，然后放贷出去，而所谓的“利润”就是这其中的利息差额。在我国，人民银行规定每个季度月末的20号为银行结息日，每一年四次结息，因此每年需要非常频繁的...",
-    "url": "https://segmentfault.com/a/1190000041827978",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 17
+    "rank": 21
   },
   {
     "title": "【校招/社招】面试字节，写了一份硬核简历！",
@@ -159,34 +195,16 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "6",
-    "rank": 18
-  },
-  {
-    "title": "实战  target 选择器，解放生产力！",
-    "description": "大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...",
-    "url": "https://segmentfault.com/a/1190000041804404",
-    "author": "搞前端的半夏",
-    "home_url": "https://segmentfault.com/u/banxia_frontend",
-    "votes": "8",
-    "rank": 19
-  },
-  {
-    "title": "为什么 Go 用起来会难受？这 6 个细节你知道吗",
-    "description": "大家好，我是煎鱼。在做新的应用选型时，我们会进行应用编程语言的选择，这时会纠结 Java、PHP、Go...各种，会思考有没有致命的问题，不能用？可以明确的是，Go 没有非常致命的问题，否则你我他都不会在这里相遇...",
-    "url": "https://segmentfault.com/a/1190000041816069",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "2",
-    "rank": 20
+    "rank": 22
   },
   {
-    "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",
-    "rank": 21
+    "title": "“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”",
+    "description": "银行的盈利模式是什么?三个字：信息差!从储户手中收拢资金，然后放贷出去，而所谓的“利润”就是这其中的利息差额。在我国，人民银行规定每个季度月末的20号为银行结息日，每一年四次结息，因此每年需要非常频繁的...",
+    "url": "https://segmentfault.com/a/1190000041827978",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 23
   },
   {
     "title": "使用内联CSS 变量，提高灵巧布局效率！",
@@ -195,16 +213,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 22
-  },
-  {
-    "title": "【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？",
-    "description": "一个工作七年的小伙伴，竟然不知道”wait”和“notify”为什么要在Synchronized代码块里面。好吧，如果屏幕前的你也不知道，请在评论区打上”不知道“。对于这个问题，我们来看看普通人和高手的回答。",
-    "url": "https://segmentfault.com/a/1190000041800866",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "总结一下本周遇到的问题",
@@ -213,7 +222,16 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "4",
-    "rank": 24
+    "rank": 25
+  },
+  {
+    "title": "我造了个前端 Mock 工具",
+    "description": "闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了？后端： 接口完成，就差前端联调了前端：你。。。我。。。（哔~~）第二天 前端加班加点联调好...",
+    "url": "https://segmentfault.com/a/1190000041827003",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "5",
+    "rank": 26
   },
   {
     "title": "跳动的“loading”，个个都很惊艳！",
@@ -222,51 +240,33 @@
     "author": "搞前端的半夏",
     "home_url": "https://segmentfault.com/u/banxia_frontend",
     "votes": "1",
-    "rank": 25
-  },
-  {
-    "title": "得物客服一站式工作台卡顿优化之路",
-    "description": "客服一站式工作台包含了在线、电话、工单和工具类四大功能模块。其中很多通用的模块，比如工单详情、订单详情都是通过iframe的形式嵌套的，在系统加载过程中会比较耗时，再加上在线消息通信模块强依赖tinode第三...",
-    "url": "https://segmentfault.com/a/1190000041802911",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 26
-  },
-  {
-    "title": "分享一个我看源码时的小技巧。",
-    "description": "你好呀，我是歪歪。我在之前的文章里面不是经常叫大家拉源码，然后看代码提交记录吗。也就是看类似于这个界面：比如上面这个界面中，就可以看到 RedissonBaseLock.java 这个文件，由谁在什么时候进行过变更，以及...",
-    "url": "https://segmentfault.com/a/1190000041815888",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
     "rank": 27
   },
   {
-    "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",
+    "title": "IO模型与吃饭的那些事",
+    "description": "万香楼开张了，今天是第一天接待人，张三是第一个客人，他看了眼菜单，对recvfrom说道：“给我来碗臊子面吧，多放臊子。”，recvfrom客气道：“好，稍等哈，我立马给你做”。这一做就是20分钟过去了，后面排队的后面...",
+    "url": "https://segmentfault.com/a/1190000041841526",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "2",
     "rank": 28
   },
   {
-    "title": "Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者",
-    "description": "近日，Node.js 创始人 Ryan Dahl 在社区以“JavaScript Containers”为题发文谈论了自己对 Javascript 容器的看法 —— Javascript 是通用脚本语言的“未来”，而 Javascript 容器则是简化服务器抽象的“先驱”践行者。",
-    "url": "https://segmentfault.com/a/1190000041806754",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "为什么 Go 用起来会难受？这 6 个细节你知道吗",
+    "description": "大家好，我是煎鱼。在做新的应用选型时，我们会进行应用编程语言的选择，这时会纠结 Java、PHP、Go...各种，会思考有没有致命的问题，不能用？可以明确的是，Go 没有非常致命的问题，否则你我他都不会在这里相遇...",
+    "url": "https://segmentfault.com/a/1190000041816069",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "我造了个前端 Mock 工具",
-    "description": "闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了？后端： 接口完成，就差前端联调了前端：你。。。我。。。（哔~~）第二天 前端加班加点联调好...",
-    "url": "https://segmentfault.com/a/1190000041827003",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "5",
+    "title": "快慢缓急总相宜｜ONES 人物",
+    "description": "在 ONES 公司深圳总部，你总会看到一位身材纤瘦的女生，穿梭于多个会议室，快速开了一个接一个的会议，然后回到自己的工位上，有条不紊地完成每一项工作的布置和安排。",
+    "url": "https://segmentfault.com/a/1190000041832778",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "3",
     "rank": 30
   }
 ]