@wcj/github-rank 22.8.17 → 22.8.18

package/web/data/sifou-daily.json

@@ -1,128 +1,83 @@
 [
   {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
+    "description": "在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...",
+    "url": "https://segmentfault.com/a/1190000042331688",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 1
   },
   {
-    "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",
+    "title": "🎁 来「极客观点」刷题打卡，领取限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "写接口文档之前，我会问自己 3 个问题",
-    "description": "为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...",
-    "url": "https://segmentfault.com/a/1190000042326442",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "title": "完整又全面，教你在 Github Action 多平台构建 Electron 应用",
+    "description": "众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。",
+    "url": "https://segmentfault.com/a/1190000042334235",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "在 api 接口测试中，我会关注这三个指标",
-    "description": "接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...",
-    "url": "https://segmentfault.com/a/1190000042326129",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "3",
+    "title": "在阿里做前端程序员，我是这样规划的",
+    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
+    "url": "https://segmentfault.com/a/1190000042334736",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042290580",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "还是开源的工具 Mock 功能用起来香",
+    "description": "接口尚未开发完成，在系统交互双方定义好接口之后，我们可以提前进行开发和测试，并不依赖上游系统的开发实现。通过使用 Mock 模拟数据接口，这样我们就可以再只开发了 UI 的情况下，无须服务端的开发就可以进行...",
+    "url": "https://segmentfault.com/a/1190000042332571",
+    "author": "猿计划",
+    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "1",
     "rank": 5
   },
   {
-    "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",
+    "title": "5 年前端聊聊 API 以及它的未来趋势",
+    "description": "经常会遇到人问，“API是什么呀？”字面意思，API 即“应用编程接口”，是世界上所有软件的基本组成部分，企业通过开发和组合不同的 API 接口来形成我们所用的各种软件，今天我们所使用的所有互联网服务，比如发送短...",
+    "url": "https://segmentfault.com/a/1190000042332035",
+    "author": "猿计划",
+    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
+    "votes": "1",
     "rank": 6
   },
   {
-    "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",
+    "title": "vue3中h函数的常见用法",
+    "description": "一般情况下每个vue组件都用\"\\<template\\>\"写html, 但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合\"h\"使用.",
+    "url": "https://segmentfault.com/a/1190000042331550",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "如何开发一款基于 Vite+Vue3 的在线表格系统（上）",
-    "description": "Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...",
-    "url": "https://segmentfault.com/a/1190000042329212",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "大家都能看得懂的源码-如何让定时器在页面最小化的时候不执行？",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。今天我们来聊聊定时器。useInterval 和 useTimeout看名称，我们就能大概知道，它们的功能对...",
+    "url": "https://segmentfault.com/a/1190000042331312",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "xflow流程可视化-designable高级配置",
-    "description": "上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。",
-    "url": "https://segmentfault.com/a/1190000042328356",
-    "author": "陌路凡歌",
-    "home_url": "https://segmentfault.com/u/molufange",
+    "title": "php实现RSA的加密解密和签名验签功能",
+    "description": "注意：如果在生成私钥和公钥时出现如下提示：需要将你的php环境下的openssl.cnf文件地址加到系统环境变量中增加变量名OPENSSL_CONF，变量值为openssl.cnf文件地址",
+    "url": "https://segmentfault.com/a/1190000042334788",
+    "author": "huaweichenai",
+    "home_url": "https://segmentfault.com/u/huaweichenai",
     "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

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
     "rank": 2
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042184163",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
+    "votes": "20",
     "rank": 5
   },
   {
@@ -107,6 +107,15 @@
     "votes": "12",
     "rank": 12
   },
+  {
+    "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": "11",
+    "rank": 13
+  },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
     "description": "React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...",
@@ -114,7 +123,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "17",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -123,15 +132,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "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
   },
   {
@@ -171,11 +171,11 @@
     "rank": 19
   },
   {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
     "rank": 20
   },
@@ -188,15 +188,6 @@
     "votes": "11",
     "rank": 21
   },
-  {
-    "title": "梳理 Webpack 知识体系与学习资源推荐",
-    "description": "前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...",
-    "url": "https://segmentfault.com/a/1190000042232699",
-    "author": "JackySummer",
-    "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "15",
-    "rank": 22
-  },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
     "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
@@ -204,6 +195,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
+    "rank": 22
+  },
+  {
+    "title": "梳理 Webpack 知识体系与学习资源推荐",
+    "description": "前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...",
+    "url": "https://segmentfault.com/a/1190000042232699",
+    "author": "JackySummer",
+    "home_url": "https://segmentfault.com/u/jackysummer",
+    "votes": "15",
     "rank": 23
   },
   {
@@ -221,9 +221,18 @@
     "url": "https://segmentfault.com/a/1190000042290360",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "7",
+    "votes": "8",
     "rank": 25
   },
+  {
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "11",
+    "rank": 26
+  },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
     "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
@@ -231,7 +240,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -240,7 +249,16 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 27
+    "rank": 28
+  },
+  {
+    "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": "12",
+    "rank": 29
   },
   {
     "title": "我有 7种 实现web实时消息推送的方案，7种！",
@@ -249,24 +267,6 @@
     "author": "程序员小富",
     "home_url": "https://segmentfault.com/u/chengxy",
     "votes": "14",
-    "rank": 28
-  },
-  {
-    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042238526",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
-    "rank": 29
-  },
-  {
-    "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
   }
 ]