@wcj/github-rank 22.6.3 → 22.6.6

package/web/data/sifou-daily.json

@@ -1,56 +1,47 @@
 [
   {
-    "title": "Flutter与webview通信桥梁开发",
-    "description": "最近业务有需求需要在flutter内使用webview进行内嵌H5进行展示，此时需要涉及到H5与flutter之间额通信问题。比如发送消息或者H5调用Flutter的相机等等",
-    "url": "https://segmentfault.com/a/1190000041933782",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
+    "title": "Mini Canvas Lib 核心交互实现原理",
+    "description": "背景：需要使用 Canvas 实现添加图片、文字、摄像头画面，并且支持拖拽、缩放、旋转等功能。但成熟 Canvas 库（比如 Sprite.js Fabric.js ）一般都比较庞大（300kb+），所以自己实现精简版本，减少体积。",
+    "url": "https://segmentfault.com/a/1190000041940370",
+    "author": "hughfenghen",
+    "home_url": "https://segmentfault.com/u/hughfenghen",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "杭漂5年前端感受-白驹过隙，人生如梦",
-    "description": "高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...",
-    "url": "https://segmentfault.com/a/1190000041933855",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "2",
+    "title": "2022最新版阿里开发手册发布！！！",
+    "description": "《Java 开发手册》是阿里巴巴集团技术团队的集体智慧结晶和经验总结，经历了多次大规模一线实战的检验及不断完善，公开到业界后，众多社区开发者踊跃参与，共同打磨完善，系统化地整理成册，当前的版本是【黄山版...",
+    "url": "https://segmentfault.com/a/1190000041941354",
+    "author": "甜甜",
+    "home_url": "https://segmentfault.com/u/tiantian_612502cc06094",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "后端国际化(二): 使用AST完成中文的提取和过滤",
-    "description": "提取中文本工具使用org.eclipse.jdt.core将java代码转换成AST将java代码转换成AST树 {代码...} 使用Vistior模式遍历所有字符串 {代码...} 过滤原理：熟悉AST以下是logger.info(\"异常信息\"+e)的AST如果...",
-    "url": "https://segmentfault.com/a/1190000041932542",
-    "author": "cppprimer",
-    "home_url": "https://segmentfault.com/u/cppprimer",
-    "votes": "2",
+    "title": "JavaScript精度丢失原因以及解决方案",
+    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
+    "url": "https://segmentfault.com/a/1190000041941297",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "后端国际化(一): kiwi-java简介",
-    "description": "通常项目中的异常消息等一系列文案都是中文，开发人员在开发的时候并没有考虑到国际化的情况，我们需要判断出哪些中文是注释，哪些中文是文案，哪些文案参与了业务逻辑。",
-    "url": "https://segmentfault.com/a/1190000041932489",
-    "author": "cppprimer",
-    "home_url": "https://segmentfault.com/u/cppprimer",
-    "votes": "2",
+    "title": "就这一篇！计算机网络基础知识总结",
+    "description": "如果说计算机把我们从工业时代带到了信息时代，那么计算机网络就可以说把我们带到了网络时代。随着使用计算机人数的不断增加，计算机也经历了一系列的发展，从大型通用计算机-超级计算机-小型机-个人电脑 -工作站...",
+    "url": "https://segmentfault.com/a/1190000041940992",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "谷歌改善 Chrome 内存安全：通过 heap scanning 算法减少 C++ 代码库安全漏洞",
-    "description": "据外媒报道，谷歌 Chrome 团队正在研究通过 heap scanning 技术来提高 C++ 代码库内存安全。据悉，该技术会对内存造成消耗，除非使用较新的 Arm 硬件。",
-    "url": "https://segmentfault.com/a/1190000041932321",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "最牛逼的集群监控系统，它始终位列第一！",
+    "description": "在本文中，我们将看到Prometheus监控技术栈的局限性，以及为什么移动到基于Thanos的技术栈可以提高指标留存率并降低总体基础设施成本。",
+    "url": "https://segmentfault.com/a/1190000041940202",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "【数据库数据恢复】MongoDB数据库文件损坏的数据恢复案例",
-    "description": "数据库故障：在未关闭MongoDB数据库服务的情况下拷贝数据库文件到其他分区。拷贝完成后，管理员对原数据库分区进行了格式化，然后将数据库文件拷回格式化的原分区，重新启动MongoDB服务时候发现服务无法启动。报...",
-    "url": "https://segmentfault.com/a/1190000041931747",
-    "author": "北亚数据恢复",
-    "home_url": "https://segmentfault.com/u/beiyashujuhuifu",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "10",
-    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
-    "url": "https://segmentfault.com/a/1190000041790801",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "82",
-    "rank": 1
-  },
-  {
-    "title": "SegmentFault 思否加入 ONES",
-    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
-    "url": "https://segmentfault.com/a/1190000041790775",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "41",
-    "rank": 2
-  },
   {
     "title": "现代 CSS 解决方案：CSS 数学函数",
     "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
@@ -24,7 +6,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "48",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "为我们的 10 周年喝彩",
@@ -32,17 +14,17 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "39",
-    "rank": 4
+    "votes": "40",
+    "rank": 2
   },
   {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "34",
-    "rank": 5
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "30",
+    "rank": 3
   },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
@@ -51,16 +33,16 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "24",
-    "rank": 6
+    "rank": 4
   },
   {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "29",
-    "rank": 7
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "34",
+    "rank": 5
   },
   {
     "title": "妙啊！动画还可以这样控制？",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 8
+    "votes": "27",
+    "rank": 6
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -77,17 +59,17 @@
     "url": "https://segmentfault.com/a/1190000041806654",
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "31",
-    "rank": 9
+    "votes": "32",
+    "rank": 7
   },
   {
-    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
-    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
-    "url": "https://segmentfault.com/a/1190000041791819",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "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": "22",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "浅谈逻辑选择器 -- 父选择器它来了！",
@@ -96,16 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 11
-  },
-  {
-    "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": "21",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -114,7 +87,7 @@
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "25",
-    "rank": 13
+    "rank": 10
   },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
@@ -123,7 +96,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "22",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -132,16 +105,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "23",
-    "rank": 15
-  },
-  {
-    "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": 16
+    "rank": 12
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -150,16 +114,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 17
-  },
-  {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "21",
-    "rank": 18
+    "rank": 13
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -167,17 +122,17 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "17",
-    "rank": 19
+    "votes": "18",
+    "rank": 14
   },
   {
-    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
-    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
-    "url": "https://segmentfault.com/a/1190000041794241",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "11",
-    "rank": 20
+    "title": "CSS 穿墙术！太强了",
+    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
+    "url": "https://segmentfault.com/a/1190000041887095",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "21",
+    "rank": 15
   },
   {
     "title": "如何做新人引导功能？",
@@ -186,7 +141,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 21
+    "rank": 16
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -195,7 +150,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 22
+    "rank": 17
   },
   {
     "title": "实现聚焦效果",
@@ -204,7 +159,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 23
+    "rank": 18
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -213,7 +168,25 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "10",
-    "rank": 24
+    "rank": 19
+  },
+  {
+    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041926662",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "13",
+    "rank": 20
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "12",
+    "rank": 21
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -222,7 +195,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -231,7 +204,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "移动端常见适配方案",
@@ -240,7 +213,7 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "11",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -249,23 +222,50 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
+    "rank": 25
+  },
+  {
+    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
+    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
+    "url": "https://segmentfault.com/a/1190000041905055",
+    "author": "韩天峰",
+    "home_url": "https://segmentfault.com/u/hantianfeng",
+    "votes": "8",
+    "rank": 26
+  },
+  {
+    "title": "Base64 编码知识，一文打尽！",
+    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
+    "url": "https://segmentfault.com/a/1190000041894263",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
+    "rank": 27
+  },
+  {
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 28
   },
   {
-    "title": "代码写得好，Reduce 方法少不了",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041790709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "title": "js面试题(进阶)梳理",
+    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
+    "url": "https://segmentfault.com/a/1190000041855296",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "13",
     "rank": 29
   },
   {
-    "title": "互联网后端技术大全！建议收藏",
-    "description": "工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...",
-    "url": "https://segmentfault.com/a/1190000041794118",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "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": "9",
     "rank": 30
   }