@wcj/github-rank 22.8.16 → 22.8.17

package/web/data/sifou-daily.json

@@ -1,83 +1,128 @@
 [
   {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
     "rank": 1
   },
   {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "3",
+    "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": "6",
     "rank": 2
   },
   {
-    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042318628",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "写接口文档之前，我会问自己 3 个问题",
+    "description": "为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...",
+    "url": "https://segmentfault.com/a/1190000042326442",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "低代码时代已来，还是又一轮技术炒作？",
-    "description": "1982年，James Martin在论文《Application Development Without Program》提出了不需要写程序便可构建应用的畅想，极具前瞻性地预测了软件工程领域的发展趋势。2014 年，这一预测逐渐在行业内落地：低代码的概念...",
-    "url": "https://segmentfault.com/a/1190000042322522",
-    "author": "腾讯云开发者",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
+    "title": "在 api 接口测试中，我会关注这三个指标",
+    "description": "接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...",
+    "url": "https://segmentfault.com/a/1190000042326129",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "2",
+    "title": "Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042290580",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "flutter系列之:flutter架构什么的,看完这篇文章就全懂了",
-    "description": "Flutter是google开发的一个跨平台的UI构建工具，flutter目前最新的版本是3.0.5。使用flutter你可以使用一套代码搭建android，IOS，web和desktop等不同平台的应用。做到一次编写到处运行的目的。",
-    "url": "https://segmentfault.com/a/1190000042321759",
-    "author": "flydean",
-    "home_url": "https://segmentfault.com/u/flydean",
-    "votes": "1",
+    "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": "2",
     "rank": 6
   },
   {
-    "title": "【译】Filed Play：简介",
-    "description": "引子在尝试数学函数可视化的时候，发现了一个有趣的库 Field Play ，对 README 中的说明进行部分翻译记录，做个初步了解。OriginMy GitHubWhat?让我们为网格上的每个点指定一个向量 (1, 0) 。这意味着我们有一个...",
-    "url": "https://segmentfault.com/a/1190000042318677",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
+    "title": "前端必备的 HTTP 知识",
+    "description": "HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...",
+    "url": "https://segmentfault.com/a/1190000042326660",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "4",
     "rank": 7
   },
   {
-    "title": "Github上最好的开源网校系统",
-    "description": "随着「疫情」「双减政策」的包夹紧逼，线下的教培机构迅速地意识到了网校平台搭建的必要性，网课这一形式除了是一种教育趋势，也是一种抵御经营风险的方法。，那么线上教育平台该如何选择或搭建？",
-    "url": "https://segmentfault.com/a/1190000042322323",
-    "author": "马克朱温",
-    "home_url": "https://segmentfault.com/u/makezhuwen",
+    "title": "如何开发一款基于 Vite+Vue3 的在线表格系统（上）",
+    "description": "Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...",
+    "url": "https://segmentfault.com/a/1190000042329212",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "React版/Vue版都齐了，不一样的开源后台管理系统坐等你来开箱",
-    "description": "本项目主要基于Elux+Antd构建，包含React版本和Vue版本，旨在提供给大家一个简单基础、开箱即用的后台管理系统通用模版，主要包含运行环境、脚手架、代码风格、基本Layout、状态管理、路由管理、增删改查逻辑、列...",
-    "url": "https://segmentfault.com/a/1190000042320531",
-    "author": "hiisea",
-    "home_url": "https://segmentfault.com/u/hiisea",
+    "title": "xflow流程可视化-designable高级配置",
+    "description": "上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。",
+    "url": "https://segmentfault.com/a/1190000042328356",
+    "author": "陌路凡歌",
+    "home_url": "https://segmentfault.com/u/molufange",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "图扑软件数字孪生厦门隧道，助力交通数字化升级",
+    "description": "隧道作为重要交通建筑设施，为缩短运行距离、提高运输能力、减少事故等方面起到重要作用。同时隧道交通具有流量大、行车速度快的特点，且内部含有大量照明、风机、水泵、指示器、情报板、供电等设备设施，若隧道...",
+    "url": "https://segmentfault.com/a/1190000042327153",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "Java注解最全详解(超级详细)",
+    "description": "Java注解是一个很重要的知识点，掌握好Java注解有利于学习Java开发框架底层实现。@mikechenJava注解定义Java注解又称Java标注，是在 JDK5 时引入的新特性，注解（也被称为元数据）。Java注解它提供了一种安全的类...",
+    "url": "https://segmentfault.com/a/1190000042325806",
+    "author": "mikechen",
+    "home_url": "https://segmentfault.com/u/user_fx09jed8",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "连流量染色都没有，你说要搞微服务？",
+    "description": "在当下盛行的微服务架构下，服务数量多导致的依赖问题经常会成为开发过程中的绊脚石。也经常会在各种技术交流会上听到类似的话题，大家都在积极的讨论这种问题如何去解决。于是决定给大家介绍下流量染色的原理以...",
+    "url": "https://segmentfault.com/a/1190000042325664",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "阿里前端智能化技术探索和未来思考",
+    "description": "最近看到一个研判：过去十年是智能化蓬勃发展的十年，但未来十年会是智能化渗入各领域不断改变我们生活和工作的十年。对此深以为然。随着对神经网络加速的专用处理器成为硬件标配、DSP越来越多地从专业领域进入消...",
+    "url": "https://segmentfault.com/a/1190000042329618",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "SpringBoot SPI 机制和实现自定义 starter",
+    "description": "什么是spi呢，全称是 Service Provider Interface 。简单翻译的话，就是服务提供者接口，是一种寻找服务实现的机制。",
+    "url": "https://segmentfault.com/a/1190000042327601",
+    "author": "i",
+    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
+    "votes": "1",
+    "rank": 14
   }
 ]

package/web/data/sifou-monthly.json

@@ -17,14 +17,23 @@
     "votes": "23",
     "rank": 2
   },
+  {
+    "title": "使用 CSS 构建强大且酷炫的粒子动画",
+    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
+    "url": "https://segmentfault.com/a/1190000042283578",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 3
+  },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
     "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
     "url": "https://segmentfault.com/a/1190000042184211",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 3
+    "votes": "23",
+    "rank": 4
   },
   {
     "title": "CSS color-scheme 和夜间模式",
@@ -33,7 +42,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -42,15 +51,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 5
-  },
-  {
-    "title": "使用 CSS 构建强大且酷炫的粒子动画",
-    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
-    "url": "https://segmentfault.com/a/1190000042283578",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
     "rank": 6
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000042272755",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "votes": "19",
     "rank": 8
   },
   {
@@ -77,7 +77,7 @@
     "url": "https://segmentfault.com/a/1190000042256837",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "votes": "19",
     "rank": 9
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000042282658",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "13",
+    "votes": "14",
     "rank": 10
   },
   {
@@ -122,9 +122,18 @@
     "url": "https://segmentfault.com/a/1190000042200631",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
+    "votes": "14",
     "rank": 14
   },
+  {
+    "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": "10",
+    "rank": 15
+  },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
     "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
@@ -132,7 +141,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
@@ -141,15 +150,6 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "12",
-    "rank": 16
-  },
-  {
-    "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
-    "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
-    "url": "https://segmentfault.com/a/1190000042244854",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
     "rank": 17
   },
   {
@@ -161,6 +161,15 @@
     "votes": "9",
     "rank": 18
   },
+  {
+    "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
+    "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
+    "url": "https://segmentfault.com/a/1190000042244854",
+    "author": "乌柏木",
+    "home_url": "https://segmentfault.com/u/wubomu",
+    "votes": "14",
+    "rank": 19
+  },
   {
     "title": "如何提出一个高质量的问题？",
     "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
@@ -168,7 +177,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -177,7 +186,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -186,7 +195,7 @@
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "15",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -195,7 +204,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -204,7 +213,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "10",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -213,7 +222,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "7",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -222,7 +231,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -231,7 +240,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "我有 7种 实现web实时消息推送的方案，7种！",
@@ -240,7 +249,7 @@
     "author": "程序员小富",
     "home_url": "https://segmentfault.com/u/chengxy",
     "votes": "14",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -249,24 +258,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 28
-  },
-  {
-    "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": "8",
     "rank": 29
   },
   {
-    "title": "Shopee在React Native 架构方面的探索",
-    "description": "React Native（下文简称 RN）是混合应用领域流行的跨端开发框架。RN 非常适合灵活多变的电商领域业务，由于 RN 是基于客户端渲染的技术，所以相较于 H5 页面，它在用户体验方面有一定优势。",
-    "url": "https://segmentfault.com/a/1190000042183220",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "6",
+    "title": "基于 Next.js实现在线Excel",
+    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
+    "url": "https://segmentfault.com/a/1190000042268783",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "5",
     "rank": 30
   }
 ]