@wcj/github-rank 22.9.20 → 22.9.22

package/web/data/sifou-daily.json

@@ -1,56 +1,47 @@
 [
   {
-    "title": "新指令 v-memo，提高性能的又一利器",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042442388",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "共码未来 | 提供运营数据库工作负载的优越平台",
+    "description": "云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...",
+    "url": "https://segmentfault.com/a/1190000042528779",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "50天用vue3完成了50个web项目，我学到了什么?",
-    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
-    "url": "https://segmentfault.com/a/1190000042509082",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "5",
+    "title": "angular中 property 和 attribute， 以及记录相关的问题",
+    "description": "property 和 attribute往常用到td的时候, 像这样用：rowspan=\"3\"。 在当前angular项目中，需要用到动态绑定rowspan。本来想的是，html:<td rowspan=\"{{row}}\"> ts:row = 3;这样绑定。...",
+    "url": "https://segmentfault.com/a/1190000042528630",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "精读《State of CSS 2022》",
-    "description": "解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...",
-    "url": "https://segmentfault.com/a/1190000042507985",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "总结本周遇到的问题（9/21）",
+    "description": "本中要写到一个页面需要进行级联查询当前建筑是属于服务区下的，所以我们选择了服务区才能继续根据所选择的服务区，也就是说如果我们选择完 服务区一，再选择建筑一，如果我们此时更换选择的服务区里所应当应该去...",
+    "url": "https://segmentfault.com/a/1190000042520923",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "深入浅出 JavaScript 中的 this",
-    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
-    "url": "https://segmentfault.com/a/1190000042509466",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
+    "title": "OKR之剑（理念篇）02—— OKR布道之旅",
+    "description": "大概是在2013年底，一些创业者在硅谷深受OKR洗礼，并在自己的公司内小范围运用，以此OKR开始传入中国。而vivo初尝OKR则是在2019年，当时的互联网管理团队注意到OKR在Google和 MicroSoft等大型公司的成功实践，于...",
+    "url": "https://segmentfault.com/a/1190000042518339",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
-    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
-    "url": "https://segmentfault.com/a/1190000042509388",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "title": "爆肝撸了个“羊了个羊”通关助手",
+    "description": "最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...",
+    "url": "https://segmentfault.com/a/1190000042518477",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "微服务开发系列：为什么选择 kotlin",
-    "description": "开发人员可以根据自己需要采用 java 语言开发，但是很明显的，项目中各种工具类已经为了 kotlin 做出了很多修改，如果大量采用 java 开发， 结果可能是比纯 java 开发的速度还要慢。",
-    "url": "https://segmentfault.com/a/1190000042509913",
-    "author": "zxdposter",
-    "home_url": "https://segmentfault.com/u/zxdposter",
-    "votes": "2",
-    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,9 +5,27 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "19",
+    "votes": "20",
     "rank": 1
   },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 2
+  },
+  {
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "19",
+    "rank": 3
+  },
   {
     "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
     "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
@@ -15,7 +33,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 2
+    "rank": 4
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -24,16 +42,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "13",
-    "rank": 3
-  },
-  {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -42,16 +51,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 5
+    "rank": 6
   },
   {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "14",
-    "rank": 6
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 7
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -60,16 +69,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 7
+    "rank": 8
   },
   {
-    "title": "巧用 transition 实现短视频 APP 点赞动画",
-    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
-    "url": "https://segmentfault.com/a/1190000042398943",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
-    "rank": 8
+    "title": "实现《羊了个羊》的小游戏",
+    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
+    "url": "https://segmentfault.com/a/1190000042502121",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "12",
+    "rank": 9
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -78,7 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -87,7 +96,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -96,16 +105,16 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "实现《羊了个羊》的小游戏",
-    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
-    "url": "https://segmentfault.com/a/1190000042502121",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "11",
-    "rank": 12
+    "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",
+    "votes": "8",
+    "rank": 13
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -114,7 +123,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "13",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -123,15 +132,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 14
-  },
-  {
-    "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",
-    "votes": "7",
     "rank": 15
   },
   {
@@ -143,15 +143,6 @@
     "votes": "9",
     "rank": 16
   },
-  {
-    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
-    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
-    "url": "https://segmentfault.com/a/1190000042353870",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "10",
-    "rank": 17
-  },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
     "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
@@ -159,7 +150,7 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -168,7 +159,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -177,7 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -186,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "精读《SolidJS》",
@@ -195,7 +186,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -204,7 +195,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -213,7 +204,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -222,8 +213,26 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
+    "rank": 24
+  },
+  {
+    "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": "7",
     "rank": 25
   },
+  {
+    "title": "近期对前端性能优化的总结",
+    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
+    "url": "https://segmentfault.com/a/1190000042461022",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "4",
+    "rank": 26
+  },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
     "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
@@ -231,7 +240,16 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 26
+    "rank": 27
+  },
+  {
+    "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": "7",
+    "rank": 28
   },
   {
     "title": "拒绝加班:巧用前端电子表格中构建公式树",
@@ -240,7 +258,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "性能优化必备——火焰图",
@@ -249,24 +267,6 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "6",
-    "rank": 28
-  },
-  {
-    "title": "慎用JSON.stringify",
-    "description": "项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。",
-    "url": "https://segmentfault.com/a/1190000042414379",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "7",
-    "rank": 29
-  },
-  {
-    "title": "深入理解JavaScript-JavaScript 中的始皇",
-    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
-    "url": "https://segmentfault.com/a/1190000042469668",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "3",
     "rank": 30
   }
 ]