@wcj/github-rank 22.8.15 → 22.8.18

package/dist/sifou-daily.json

@@ -1,38 +1,83 @@
 [
   {
-    "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
-    "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
-    "url": "https://segmentfault.com/a/1190000042316720",
-    "author": "Gomi",
-    "home_url": "https://segmentfault.com/u/gomi",
-    "votes": "3",
+    "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": "前端须知的 Cookie 知识",
-    "description": "cookie 是服务器端保存在浏览器的一小段文本信息，浏览器每次向服务器端发出请求，都会附带上这段信息（不是所有都带上，具体的下文会介绍）。",
-    "url": "https://segmentfault.com/a/1190000042317697",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
+    "title": "🎁 来「极客观点」刷题打卡，领取限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "iframe 父子通信总结",
-    "description": "同源的情况下父子可以互相访问window对象，且能操作DOM。子获取父window对象方法：window.parent子获取顶层window对象方法：window.top父获取子window对象方法： window.frames",
-    "url": "https://segmentfault.com/a/1190000042316722",
-    "author": "SeaBoat",
-    "home_url": "https://segmentfault.com/u/dinghaizhou",
-    "votes": "1",
+    "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": "从SSM到SpringBoot",
-    "description": "IOC(Inversion Of Control)与DI(Dependency Injection)指同一个特性。Spring支持使用BeanFactory来获取Bean形式的对象,例如将Mapper层类的实例注入到Service层类的实例中,再将Service层类的实例注入到Controller...",
-    "url": "https://segmentfault.com/a/1190000042317605",
-    "author": "城中月",
-    "home_url": "https://segmentfault.com/u/chengzhongyue",
+    "title": "在阿里做前端程序员，我是这样规划的",
+    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
+    "url": "https://segmentfault.com/a/1190000042334736",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "1",
     "rank": 4
+  },
+  {
+    "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": "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": "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": "大家都能看得懂的源码-如何让定时器在页面最小化的时候不执行？",
+    "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": "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
   }
 ]

package/dist/sifou-monthly.json

@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
     "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 和夜间模式",
@@ -32,16 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042184163",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
-    "rank": 4
-  },
-  {
-    "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",
+    "votes": "20",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000042267425",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
+    "votes": "22",
     "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
   },
   {
@@ -107,22 +107,22 @@
     "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...",
     "url": "https://segmentfault.com/a/1190000042195199",
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "16",
-    "rank": 13
-  },
-  {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "12",
+    "votes": "17",
     "rank": 14
   },
   {
@@ -131,7 +131,7 @@
     "url": "https://segmentfault.com/a/1190000042200631",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "votes": "14",
     "rank": 15
   },
   {
@@ -144,12 +144,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",
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "12",
     "rank": 17
   },
   {
@@ -162,14 +162,23 @@
     "rank": 18
   },
   {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "11",
+    "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": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 20
+  },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
     "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
@@ -177,7 +186,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -186,7 +195,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -194,79 +203,70 @@
     "url": "https://segmentfault.com/a/1190000042232699",
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "14",
-    "rank": 22
-  },
-  {
-    "title": "通向架子工的前端开发利器推荐",
-    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
-    "url": "https://segmentfault.com/a/1190000042204295",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "9",
+    "votes": "15",
     "rank": 23
   },
-  {
-    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
-    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
-    "url": "https://segmentfault.com/a/1190000042216817",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "6",
-    "rank": 24
-  },
   {
     "title": "React Fiber架构原理剖析",
     "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
     "url": "https://segmentfault.com/a/1190000042271919",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "9",
+    "votes": "10",
+    "rank": 24
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "8",
     "rank": 25
   },
   {
-    "title": "我有 7种 实现web实时消息推送的方案，7种！",
-    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
-    "url": "https://segmentfault.com/a/1190000042192378",
-    "author": "程序员小富",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "14",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "11",
     "rank": 26
   },
   {
-    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042238526",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
+    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
+    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
+    "url": "https://segmentfault.com/a/1190000042216817",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "6",
     "rank": 27
   },
   {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "6",
+    "title": "通向架子工的前端开发利器推荐",
+    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
+    "url": "https://segmentfault.com/a/1190000042204295",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "9",
     "rank": 28
   },
   {
-    "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": "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": "低代码是开发的未来吗？浅谈低代码平台",
-    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
-    "url": "https://segmentfault.com/a/1190000042229850",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
+    "title": "我有 7种 实现web实时消息推送的方案，7种！",
+    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
+    "url": "https://segmentfault.com/a/1190000042192378",
+    "author": "程序员小富",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "14",
     "rank": 30
   }
 ]