@wcj/github-rank 22.10.15 → 22.10.17

package/dist/sifou-daily.json

@@ -1,29 +1,38 @@
 [
   {
-    "title": "电子表格也能做购物车？简单三步就能实现",
-    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
-    "url": "https://segmentfault.com/a/1190000042624221",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "ReactQuery系列文章- 1. React Query 实践",
+    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
+    "url": "https://segmentfault.com/a/1190000042629569",
+    "author": "lakb248",
+    "home_url": "https://segmentfault.com/u/kk_470661",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "NodeJS 服务 Docker 镜像极致优化指北",
-    "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
-    "url": "https://segmentfault.com/a/1190000042623699",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "title": "《数据密集型应用系统设计》 - 数据模型和查询语言",
+    "description": "sjmj 《数据密集型应用系统设计》 - 数据模型和查询语言概览现实世界的API和相关程序作用于某个特定领域解决现实生活的某些问题。存储数据的模型可以使JSON也可以是XML类型。如何展示以及表示JSON，以及如何操作...",
+    "url": "https://segmentfault.com/a/1190000042629937",
+    "author": "Xander",
+    "home_url": "https://segmentfault.com/u/lazytimes",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "ts中类的修饰符",
-    "description": "用于设置类中变量和方法的访问权限public（默认）: 公有，可以在任何地方被访问protected : 受保护，只在当前类和其子类中被访问（在类的外部无法被访问）private : 私有，只在当前类中可以被访问（在子类中或者...",
-    "url": "https://segmentfault.com/a/1190000042625441",
-    "author": "high-profile",
-    "home_url": "https://segmentfault.com/u/high_profile",
+    "title": "【docker】文档 [不断补充中...]",
+    "description": "全栈技术分享，API文档动态更新，技术点简明易懂，快速入门有帮助的话点个赞吧，感兴趣的关注加书签获得更多文档，方便随时查阅，有问题欢迎留言讨论",
+    "url": "https://segmentfault.com/a/1190000042629924",
+    "author": "eveforest",
+    "home_url": "https://segmentfault.com/u/eveforest",
     "votes": "1",
     "rank": 3
+  },
+  {
+    "title": "Docker | 发布镜像到镜像仓库",
+    "description": "本文记录发布镜像到 DockerHub 和 阿里云镜像仓库。工作中使用的是JFrog Artifactory 和 Harbor，没有太大差别。",
+    "url": "https://segmentfault.com/a/1190000042628920",
+    "author": "甜点cc",
+    "home_url": "https://segmentfault.com/u/xiaojt",
+    "votes": "1",
+    "rank": 4
   }
 ]

package/dist/sifou-monthly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "27",
-    "rank": 1
-  },
-  {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "28",
-    "rank": 2
-  },
   {
     "title": "前端性能优化(图文并茂，通俗易懂)",
     "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
@@ -24,7 +6,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "24",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "CSS transition 小技巧！如何保留 hover 的状态？",
@@ -33,7 +15,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "25",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "那些你不知道的炫酷按钮交互效果",
@@ -42,7 +24,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "22",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "单标签实现复杂的棋盘布局",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "50天用vue3完成了50个web项目，我学到了什么?",
@@ -60,7 +42,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "20",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "一个被忽略的前端细分领域",
@@ -69,7 +51,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "实现《羊了个羊》的小游戏",
@@ -78,16 +60,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "14",
-    "rank": 9
-  },
-  {
-    "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": 10
+    "rank": 7
   },
   {
     "title": "超强的纯 CSS 鼠标点击拖拽效果",
@@ -96,7 +69,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 11
+    "rank": 8
+  },
+  {
+    "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": 9
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -105,7 +87,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "12",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
@@ -114,7 +96,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "10",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -123,7 +105,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "14",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "35+，如果面试让我手写红黑树！",
@@ -132,7 +114,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "10",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
@@ -141,16 +123,7 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "15",
-    "rank": 16
-  },
-  {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "9",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -159,16 +132,7 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "9",
-    "rank": 18
-  },
-  {
-    "title": "新时代布局新特性 -- 容器查询",
-    "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
-    "url": "https://segmentfault.com/a/1190000042475705",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "这些js原型及原型链面试题你能做对几道",
@@ -177,7 +141,7 @@
     "author": "腹黑的可乐",
     "home_url": "https://segmentfault.com/u/fuheidekele",
     "votes": "18",
-    "rank": 20
+    "rank": 16
   },
   {
     "title": "5 种瀑布流场景的实现原理解析",
@@ -186,16 +150,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "7",
-    "rank": 21
-  },
-  {
-    "title": "图解JS中的事件循环",
-    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
-    "url": "https://segmentfault.com/a/1190000042485178",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "6",
-    "rank": 22
+    "rank": 17
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -204,7 +159,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 23
+    "rank": 18
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -213,7 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 24
+    "rank": 19
   },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
@@ -222,7 +177,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 25
+    "rank": 20
   },
   {
     "title": "Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！",
@@ -231,7 +186,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 26
+    "rank": 21
   },
   {
     "title": "面试说：聊聊JavaScript中的数据类型",
@@ -240,7 +195,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "9",
-    "rank": 27
+    "rank": 22
   },
   {
     "title": "2022 SegmentFault 思否程序员大调查",
@@ -249,7 +204,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 28
+    "rank": 23
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -258,7 +213,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 29
+    "rank": 24
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -267,6 +222,51 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "6",
+    "rank": 25
+  },
+  {
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "4",
+    "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
+  },
+  {
+    "title": "从前端到全栈 -- 最全面向对象总结",
+    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
+    "url": "https://segmentfault.com/a/1190000042517735",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "6",
+    "rank": 28
+  },
+  {
+    "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": 29
+  },
+  {
+    "title": "「数字无限人生」：技术人的精彩时代",
+    "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
+    "url": "https://segmentfault.com/a/1190000042582695",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 30
   }
 ]