@wcj/github-rank 22.10.9 → 22.10.11

package/dist/sifou-daily.json

@@ -1,38 +1,56 @@
 [
   {
-    "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": "受访者：王泽锋（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": 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": "超强的纯 CSS 鼠标点击拖拽效果",
+    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
+    "url": "https://segmentfault.com/a/1190000042589774",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "想学习Web安全，如何入门？",
-    "description": "开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...",
-    "url": "https://segmentfault.com/a/1190000042581060",
-    "author": "代码熬夜敲",
-    "home_url": "https://segmentfault.com/u/2uj39mdb",
+    "title": "新一波 JavaScript 框架",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042558282",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "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",
-    "votes": "1",
+    "title": "element 动态表格新增删除行、列闪现问题",
+    "description": "无论是新增行列还是删除行列，vue 都需要重新计算单元格的高度和宽度，然后再重新渲染到页面上。因为这个过程被直接反馈到了页面上，所以导致了 table 发生闪烁。",
+    "url": "https://segmentfault.com/a/1190000042593644",
+    "author": "tenSe7en",
+    "home_url": "https://segmentfault.com/u/potato_5896cd102b6fe",
+    "votes": "7",
     "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",
+    "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",
+    "rank": 6
   }
 ]

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": "26",
+    "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,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "18",
+    "votes": "22",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
+    "votes": "20",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "19",
+    "votes": "20",
     "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,26 +123,26 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "14",
-    "rank": 13
-  },
-  {
-    "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "本期中奖名单：[链接]亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "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",
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 15
   },
+  {
+    "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": 16
+  },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
     "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
@@ -141,24 +150,15 @@
     "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",
     "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": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "9",
     "rank": 18
   },
   {
@@ -207,14 +207,23 @@
     "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",
+    "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
   },
+  {
+    "title": "这些js原型及原型链面试题你能做对几道",
+    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
+    "url": "https://segmentfault.com/a/1190000042569583",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "16",
+    "rank": 25
+  },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
     "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
@@ -222,7 +231,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
@@ -231,7 +240,16 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 26
+    "rank": 27
+  },
+  {
+    "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": 28
   },
   {
     "title": "微信小程序转为App并上架应用市场",
@@ -240,7 +258,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "4",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "面试说：聊聊JavaScript中的数据类型",
@@ -249,24 +267,6 @@
     "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
   }
 ]