@wcj/github-rank 22.5.13 → 22.5.14

package/web/data/sifou-daily.json

@@ -1,56 +1,92 @@
 [
   {
-    "title": "一文聊透 IP 地址的那些事",
-    "description": "IP 地址，是一个大家都耳熟能详的名词。以生活举例，IP 在互联网中的作用就像是寄件时的收件人地址和寄件人地址，收件人地址让信件可以被正确送达，寄件人地址则让收到信的人可以回信。",
-    "url": "https://segmentfault.com/a/1190000041832823",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "IO模型与吃饭的那些事",
+    "description": "万香楼开张了，今天是第一天接待人，张三是第一个客人，他看了眼菜单，对recvfrom说道：“给我来碗臊子面吧，多放臊子。”，recvfrom客气道：“好，稍等哈，我立马给你做”。这一做就是20分钟过去了，后面排队的后面...",
+    "url": "https://segmentfault.com/a/1190000041841526",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "2",
     "rank": 1
   },
   {
-    "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",
+    "title": "程序员的人生",
+    "description": "职业生涯中就是和两个数打交道：0、1。一辈子就做了两件事：学习、实践。所谓的成功无非两种结果：算出一个数、拼出了一个字符串。天天忙忙碌碌，但归纳起来就是：读取、写入。幸福感的获取方式有两种：制造bug、...",
+    "url": "https://segmentfault.com/a/1190000041838581",
+    "author": "NickWang",
+    "home_url": "https://segmentfault.com/u/nickw_cn",
     "votes": "2",
     "rank": 2
   },
   {
-    "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": "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": 3
   },
   {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "8",
+    "title": "MySQL面试八股文背诵版",
+    "description": "文章目录：什么是MySQL?MySQL常用的存储引擎有什么?它们有什么区别?数据库的三大范式MySQL的数据类型有哪些索引什么是索引?索弓的优缺点?索|的数据结构?Hash索弓|和B+树的区别?薪的类型有哪些?索|的种类有哪些?B...",
+    "url": "https://segmentfault.com/a/1190000041839926",
+    "author": "java领域",
+    "home_url": "https://segmentfault.com/u/wudingfei",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "【问题备忘录】记一次DNS解析异常现象处理",
-    "description": "背景系统升级改造，当前已有网关A，为了平滑升级，先部署网关B，并且在网关A和B前加一层转发层（IAS）。定时任务调用网关B下的服务接口时，接口返回： {代码...} 转发层（IAS）的请求日志没有查到请求记录，网关A...",
-    "url": "https://segmentfault.com/a/1190000041832792",
-    "author": "noname",
-    "home_url": "https://segmentfault.com/u/lmiky",
+    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
+    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
+    "url": "https://segmentfault.com/a/1190000041843081",
+    "author": "6666",
+    "home_url": "https://segmentfault.com/u/6666",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 常用软件安装 - 第三篇 常用软件安装（windows下的习惯）",
-    "description": "本篇内容大部分从应用商店进行安装，部分通过官网下载，少部分通过命令行安装。1.原生应用1.1钉钉1.2飞书1.3 蓝信1.4 腾讯文档1.5 金山文档1.6 搜狗输入法（拼音）1.7 五笔输入法1.8 libreoffice官方也带了WPS，...",
-    "url": "https://segmentfault.com/a/1190000041833030",
-    "author": "码上世界",
-    "home_url": "https://segmentfault.com/u/code4world",
+    "title": "React 组件库 CSS 样式方案分析",
+    "description": "随着业务的发展，一些代码逻辑可能同时在多个项目中使用，为了避免每次使用和更新都要复制粘贴代码，构造一个组件库就十分有必要了。构建组件库有很多需要考虑的方面，本文主要讨论在 React 生态下，如何选择一种...",
+    "url": "https://segmentfault.com/a/1190000041840130",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "使用CSS实现《声生不息》节目Logo",
+    "description": "《声生不息》 是芒果TV、香港电视广播有限公司和湖南卫视联合推出的港乐竞唱献礼节目，听着音乐仿佛回到了那个令人怀念的港风席卷整个亚洲的年代。",
+    "url": "https://segmentfault.com/a/1190000041839660",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "MySQL核心技术_常见函数",
+    "description": "常见函数字符函数数学函数日期函数其他函数【补充】流程控制函数【补充】字符函数大小写控制函数这类函数改变字符的大小写。字符控制函数这类函数控制字符:数字函数ROUND: 四舍五入TRUNCATE: 截断MOD: 求余日期函...",
+    "url": "https://segmentfault.com/a/1190000041840033",
+    "author": "小谷哥",
+    "home_url": "https://segmentfault.com/u/atguigu",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "冴羽答读者问：人生的意义是什么？",
+    "description": "文章主体写于一年多前，当时我苦于思考人生意义这个问题，于是写下了这篇随笔，正好有同学提到人生意义的问题，就让这篇随笔从我的草稿箱中重见天日，和大家分享我当时的一些思索，现在看来有些地方很是浅薄，但...",
+    "url": "https://segmentfault.com/a/1190000041842063",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "canvas 2 image的使用小心得",
+    "description": "在开发中遇到一个设置透明色的需求，大概描述就是一张图，然后再给一个颜色，把这个图片上所有这个颜色的像素点设置为透明色，如下图实现思路就是将图片画到canvas上，然后遍历图片像素信息，将指定的rgb的alpha...",
+    "url": "https://segmentfault.com/a/1190000041842028",
+    "author": "只盼云巅",
+    "home_url": "https://segmentfault.com/u/zhipanyun",
+    "votes": "3",
+    "rank": 10
   }
 ]

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": "53",
+    "votes": "56",
     "rank": 1
   },
   {
@@ -71,33 +71,51 @@
     "votes": "23",
     "rank": 8
   },
-  {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "19",
-    "rank": 9
-  },
   {
     "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
     "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
     "url": "https://segmentfault.com/a/1190000041754709",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "21",
+    "votes": "22",
+    "rank": 9
+  },
+  {
+    "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": "18",
     "rank": 10
   },
   {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
+    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
+    "url": "https://segmentfault.com/a/1190000041791819",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
     "rank": 11
   },
+  {
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "20",
+    "rank": 12
+  },
+  {
+    "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",
+    "rank": 13
+  },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
     "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
@@ -105,7 +123,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "22",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -114,7 +132,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -123,25 +141,16 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "24",
-    "rank": 14
+    "rank": 16
   },
   {
-    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
-    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
-    "url": "https://segmentfault.com/a/1190000041791819",
+    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
+    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
+    "url": "https://segmentfault.com/a/1190000041761117",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "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": "15",
-    "rank": 16
+    "votes": "13",
+    "rank": 17
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -150,7 +159,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "12",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "CSS 实现切角效果",
@@ -159,7 +168,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "14",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -167,8 +176,8 @@
     "url": "https://segmentfault.com/a/1190000041753539",
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "13",
-    "rank": 19
+    "votes": "14",
+    "rank": 20
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -177,15 +186,6 @@
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "13",
-    "rank": 20
-  },
-  {
-    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
-    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
-    "url": "https://segmentfault.com/a/1190000041761117",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
     "rank": 21
   },
   {
@@ -197,15 +197,6 @@
     "votes": "17",
     "rank": 22
   },
-  {
-    "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": 23
-  },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
     "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
@@ -213,7 +204,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -222,7 +213,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
@@ -231,7 +222,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "17",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -240,7 +231,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -249,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -258,7 +249,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -267,6 +258,15 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "11",
+    "rank": 29
+  },
+  {
+    "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": "9",
     "rank": 30
   }
 ]