@wcj/github-rank 22.10.20 → 22.10.22

package/dist/sifou-daily.json

@@ -1,47 +1,56 @@
 [
   {
-    "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": "3",
+    "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",
     "rank": 1
   },
   {
-    "title": "移动端页面如何优雅的适配各种屏幕，包括PC端",
-    "description": "本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。",
-    "url": "https://segmentfault.com/a/1190000042652450",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "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",
     "rank": 2
   },
   {
-    "title": "SpringBoot Activiti6系列教程(八)-流程拒绝实现",
-    "description": "从这章开始，就正式进入activiti的实战开发，使用activiti实现各种审批动作，包括一些中国式流程操作，比如回退，征询等，这些操作activiti的标准功能是没有的，但因为activiti不算复杂，也比较灵活，因此可以通...",
-    "url": "https://segmentfault.com/a/1190000042645140",
-    "author": "wls1036",
-    "home_url": "https://segmentfault.com/u/wls1036",
+    "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",
     "rank": 3
   },
   {
-    "title": "SpringBoot Activiti6系列教程(七)-变量",
-    "description": "接上一篇文章，我们探究了execution的运行机制，activiti里变量的作用域就是通过execution实现，activiti里变量按作用域有以下几种",
-    "url": "https://segmentfault.com/a/1190000042645131",
-    "author": "wls1036",
-    "home_url": "https://segmentfault.com/u/wls1036",
-    "votes": "1",
+    "title": "JSON 这么可爱，让我们用千字短文吃透它吧！",
+    "description": "JSON，一个伟大的协议，前端工程师的卓越发明！相信 99% 的程序员都认识 JSON，它作为前后端交互的热门协议，因其易理解、简单、灵活和超强的可读性，得到了互联网的广泛欢迎，甚至很多微服务之间的传输协议中也...",
+    "url": "https://segmentfault.com/a/1190000042660224",
+    "author": "amc",
+    "home_url": "https://segmentfault.com/u/amc",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "进阶vue面试题总结",
-    "description": "根据过滤器的名称，过滤器是用来过滤数据的，在Vue中使用filters来过滤数据，filters不会修改数据，而是过滤数据，改变用户看到的输出（计算属性 computed ，方法 methods 都是通过修改数据来处理数据格式的输出...",
-    "url": "https://segmentfault.com/a/1190000042645051",
-    "author": "风度翩翩的红金鱼",
-    "home_url": "https://segmentfault.com/u/fengdudehongjinyu",
+    "title": "「思否猫快跑」原生js小游戏",
+    "description": "SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。于是本次作品是以思否猫为原型搭配原生js完成了一个类似跑酷的小游戏",
+    "url": "https://segmentfault.com/a/1190000042660054",
+    "author": "Yangπ",
+    "home_url": "https://segmentfault.com/u/yang_631952f8aa767",
     "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

@@ -18,23 +18,14 @@
     "rank": 2
   },
   {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "22",
+    "title": "CSS 绘制一只思否猫",
+    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
+    "url": "https://segmentfault.com/a/1190000042643893",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "23",
     "rank": 3
   },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
-    "rank": 4
-  },
   {
     "title": "一个被忽略的前端细分领域",
     "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
@@ -42,16 +33,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "50天用vue3完成了50个web项目，我学到了什么?",
-    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
-    "url": "https://segmentfault.com/a/1190000042509082",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "20",
-    "rank": 6
+    "title": "思否猫拼接怪编辑器",
+    "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
+    "url": "https://segmentfault.com/a/1190000042632786",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "11",
+    "rank": 5
   },
   {
     "title": "35+，如果面试让我手写红黑树！",
@@ -59,17 +50,8 @@
     "url": "https://segmentfault.com/a/1190000042581816",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "11",
-    "rank": 7
-  },
-  {
-    "title": "思否猫拼接怪编辑器",
-    "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
-    "url": "https://segmentfault.com/a/1190000042632786",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "10",
-    "rank": 8
+    "votes": "12",
+    "rank": 6
   },
   {
     "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
@@ -77,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000042598682",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "12",
-    "rank": 9
-  },
-  {
-    "title": "CSS 绘制一只思否猫",
-    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
-    "url": "https://segmentfault.com/a/1190000042643893",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 10
+    "votes": "13",
+    "rank": 7
   },
   {
     "title": "超强的纯 CSS 鼠标点击拖拽效果",
@@ -95,17 +68,8 @@
     "url": "https://segmentfault.com/a/1190000042589774",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 11
-  },
-  {
-    "title": "借助 :has 实现3d轮播图",
-    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
-    "url": "https://segmentfault.com/a/1190000042512102",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 12
+    "votes": "14",
+    "rank": 8
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -114,7 +78,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "12",
-    "rank": 13
+    "rank": 9
   },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
@@ -122,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000042550192",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
-    "rank": 14
+    "votes": "11",
+    "rank": 10
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -131,8 +95,17 @@
     "url": "https://segmentfault.com/a/1190000042537837",
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
-    "votes": "10",
-    "rank": 15
+    "votes": "11",
+    "rank": 11
+  },
+  {
+    "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": "11",
+    "rank": 12
   },
   {
     "title": "5 种瀑布流场景的实现原理解析",
@@ -141,7 +114,16 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "9",
-    "rank": 16
+    "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 你的专属表情包！",
@@ -150,7 +132,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 17
+    "rank": 15
+  },
+  {
+    "title": "10分钟教你写一个数据库",
+    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
+    "url": "https://segmentfault.com/a/1190000042613900",
+    "author": "艾小仙",
+    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
+    "votes": "8",
+    "rank": 16
   },
   {
     "title": "这些js原型及原型链面试题你能做对几道",
@@ -159,16 +150,16 @@
     "author": "腹黑的可乐",
     "home_url": "https://segmentfault.com/u/fuheidekele",
     "votes": "18",
-    "rank": 18
+    "rank": 17
   },
   {
-    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
-    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
-    "url": "https://segmentfault.com/a/1190000042509388",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
+    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
+    "url": "https://segmentfault.com/a/1190000042563735",
+    "author": "HullQin",
+    "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "7",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -177,16 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 20
-  },
-  {
-    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
-    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
-    "url": "https://segmentfault.com/a/1190000042563735",
-    "author": "HullQin",
-    "home_url": "https://segmentfault.com/u/hullqin",
-    "votes": "7",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -195,16 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 22
-  },
-  {
-    "title": "10分钟教你写一个数据库",
-    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
-    "url": "https://segmentfault.com/a/1190000042613900",
-    "author": "艾小仙",
-    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "6",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "「数字无限人生」：技术人的精彩时代",
@@ -213,16 +186,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "3",
-    "rank": 24
-  },
-  {
-    "title": "面试说：聊聊JavaScript中的数据类型",
-    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
-    "url": "https://segmentfault.com/a/1190000042539876",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "9",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "浅谈移动端单屏解决方案",
@@ -231,7 +195,16 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "5",
-    "rank": 26
+    "rank": 22
+  },
+  {
+    "title": "面试说：聊聊JavaScript中的数据类型",
+    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
+    "url": "https://segmentfault.com/a/1190000042539876",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "9",
+    "rank": 23
   },
   {
     "title": "2022 SegmentFault 思否程序员大调查",
@@ -240,16 +213,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 27
-  },
-  {
-    "title": "从前端到全栈 -- 最全面向对象总结",
-    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
-    "url": "https://segmentfault.com/a/1190000042517735",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "7",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "快速了解 inert 属性",
@@ -258,7 +222,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "5",
-    "rank": 29
+    "rank": 25
+  },
+  {
+    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042627779",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "8",
+    "rank": 26
   },
   {
     "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
@@ -267,6 +240,33 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "5个常见的JavaScript内存错误",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042622557",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
+    "rank": 28
+  },
+  {
+    "title": "一个新视角：前端框架们都卷错方向了？",
+    "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
+    "url": "https://segmentfault.com/a/1190000042549062",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "华为王泽锋：协作创新、开源的魅力所在",
+    "description": "受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...",
+    "url": "https://segmentfault.com/a/1190000042589829",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 30
   }
 ]