@wcj/github-rank 22.9.15 → 22.9.16

package/dist/sifou-daily.json

@@ -1,74 +1,20 @@
 [
   {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "7",
+    "title": "深入理解JavaScript-instanceof——找祖籍",
+    "description": "我们分别在 JavaScript由什么组成 和 JavaScript 中的始皇 两篇文章中讲到了 instanceof，这篇文章好好说说 instanceof什么是 instanceof？MAN 的解释是：instanceof 运算符用于检测构造函数的 prototype 属性是...",
+    "url": "https://segmentfault.com/a/1190000042488074",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "Taro源码-cli项目创建的过程",
-    "description": "packages/taro-cli/src/cli.ts这个文件的作用就是接受内置命令、分解内置命令、针对不同的内置命令注册对应的命令插件。",
-    "url": "https://segmentfault.com/a/1190000042478842",
-    "author": "perkz",
-    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
-    "votes": "8",
-    "rank": 2
-  },
-  {
-    "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": "3",
-    "rank": 3
-  },
-  {
-    "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": "2",
-    "rank": 4
-  },
-  {
-    "title": "共码未来丨行业伙伴畅谈 “多端触达”，展望全球技术生态",
-    "description": "各路科技大咖、行业精英与热爱科技的开发者们齐聚 2022 Google 开发者大会共同解锁海量技术干货体验更全面的互动交流收获更丰富的创作灵感合力构建更美好的科技未来！ 致力于帮助开发者打造面对当今和未来的产品...",
-    "url": "https://segmentfault.com/a/1190000042482415",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾",
-    "description": "终于等到你！ 2022 Google 开发者大会今日如约重聚主旨演讲干货新鲜出炉快来一起回顾！谷歌一直积极帮助开发者灵活运用前沿科技，探索创新的方式以解决现实问题，以科技之力应对变化，帮助他人，如 Google 大中华...",
-    "url": "https://segmentfault.com/a/1190000042482325",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "Resemi Admin - 一个漂亮的开箱即用的前端框架",
-    "description": "简介Resemi Admin 是一个免费开源的中后台模版, 使用了最新的NextJS 12，React 18，TypeScript等主流技术开发。特性最新技术栈：使用最新的NextJS 12，React 18等前沿技术开发TypeScript：更安全的类型检查主题定...",
-    "url": "https://segmentfault.com/a/1190000042479470",
-    "author": "Anguer",
-    "home_url": "https://segmentfault.com/u/anguer",
+    "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": "1",
-    "rank": 7
-  },
-  {
-    "title": "前端常用的js函数方法",
-    "description": "1.判断类型集合 {代码...} 2.严格的身份证校验 {代码...} 3.将阿拉伯数字翻译成中文的大写数字 {代码...} 5.将数字转换为大写金额 {代码...} 6.是否数字 {代码...} 7.是否boolean {代码...} 8.是否函数 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000042476118",
-    "author": "給自己一個微笑",
-    "home_url": "https://segmentfault.com/u/fzijiyip_weixiao",
-    "votes": "2",
-    "rank": 8
+    "rank": 2
   }
 ]

package/dist/sifou-monthly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "Windows滚动条如何美化成 macOS 那样？",
-    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
-    "url": "https://segmentfault.com/a/1190000042323523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "36",
-    "rank": 1
-  },
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "29",
-    "rank": 2
-  },
   {
     "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
     "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
@@ -24,7 +6,7 @@
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
     "votes": "18",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
@@ -33,7 +15,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -42,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "13",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -60,7 +42,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "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": "巧用 transition 实现短视频 APP 点赞动画",
@@ -78,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "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": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -96,7 +78,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -105,7 +87,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -114,7 +96,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -123,7 +105,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -132,7 +114,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -141,7 +123,7 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -150,7 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "8",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -159,6 +141,24 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
+    "rank": 16
+  },
+  {
+    "title": "CSS transform、transition、animation 指南",
+    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
+    "url": "https://segmentfault.com/a/1190000042443684",
+    "author": "散一群逗逼",
+    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
+    "votes": "9",
+    "rank": 17
+  },
+  {
+    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
+    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
+    "url": "https://segmentfault.com/a/1190000042416590",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
     "rank": 18
   },
   {
@@ -170,15 +170,6 @@
     "votes": "6",
     "rank": 19
   },
-  {
-    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
-    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
-    "url": "https://segmentfault.com/a/1190000042329366",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "7",
-    "rank": 20
-  },
   {
     "title": "有意思的水平横向溢出滚动",
     "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
@@ -186,16 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 21
-  },
-  {
-    "title": "CSS transform、transition、animation 指南",
-    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
-    "url": "https://segmentfault.com/a/1190000042443684",
-    "author": "散一群逗逼",
-    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
-    "votes": "8",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -204,7 +186,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "7",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "精读《SolidJS》",
@@ -213,7 +195,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -222,7 +204,16 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 25
+    "rank": 23
+  },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 24
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -231,7 +222,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -240,7 +231,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -249,16 +240,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 28
-  },
-  {
-    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
-    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
-    "url": "https://segmentfault.com/a/1190000042416590",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -267,6 +249,24 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
+    "rank": 28
+  },
+  {
+    "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": "7",
+    "rank": 29
+  },
+  {
+    "title": "拒绝加班:巧用前端电子表格中构建公式树",
+    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
+    "url": "https://segmentfault.com/a/1190000042377267",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 30
   }
 ]