@wcj/github-rank 22.10.14 → 22.10.16

package/web/data/sifou-daily.json

@@ -1,128 +1,11 @@
 [
   {
-    "title": "字节跳动后端面经五",
-    "description": "b+树底层是双向链表还是单向TCP为什么要第四次挥手对称加密和非对称加密介绍ARP协议工作原理？ARP攻击？如何解决？token过期机制MySQL索引使用的什么数据结构，B+树和B树的区别mysql主备分离的作用？mysql采用主...",
-    "url": "https://segmentfault.com/a/1190000042622277",
-    "author": "zydybaby",
-    "home_url": "https://segmentfault.com/u/zydybaby",
+    "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": "1",
     "rank": 1
-  },
-  {
-    "title": "基于 Impala 的高性能数仓实践之物化视图服务",
-    "description": "接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...",
-    "url": "https://segmentfault.com/a/1190000042621298",
-    "author": "网易数帆",
-    "home_url": "https://segmentfault.com/u/163yun",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "JSON对象转换TypeScript声明",
-    "description": "TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...",
-    "url": "https://segmentfault.com/a/1190000042617645",
-    "author": "兰俊秋雨",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
-    "description": "前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...",
-    "url": "https://segmentfault.com/a/1190000042617569",
-    "author": "wangstoudamire",
-    "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "Python多进程——进程池的开启和多进程操作同一个List",
-    "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
-    "url": "https://segmentfault.com/a/1190000042616103",
-    "author": "ipidea",
-    "home_url": "https://segmentfault.com/u/ipidea",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
-    "description": "1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...",
-    "url": "https://segmentfault.com/a/1190000042615946",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "从零手写react-router",
-    "description": "蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事",
-    "url": "https://segmentfault.com/a/1190000042615932",
-    "author": "hello_world_1024",
-    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "vue3封装一个带动画的关闭按钮",
-    "description": "预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000042614618",
-    "author": "jsoncode",
-    "home_url": "https://segmentfault.com/u/jsoncode",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "视频中为什么需要这么多的颜色空间？",
-    "description": "导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\\_space，color\\_transfer，color\\_primaries 等一系列的颜色...",
-    "url": "https://segmentfault.com/a/1190000042613694",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "IaC示例：Terraform & Ansible自动化创建K3S集群",
-    "description": "上一篇文章介绍了一个轻量级的 Kubernetes 发行版本 - k3s 。 这篇文章，我们将通过使用以下几个 IaC（Infrastructure as Code）工具，在本地环境（例如你的 Linux 工作台）自动化部署一个可用的 K3S 集群",
-    "url": "https://segmentfault.com/a/1190000042621258",
-    "author": "梦哲",
-    "home_url": "https://segmentfault.com/u/mengzyou",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "js时间格式封装及转换",
-    "description": "1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...",
-    "url": "https://segmentfault.com/a/1190000042620215",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
-    "rank": 11
-  },
-  {
-    "title": "使用开源计算引擎提升Excel格式文件处理效率",
-    "description": "对Excel进行解析\\生成\\查询\\计算等处理是Java下较常见的任务，但Excel的文件格式很复杂，自行编码读写太困难，有了POI\\EasyExcel\\JExcel等类库就方便多了，其中POI最为出色。",
-    "url": "https://segmentfault.com/a/1190000042614853",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "# Serverless架构演进与实践",
-    "description": "Serverless的全称是Serverless computing无服务器运算，又被称为函数即服务（Function-as-a-Service，缩写为 FaaS），是云计算的一种模型。以平台即服务（PaaS）为基础，无服务器运算提供一个微型的架构，终端客...",
-    "url": "https://segmentfault.com/a/1190000042614032",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "10分钟教你写一个数据库",
-    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
-    "url": "https://segmentfault.com/a/1190000042613900",
-    "author": "艾小仙",
-    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "2",
-    "rank": 14
   }
 ]

package/web/data/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": "27",
-    "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,16 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "20",
-    "rank": 7
+    "rank": 5
+  },
+  {
+    "title": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "15",
+    "rank": 6
   },
   {
     "title": "实现《羊了个羊》的小游戏",
@@ -69,6 +60,15 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "14",
+    "rank": 7
+  },
+  {
+    "title": "超强的纯 CSS 鼠标点击拖拽效果",
+    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
+    "url": "https://segmentfault.com/a/1190000042589774",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 8
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000042554569",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "11",
+    "votes": "12",
     "rank": 10
   },
   {
@@ -107,15 +107,6 @@
     "votes": "14",
     "rank": 12
   },
-  {
-    "title": "一个被忽略的前端细分领域",
-    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
-    "url": "https://segmentfault.com/a/1190000042584599",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
-    "rank": 13
-  },
   {
     "title": "35+，如果面试让我手写红黑树！",
     "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
@@ -123,7 +114,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "10",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
@@ -132,25 +123,7 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "15",
-    "rank": 15
-  },
-  {
-    "title": "超强的纯 CSS 鼠标点击拖拽效果",
-    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
-    "url": "https://segmentfault.com/a/1190000042589774",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "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,7 +150,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "7",
-    "rank": 21
+    "rank": 17
   },
   {
     "title": "图解JS中的事件循环",
@@ -195,7 +159,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 22
+    "rank": 18
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -204,7 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -213,7 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
@@ -222,16 +186,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 25
-  },
-  {
-    "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": 26
+    "rank": 21
   },
   {
     "title": "Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！",
@@ -240,7 +195,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 27
+    "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 思否程序员大调查",
@@ -249,7 +213,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -258,7 +222,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -267,6 +231,42 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "6",
+    "rank": 26
+  },
+  {
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "4",
+    "rank": 27
+  },
+  {
+    "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": 28
+  },
+  {
+    "title": "从前端到全栈 -- 最全面向对象总结",
+    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
+    "url": "https://segmentfault.com/a/1190000042517735",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "6",
+    "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
   }
 ]