@wcj/github-rank 22.10.22 → 22.10.24

package/dist/sifou-daily.json

@@ -1,56 +1,47 @@
 [
   {
-    "title": "利用思否猫素材实现一个丝滑的轮播图（html + css + js）",
-    "description": "使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...",
-    "url": "https://segmentfault.com/a/1190000042661646",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "2",
+    "title": "面向猫猫编程，SegmentFault 思否 1024 程序员节惊喜彩蛋攻略来啦！",
+    "description": "在 SegmentFault 思否 1024 程序员节系列活动 中，思否小姐姐为大家预留了一个悬念，还没有公布第三站：惊喜彩蛋「喵了个喵」的具体玩法，思否小姐姐也收到了不少咨询活动玩法的私信，惊喜彩蛋哪里找？趣味游戏怎...",
+    "url": "https://segmentfault.com/a/1190000042671467",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "36",
     "rank": 1
   },
   {
-    "title": "阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案",
-    "description": "继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。",
-    "url": "https://segmentfault.com/a/1190000042665605",
-    "author": "阿里巴巴终端技术",
-    "home_url": "https://segmentfault.com/u/aliterminal",
-    "votes": "1",
+    "title": "只需百十行代码，为你的Web页面增加本地文件操作能力，确定不试试吗？",
+    "description": "笔者开源了一个Web思维导图mind-map，数据默认是存储在localstorage里，如果想保存到本地文件，需要使用导出功能，下次打开再使用导入功能，编辑完如果又想保存到文件，那么又需要从重新导出覆盖原来的文件，不得...",
+    "url": "https://segmentfault.com/a/1190000042671481",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "7",
     "rank": 2
   },
   {
-    "title": "Vue虚拟dom是如何被创建的",
-    "description": "我们看到了AST经过三轮加工，最终脱胎换骨成为render function code。那么我们这一章就来讲AST的第三次试炼。入口文件./codegen/index",
-    "url": "https://segmentfault.com/a/1190000042659356",
-    "author": "yyds2026",
-    "home_url": "https://segmentfault.com/u/junyidemaodou",
-    "votes": "1",
+    "title": "SegmentFault 思否正式开源问答社区软件 Answer",
+    "description": "作为国内领先的新一代技术问答社区，SegmentFault 思否团队在社区建设上有着多年积累。Answer 不仅拥有搭建问答平台（Q&A Platform）的基础功能，还在产品设计上融入了开发团队对社区发展的思考，并将其经验产品...",
+    "url": "https://segmentfault.com/a/1190000042672978",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "JSON 这么可爱，让我们用千字短文吃透它吧！",
-    "description": "JSON，一个伟大的协议，前端工程师的卓越发明！相信 99% 的程序员都认识 JSON，它作为前后端交互的热门协议，因其易理解、简单、灵活和超强的可读性，得到了互联网的广泛欢迎，甚至很多微服务之间的传输协议中也...",
-    "url": "https://segmentfault.com/a/1190000042660224",
-    "author": "amc",
-    "home_url": "https://segmentfault.com/u/amc",
-    "votes": "2",
+    "title": "探究几种CSS视差动画实现方案及原理",
+    "description": "background-attachment 的作用是设置背景图像随着页面滚动的时候固定，即使一个元素有滚动机制，背景也不会随着元素的内容而滚动，它的值有以下三个：",
+    "url": "https://segmentfault.com/a/1190000042671680",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "「思否猫快跑」原生js小游戏",
-    "description": "SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。于是本次作品是以思否猫为原型搭配原生js完成了一个类似跑酷的小游戏",
-    "url": "https://segmentfault.com/a/1190000042660054",
-    "author": "Yangπ",
-    "home_url": "https://segmentfault.com/u/yang_631952f8aa767",
+    "title": "Go - Zero 快速构建高并发微服务",
+    "description": "Go - Zero基本架构图准备工作安装 etcd, mysql, redis {代码...} 安装 protoc-gen-go {代码...} 安装 protoc {代码...} 安装 goctl 工具 {代码...} 创建工作目录 shorturl 和 shorturl/api {代码...} {代码...} {...",
+    "url": "https://segmentfault.com/a/1190000042672082",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "1024 表情包文案征集，人人都是表情包创作者！",
-    "description": "马上又到一年一度的1024啦，先预祝各位开发者们节日快乐！代代（码）平安！工作顺利！经常有开发者小伙伴和小编反映，自己不善言辞说不过人，职场上吃亏。但是有没有可能，制霸职场聊天窗，你缺的只是一套表情包...",
-    "url": "https://segmentfault.com/a/1190000042666738",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "前端性能优化(图文并茂，通俗易懂)",
-    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
-    "url": "https://segmentfault.com/a/1190000042529771",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "26",
-    "rank": 1
-  },
   {
     "title": "CSS transition 小技巧！如何保留 hover 的状态？",
     "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
@@ -15,7 +6,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "28",
-    "rank": 2
+    "rank": 1
   },
   {
     "title": "CSS 绘制一只思否猫",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000042643893",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 3
+    "votes": "24",
+    "rank": 2
   },
   {
     "title": "一个被忽略的前端细分领域",
@@ -33,7 +24,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "思否猫拼接怪编辑器",
@@ -42,7 +33,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "35+，如果面试让我手写红黑树！",
@@ -51,16 +42,34 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "12",
+    "rank": 5
+  },
+  {
+    "title": "SegmentFault 思否 Top Writer 榜单｜2022年第三季度",
+    "description": "他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。",
+    "url": "https://segmentfault.com/a/1190000042647263",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "13",
     "rank": 6
   },
+  {
+    "title": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 7
+  },
   {
     "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
     "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
     "url": "https://segmentfault.com/a/1190000042598682",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
-    "rank": 7
+    "votes": "15",
+    "rank": 8
   },
   {
     "title": "超强的纯 CSS 鼠标点击拖拽效果",
@@ -69,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -78,7 +87,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "12",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
@@ -87,7 +96,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -96,16 +105,16 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "11",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "SegmentFault 思否 Top Writer 榜单｜2022年第三季度",
-    "description": "他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。",
-    "url": "https://segmentfault.com/a/1190000042647263",
+    "title": "Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！",
+    "description": "关注我们的朋友们都知道，SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。",
+    "url": "https://segmentfault.com/a/1190000042567232",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "11",
-    "rank": 12
+    "votes": "8",
+    "rank": 13
   },
   {
     "title": "5 种瀑布流场景的实现原理解析",
@@ -114,26 +123,8 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "9",
-    "rank": 13
-  },
-  {
-    "title": "超强的苹果官网滚动文字特效实现",
-    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
-    "url": "https://segmentfault.com/a/1190000042653533",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
     "rank": 14
   },
-  {
-    "title": "Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！",
-    "description": "关注我们的朋友们都知道，SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。",
-    "url": "https://segmentfault.com/a/1190000042567232",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
-    "rank": 15
-  },
   {
     "title": "10分钟教你写一个数据库",
     "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
@@ -141,6 +132,15 @@
     "author": "艾小仙",
     "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
     "votes": "8",
+    "rank": 15
+  },
+  {
+    "title": "面向猫猫编程，SegmentFault 思否 1024 程序员节惊喜彩蛋攻略来啦！",
+    "description": "在 SegmentFault 思否 1024 程序员节系列活动 中，思否小姐姐为大家预留了一个悬念，还没有公布第三站：惊喜彩蛋「喵了个喵」的具体玩法，思否小姐姐也收到了不少咨询活动玩法的私信，惊喜彩蛋哪里找？趣味游戏怎...",
+    "url": "https://segmentfault.com/a/1190000042671467",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "36",
     "rank": 16
   },
   {
@@ -161,15 +161,6 @@
     "votes": "7",
     "rank": 18
   },
-  {
-    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
-    "url": "https://segmentfault.com/a/1190000042531829",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 19
-  },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
     "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
@@ -177,6 +168,15 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
+    "rank": 19
+  },
+  {
+    "title": "浅谈移动端单屏解决方案",
+    "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
+    "url": "https://segmentfault.com/a/1190000042587022",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "5",
     "rank": 20
   },
   {
@@ -188,15 +188,6 @@
     "votes": "3",
     "rank": 21
   },
-  {
-    "title": "浅谈移动端单屏解决方案",
-    "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
-    "url": "https://segmentfault.com/a/1190000042587022",
-    "author": "深红",
-    "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "5",
-    "rank": 22
-  },
   {
     "title": "面试说：聊聊JavaScript中的数据类型",
     "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
@@ -204,7 +195,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "9",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "2022 SegmentFault 思否程序员大调查",
@@ -213,7 +204,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "快速了解 inert 属性",
@@ -222,7 +213,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "5",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
@@ -231,16 +222,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "8",
-    "rank": 26
-  },
-  {
-    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
-    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
-    "url": "https://segmentfault.com/a/1190000042531062",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "3",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "5个常见的JavaScript内存错误",
@@ -248,8 +230,8 @@
     "url": "https://segmentfault.com/a/1190000042622557",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
-    "rank": 28
+    "votes": "7",
+    "rank": 26
   },
   {
     "title": "一个新视角：前端框架们都卷错方向了？",
@@ -258,7 +240,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "华为王泽锋：协作创新、开源的魅力所在",
@@ -267,6 +249,24 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
+    "rank": 28
+  },
+  {
+    "title": "前端框架：性能与灵活性的取舍",
+    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
+    "url": "https://segmentfault.com/a/1190000042598225",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "利用思否猫素材实现一个连连看小游戏",
+    "description": "vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...",
+    "url": "https://segmentfault.com/a/1190000042643627",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "8",
     "rank": 30
   }
 ]