@wcj/github-rank 22.9.22 → 22.9.23

package/web/data/sifou-daily.json

@@ -1,47 +1,65 @@
 [
   {
-    "title": "共码未来 | 提供运营数据库工作负载的优越平台",
-    "description": "云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...",
-    "url": "https://segmentfault.com/a/1190000042528779",
+    "title": "共码未来 | 以科技之新见人文之美",
+    "description": "科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...",
+    "url": "https://segmentfault.com/a/1190000042530275",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 1
   },
   {
-    "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",
+    "title": "前端是性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "2",
     "rank": 2
   },
   {
-    "title": "总结本周遇到的问题（9/21）",
-    "description": "本中要写到一个页面需要进行级联查询当前建筑是属于服务区下的，所以我们选择了服务区才能继续根据所选择的服务区，也就是说如果我们选择完 服务区一，再选择建筑一，如果我们此时更换选择的服务区里所应当应该去...",
-    "url": "https://segmentfault.com/a/1190000042520923",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
     "rank": 3
   },
   {
-    "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",
+    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
+    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
+    "url": "https://segmentfault.com/a/1190000042531062",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "爆肝撸了个“羊了个羊”通关助手",
-    "description": "最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...",
-    "url": "https://segmentfault.com/a/1190000042518477",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "设计模式之观察者模式",
+    "description": "观察者模式是极其重要的一个设计模式，也是我几年开发过程中使用最多的设计模式，本文首先概述观察者模式的基本概念和Demo实现，接着是观察者模式在Java和Spring中的应用，最后是对观察者模式的应用场景和优缺点...",
+    "url": "https://segmentfault.com/a/1190000042532084",
+    "author": "程序员田同学",
+    "home_url": "https://segmentfault.com/u/tian_study",
     "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "js中识别html标签外的空格  并替换为&nbsp;    （主要用于富文本）",
+    "description": "{代码...}",
+    "url": "https://segmentfault.com/a/1190000042533121",
+    "author": "李助瑞",
+    "home_url": "https://segmentfault.com/u/lizhurui",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "前端开发文档",
+    "description": "HTML元素语义化标签CSS选择器继承属性核心模块背景图像清除浮动定位BFC使用 attr()展示 tooltipJavaScript基础知识实用技巧内存管理JS 思维导图学习 JS 的 8 张思维导图jQuery 的 deferred 对象jQuery 学习笔记Pr...",
+    "url": "https://segmentfault.com/a/1190000042529848",
+    "author": "寒青",
+    "home_url": "https://segmentfault.com/u/whjin",
+    "votes": "2",
+    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,35 +5,26 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "20",
+    "votes": "21",
     "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
+    "votes": "20",
+    "rank": 2
   },
   {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
-    "rank": 4
+    "votes": "20",
+    "rank": 3
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -41,17 +32,8 @@
     "url": "https://segmentfault.com/a/1190000042386997",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "13",
-    "rank": 5
-  },
-  {
-    "title": "妙啊！纯 CSS 实现拼图游戏",
-    "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
-    "url": "https://segmentfault.com/a/1190000042361223",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 6
+    "votes": "14",
+    "rank": 4
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -60,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "16",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -69,7 +51,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "实现《羊了个羊》的小游戏",
@@ -78,7 +60,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "12",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -87,7 +69,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -96,7 +78,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -105,7 +87,7 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -114,6 +96,24 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
+    "rank": 11
+  },
+  {
+    "title": "你不知道的 console，让 JS 调试更简单",
+    "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
+    "url": "https://segmentfault.com/a/1190000042367660",
+    "author": "高志鹏",
+    "home_url": "https://segmentfault.com/u/gaozhipeng",
+    "votes": "11",
+    "rank": 12
+  },
+  {
+    "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": 13
   },
   {
@@ -125,15 +125,6 @@
     "votes": "13",
     "rank": 14
   },
-  {
-    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "9",
-    "rank": 15
-  },
   {
     "title": "使用 SVG 生成带标识的 favicon",
     "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
@@ -141,25 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 16
-  },
-  {
-    "title": "怎么防止同事用 Evil.js 的代码投毒",
-    "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
-    "url": "https://segmentfault.com/a/1190000042360645",
-    "author": "前端小菜鸟",
-    "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
-    "votes": "8",
-    "rank": 17
-  },
-  {
-    "title": "你不知道的 console，让 JS 调试更简单",
-    "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
-    "url": "https://segmentfault.com/a/1190000042367660",
-    "author": "高志鹏",
-    "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "10",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -168,7 +141,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -177,7 +150,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "精读《SolidJS》",
@@ -186,7 +159,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 21
+    "rank": 18
+  },
+  {
+    "title": "图解JS中的事件循环",
+    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
+    "url": "https://segmentfault.com/a/1190000042485178",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "5",
+    "rank": 19
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -195,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -204,7 +186,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -213,7 +195,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -222,7 +204,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -231,7 +213,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -240,7 +222,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -249,7 +231,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
-    "rank": 28
+    "rank": 26
+  },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 27
   },
   {
     "title": "拒绝加班:巧用前端电子表格中构建公式树",
@@ -258,7 +249,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "性能优化必备——火焰图",
@@ -267,6 +258,15 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "6",
+    "rank": 29
+  },
+  {
+    "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": 30
   }
 ]