@wcj/github-rank 22.10.9 → 22.10.10

package/dist/sifou-daily.json

@@ -1,38 +1,47 @@
 [
   {
-    "title": "JavaScript 新提案：array.groupBy()",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042578631",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "35+，如果面试让我手写红黑树！",
-    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
-    "url": "https://segmentfault.com/a/1190000042581816",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
+    "title": "h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码",
+    "description": "有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...",
+    "url": "https://segmentfault.com/a/1190000042587161",
+    "author": "farmerz",
+    "home_url": "https://segmentfault.com/u/farmerz",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "想学习Web安全，如何入门？",
-    "description": "开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...",
-    "url": "https://segmentfault.com/a/1190000042581060",
-    "author": "代码熬夜敲",
-    "home_url": "https://segmentfault.com/u/2uj39mdb",
+    "title": "API接口监控实用工具 - WGCLOUD",
+    "description": "随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态",
+    "url": "https://segmentfault.com/a/1190000042584134",
+    "author": "一往情深",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "vue项目接入海康威视h5player.js播放器",
-    "description": "最近公司项目需要接入海康视频监控，先后使用了easyplayer.js(只能播放海康视频的hls视频流，加载很慢，放弃),海康自带WEB插件(需要用户安装插件，放弃)，最终决定使用海康H5player.js插件，使用版本V2.12，供大...",
-    "url": "https://segmentfault.com/a/1190000042580894",
-    "author": "瑞瑞同学_",
-    "home_url": "https://segmentfault.com/u/ruiruik",
+    "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",
     "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",
+    "votes": "1",
+    "rank": 5
   }
 ]

package/dist/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "25",
+    "rank": 1
+  },
   {
     "title": "还在用定时器吗？借助 CSS 来监听事件",
     "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
@@ -6,15 +15,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "25",
-    "rank": 1
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "24",
     "rank": 2
   },
   {
@@ -23,24 +23,24 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "18",
+    "votes": "20",
     "rank": 3
   },
-  {
-    "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",
-    "rank": 4
-  },
   {
     "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",
     "rank": 5
   },
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000042509082",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "18",
+    "votes": "20",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000042513947",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
+    "votes": "14",
     "rank": 7
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000042502121",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "13",
+    "votes": "14",
     "rank": 8
   },
   {
@@ -90,14 +90,23 @@
     "rank": 10
   },
   {
-    "title": "AI数字绘画 stable-diffusion 保姆级教程",
-    "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
-    "url": "https://segmentfault.com/a/1190000042450560",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "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": 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
+  },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
     "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
@@ -105,7 +114,7 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "9",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
@@ -114,7 +123,7 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "14",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -123,42 +132,33 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 14
-  },
-  {
-    "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": "8",
     "rank": 15
   },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 16
-  },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
     "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
     "url": "https://segmentfault.com/a/1190000042490237",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "votes": "11",
+    "rank": 16
+  },
+  {
+    "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": 17
   },
   {
-    "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": "8",
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 18
   },
   {
@@ -206,15 +206,6 @@
     "votes": "6",
     "rank": 23
   },
-  {
-    "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": "8",
-    "rank": 24
-  },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
     "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
@@ -222,7 +213,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -231,7 +222,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "微信小程序转为App并上架应用市场",
@@ -240,6 +231,15 @@
     "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
   },
   {