@wcj/github-rank 22.10.11 → 22.10.12

package/dist/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "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",
+    "title": "快速了解 inert 属性",
+    "description": "欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...",
+    "url": "https://segmentfault.com/a/1190000042595978",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "超强的纯 CSS 鼠标点击拖拽效果",
-    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
-    "url": "https://segmentfault.com/a/1190000042589774",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
+    "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
+    "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
+    "url": "https://segmentfault.com/a/1190000042598682",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "新一波 JavaScript 框架",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042558282",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "前端框架：性能与灵活性的取舍",
+    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
+    "url": "https://segmentfault.com/a/1190000042598225",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "element 动态表格新增删除行、列闪现问题",
-    "description": "无论是新增行列还是删除行列，vue 都需要重新计算单元格的高度和宽度，然后再重新渲染到页面上。因为这个过程被直接反馈到了页面上，所以导致了 table 发生闪烁。",
-    "url": "https://segmentfault.com/a/1190000042593644",
-    "author": "tenSe7en",
-    "home_url": "https://segmentfault.com/u/potato_5896cd102b6fe",
-    "votes": "7",
+    "title": "从边缘视角展望元宇宙",
+    "description": "如今，在边缘环境部署成百上千互联设备已经不再新奇。在工厂和工程设施中，自从微芯片问世以来，PLC 就接管了工业设备的监控任务，并且一直在简化相应的工作流程。而今的不同在于，网络节点的构成以及其中容纳的...",
+    "url": "https://segmentfault.com/a/1190000042606166",
+    "author": "Rancher",
+    "home_url": "https://segmentfault.com/u/rancher",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "BMW 与 Harvester 的云与边缘之旅",
-    "description": "作者姚灿武，SUSE Rancher 研发工程师，拥有 6 年云计算领域经验，热衷开源技术，在云原生相关技术领域拥有丰富的开发和实践经验。本文整理自姚灿武在 SUSECON 北京 2022 开源技术峰会上的主题演讲。",
-    "url": "https://segmentfault.com/a/1190000042590038",
-    "author": "Rancher",
-    "home_url": "https://segmentfault.com/u/rancher",
+    "title": "得物 × StarRocks：潮流网购社区的极速 OLAP 实践",
+    "description": "#01为什么是 StarRocks—新一代极速全场景 MPP 数据库，可以用 StarRocks 来支持多种数据分析场景的极速分析；架构简洁，采用了全面向量化引擎，并配备全新设计的 CBO 优化器，查询极速（尤其是多表关联查询）；很...",
+    "url": "https://segmentfault.com/a/1190000042606053",
+    "author": "StarRocks",
+    "home_url": "https://segmentfault.com/u/starrocks",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "Django-DRF导出excel表格,drf-renderer-xlsx的使用",
-    "description": "在DRF中，生成excel表格最方便的是借助第三方插件drf-renderer-xlsx,使得“导出”功能变得和写普通视图一样简单、方便、快捷。其思想是基于列表，毕竟list方法生成的queryset已经和所需要的表格结构类似了，只是需...",
-    "url": "https://segmentfault.com/a/1190000042595841",
-    "author": "葉",
-    "home_url": "https://segmentfault.com/u/_61c08dfa324df",
-    "votes": "2",
+    "title": "技术分享 | Presto性能对比测试：Kubernetes部署 VS 物理机部署",
+    "description": "Presto是开源分布式SQL查询引擎，可以对从GB到PB级大小的数据源进行交互式分析查询。Presto支持Hive、Cassandra、关系型数据库甚至专有数据存储等多种数据源，允许跨源查询。（详见参考[1] ）",
+    "url": "https://segmentfault.com/a/1190000042600271",
+    "author": "Alluxio",
+    "home_url": "https://segmentfault.com/u/alluxio_tianyu",
+    "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "3D点云标注有哪些好用的开源工具",
+    "description": "在人工智能自动驾驶领域中，准确的环境感知和精确的定位是自动驾驶汽车在复杂动态环境中能够进行可靠导航，信息决策以及安全驾驶的关键。虽然现代相机可以捕捉到非常详细的真实世界特征，但是可以提供给自动驾驶...",
+    "url": "https://segmentfault.com/a/1190000042598590",
+    "author": "整数智能AI研究院",
+    "home_url": "https://segmentfault.com/u/molardata",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？",
+    "description": "最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...",
+    "url": "https://segmentfault.com/a/1190000042598383",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042475578",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "27",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "22",
+    "votes": "23",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "20",
+    "votes": "22",
     "rank": 5
   },
   {
@@ -80,6 +80,15 @@
     "votes": "11",
     "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
+  },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
     "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
@@ -87,7 +96,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -96,15 +105,6 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
-    "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": "9",
     "rank": 12
   },
   {
@@ -125,6 +125,15 @@
     "votes": "14",
     "rank": 14
   },
+  {
+    "title": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "11",
+    "rank": 15
+  },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
     "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
@@ -132,7 +141,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -141,7 +150,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "9",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
@@ -149,17 +158,26 @@
     "url": "https://segmentfault.com/a/1190000042550192",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 17
+    "votes": "8",
+    "rank": 18
   },
   {
-    "title": "一个被忽略的前端细分领域",
-    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
-    "url": "https://segmentfault.com/a/1190000042584599",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
-    "rank": 18
+    "title": "这些js原型及原型链面试题你能做对几道",
+    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
+    "url": "https://segmentfault.com/a/1190000042569583",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "17",
+    "rank": 19
+  },
+  {
+    "title": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "7",
+    "rank": 20
   },
   {
     "title": "图解JS中的事件循环",
@@ -168,7 +186,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -177,7 +195,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 20
+    "rank": 22
+  },
+  {
+    "title": "35+，如果面试让我手写红黑树！",
+    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
+    "url": "https://segmentfault.com/a/1190000042581816",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "6",
+    "rank": 23
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -186,7 +213,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -195,34 +222,16 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "5",
-    "rank": 22
-  },
-  {
-    "title": "5 种瀑布流场景的实现原理解析",
-    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
-    "url": "https://segmentfault.com/a/1190000042562451",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "6",
-    "rank": 23
-  },
-  {
-    "title": "35+，如果面试让我手写红黑树！",
-    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
-    "url": "https://segmentfault.com/a/1190000042581816",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "6",
-    "rank": 24
+    "rank": 25
   },
   {
-    "title": "这些js原型及原型链面试题你能做对几道",
-    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
-    "url": "https://segmentfault.com/a/1190000042569583",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "16",
-    "rank": 25
+    "title": "超强的纯 CSS 鼠标点击拖拽效果",
+    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
+    "url": "https://segmentfault.com/a/1190000042589774",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 26
   },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
@@ -231,7 +240,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -240,7 +249,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -249,7 +258,7 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "6",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "微信小程序转为App并上架应用市场",
@@ -258,15 +267,6 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "4",
-    "rank": 29
-  },
-  {
-    "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": "8",
     "rank": 30
   }
 ]