@wcj/github-rank 22.10.10 → 22.10.12

package/dist/sifou-daily.json

@@ -1,47 +1,74 @@
 [
   {
-    "title": "一个被忽略的前端细分领域",
-    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
-    "url": "https://segmentfault.com/a/1190000042584599",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "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": "h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码",
-    "description": "有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...",
-    "url": "https://segmentfault.com/a/1190000042587161",
-    "author": "farmerz",
-    "home_url": "https://segmentfault.com/u/farmerz",
-    "votes": "1",
+    "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": "API接口监控实用工具 - WGCLOUD",
-    "description": "随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态",
-    "url": "https://segmentfault.com/a/1190000042584134",
-    "author": "一往情深",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "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": "ruoyi微服务整合之jimureport",
-    "description": "在项目pom.xml加入jar包依赖，我这里使用的是1.5.0版本. {代码...} 创建积木报表所需要的表,mysql 5.7版本.jimureport.sql在application主程序添加积木扫描目录， {代码...} 添加白名单",
-    "url": "https://segmentfault.com/a/1190000042587435",
-    "author": "potato",
-    "home_url": "https://segmentfault.com/u/potato_5896cd102b6fe",
+    "title": "从边缘视角展望元宇宙",
+    "description": "如今，在边缘环境部署成百上千互联设备已经不再新奇。在工厂和工程设施中，自从微芯片问世以来，PLC 就接管了工业设备的监控任务，并且一直在简化相应的工作流程。而今的不同在于，网络节点的构成以及其中容纳的...",
+    "url": "https://segmentfault.com/a/1190000042606166",
+    "author": "Rancher",
+    "home_url": "https://segmentfault.com/u/rancher",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "vue+element 动态表格组件",
-    "description": "需求1.表头数据不固定2.表头数据多层级3.表格跨行跨列4.表格可编辑5.编辑支持基本表单框子组件代码dynamic-header.vue {代码...} table-column.vue {代码...} 父组件list为表格数据，tableHeader为表头数据 {代码...",
-    "url": "https://segmentfault.com/a/1190000042587046",
-    "author": "potato",
-    "home_url": "https://segmentfault.com/u/potato_5896cd102b6fe",
+    "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": "技术分享 | 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

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042481321",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "25",
+    "votes": "26",
     "rank": 1
   },
   {
@@ -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,25 +23,25 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "20",
+    "votes": "23",
     "rank": 3
   },
-  {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "20",
-    "rank": 4
-  },
   {
     "title": "CSS transition 小技巧！如何保留 hover 的状态？",
     "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
+    "votes": "21",
+    "rank": 4
+  },
+  {
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "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
   },
   {
@@ -126,12 +126,12 @@
     "rank": 14
   },
   {
-    "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "本期中奖名单：[链接]亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "9",
+    "title": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "11",
     "rank": 15
   },
   {
@@ -140,7 +140,7 @@
     "url": "https://segmentfault.com/a/1190000042490237",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
+    "votes": "12",
     "rank": 16
   },
   {
@@ -158,9 +158,27 @@
     "url": "https://segmentfault.com/a/1190000042550192",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "votes": "8",
     "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中的事件循环",
     "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在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,16 +222,16 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "5",
-    "rank": 22
+    "rank": 25
   },
   {
-    "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": "超强的纯 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",
@@ -213,7 +240,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 24
+    "rank": 27
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -222,7 +249,16 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 25
+    "rank": 28
+  },
+  {
+    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
+    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
+    "url": "https://segmentfault.com/a/1190000042563735",
+    "author": "HullQin",
+    "home_url": "https://segmentfault.com/u/hullqin",
+    "votes": "6",
+    "rank": 29
   },
   {
     "title": "微信小程序转为App并上架应用市场",
@@ -231,42 +267,6 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "4",
-    "rank": 26
-  },
-  {
-    "title": "这些js原型及原型链面试题你能做对几道",
-    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
-    "url": "https://segmentfault.com/a/1190000042569583",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "15",
-    "rank": 27
-  },
-  {
-    "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": 28
-  },
-  {
-    "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": 29
-  },
-  {
-    "title": "从前端到全栈 -- 最全面向对象总结",
-    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
-    "url": "https://segmentfault.com/a/1190000042517735",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "6",
     "rank": 30
   }
 ]