@wcj/github-rank 22.9.14 → 22.9.15

package/web/data/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "title": "Google 谷歌开发者大会观看指南，速速收藏！",
-    "description": "222 Google 开发者大会明天上午 9 : 30 将正式开幕！收藏这份大会观看指南线上线下同步自由探索24 个产品线和话题最新动态80+ 个技术专题演讲30+ 个技术与产品趣味互动体验开启技术灵感交流的难忘之旅！9 月 14 ...",
-    "url": "https://segmentfault.com/a/1190000042471763",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "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": "深入理解JavaScript-JavaScript 中的始皇",
-    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
-    "url": "https://segmentfault.com/a/1190000042469668",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
+    "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": "分析了1011个程序员的裁员情况后得出的启示",
-    "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
-    "url": "https://segmentfault.com/a/1190000042461269",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "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": "一文看懂Node处理CPU密集型任务的方法有哪些",
-    "description": "Node是一个非阻塞I/O(non-blocking I/O)和事件驱动(event-driven)的JavaScript运行环境(runtime)，所以它非常适合用来构建I/O密集型应用，例如Web服务等。",
-    "url": "https://segmentfault.com/a/1190000042471511",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "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": "基于 .NET 6 的轻量级 Webapi 框架 FastEndpoints",
-    "description": "FastEndpoints 是一个基于 .NET 6 开发的开源 webapi 框架，它可以很好地替代 .NET Minimal APIs 和 MVC ，专门为开发效率而生，带来了全新的开发模式和编码体验。另外对于 .NET 的中间件、认证、授权、日志，依...",
-    "url": "https://segmentfault.com/a/1190000042462393",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
-    "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": "vivo 全球商城：电商平台通用取货码设计",
-    "description": "随着O2O线上线下业务的不断扩展，电商平台也在逐步完善交易侧相关的产品功能。在最近的需求版本中，业务方为进一步提升用户的使用体验，规划了取货码生成及订单核销相关逻辑，目的是让线上的用户在付完款之后能够...",
-    "url": "https://segmentfault.com/a/1190000042461697",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "3",
+    "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/web/data/sifou-monthly.json

@@ -62,15 +62,6 @@
     "votes": "9",
     "rank": 7
   },
-  {
-    "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": 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,16 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 11
-  },
-  {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "5",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -114,7 +96,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -123,16 +105,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 14
-  },
-  {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "10",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -141,7 +114,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -150,7 +123,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -159,7 +132,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -168,7 +141,16 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 19
+    "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 调试更简单",
@@ -177,16 +159,16 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 20
+    "rank": 18
   },
   {
-    "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": 21
+    "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方法合并两个对象数组，有则替换，无则新增",
@@ -195,16 +177,16 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 22
+    "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",
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -212,8 +194,17 @@
     "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": 24
+    "rank": 23
   },
   {
     "title": "精读《SolidJS》",
@@ -222,7 +213,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -231,7 +222,7 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -240,7 +231,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -249,7 +240,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -258,7 +249,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -267,6 +258,15 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
+    "rank": 29
+  },
+  {
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "5",
     "rank": 30
   }
 ]