@wcj/github-rank 22.9.13 → 22.9.15

package/dist/sifou-daily.json

@@ -1,47 +1,74 @@
 [
   {
-    "title": "OpenDataV低代码平台新增组件流程",
-    "description": "OpenDataV计划采用子库的方式添加子组件，即每一个组件都当做一个子库，子库有自己的依赖，而项目本身的依赖只针对框架，因此每一个组件我们都当做一个子库来开发。下面我带着大家一步步详细的开发一个数字展示组...",
-    "url": "https://segmentfault.com/a/1190000042460000",
-    "author": "星星在线",
-    "home_url": "https://segmentfault.com/u/dengshangxing",
-    "votes": "2",
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
     "rank": 1
   },
   {
-    "title": "angular中单元测试中Uncaught undefined thrown",
-    "description": "在跑单元测试的时候遇到了这个问题， 控制台报错： An error was thrown in afterAll Uncaught undefined thrown",
-    "url": "https://segmentfault.com/a/1190000042460297",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "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": "之前的文章中有写过在thy-form 与 formgroup 联合使用时出现的问题，当时直接认定它们不能同时使用。在后来的尝试中发现可以同时使用，下面来讲一下使用时遇到的问题。原文章： 记录最近遇到的问题",
-    "url": "https://segmentfault.com/a/1190000042460130",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "1",
+    "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": "WebSocket学习笔记",
-    "description": "WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工(full-duplex)通讯的协议。没有了 Request 和 Response 的概念，两者地位完全平等，连接一旦建立，就建立了真持久性连接，双方可以通...",
-    "url": "https://segmentfault.com/a/1190000042459984",
-    "author": "爱吃鸡蛋饼",
-    "home_url": "https://segmentfault.com/u/dvqlfbwm",
-    "votes": "1",
+    "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": "升级 React Router v6 指南",
-    "description": "近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 re...",
-    "url": "https://segmentfault.com/a/1190000042459956",
-    "author": "JackySummer",
-    "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "1",
+    "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",
+    "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
   }
 ]

package/dist/sifou-monthly.json

@@ -17,6 +17,15 @@
     "votes": "29",
     "rank": 2
   },
+  {
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "votes": "18",
+    "rank": 3
+  },
   {
     "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
     "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
@@ -24,7 +33,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 3
+    "rank": 4
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -33,7 +42,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "13",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -42,7 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -51,26 +60,8 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 6
-  },
-  {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "12",
     "rank": 7
   },
-  {
-    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
-    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
-    "url": "https://segmentfault.com/a/1190000042447341",
-    "author": "dreamapplehappy",
-    "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "11",
-    "rank": 8
-  },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
     "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
@@ -78,7 +69,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -86,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042398943",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 10
+    "votes": "15",
+    "rank": 9
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -96,7 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -105,7 +96,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -114,16 +105,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 13
-  },
-  {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "10",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -132,7 +114,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -141,7 +123,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -150,7 +132,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -159,7 +141,16 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 18
+    "rank": 16
+  },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
+    "rank": 17
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -168,16 +159,16 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 19
+    "rank": 18
   },
   {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "4",
-    "rank": 20
+    "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": "6",
+    "rank": 19
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -186,8 +177,35 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
+    "rank": 20
+  },
+  {
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "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
+  },
+  {
+    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
+    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
+    "url": "https://segmentfault.com/a/1190000042458570",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "7",
+    "rank": 23
+  },
   {
     "title": "精读《SolidJS》",
     "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
@@ -195,7 +213,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -204,7 +222,7 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -213,7 +231,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -222,7 +240,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 25
+    "rank": 27
+  },
+  {
+    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
+    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
+    "url": "https://segmentfault.com/a/1190000042432407",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "8",
+    "rank": 28
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -231,16 +258,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
-    "rank": 26
-  },
-  {
-    "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": "6",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -249,24 +267,6 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 28
-  },
-  {
-    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042318628",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 29
-  },
-  {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
     "rank": 30
   }
 ]