@wcj/github-rank 22.8.16 → 22.8.17

package/dist/sifou-weekly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "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": 1
+  },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
     "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
@@ -6,24 +15,15 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 1
-  },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "7",
     "rank": 2
   },
   {
-    "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",
+    "title": "从 Islands Architecture 看前端有多卷",
+    "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
+    "url": "https://segmentfault.com/a/1190000042307425",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
     "rank": 3
   },
   {
@@ -32,18 +32,9 @@
     "url": "https://segmentfault.com/a/1190000042300972",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "6",
+    "votes": "7",
     "rank": 4
   },
-  {
-    "title": "如何在BI中增加“路线地图”并进行数据分析？",
-    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
-    "url": "https://segmentfault.com/a/1190000042304159",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 5
-  },
   {
     "title": "手写一个有点意思的电梯小程序",
     "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
@@ -51,16 +42,16 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "8",
-    "rank": 6
+    "rank": 5
   },
   {
-    "title": "快速了解navigator API setAppBadge",
-    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
-    "url": "https://segmentfault.com/a/1190000042288003",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
-    "rank": 7
+    "title": "如何在BI中增加“路线地图”并进行数据分析？",
+    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
+    "url": "https://segmentfault.com/a/1190000042304159",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
+    "rank": 6
   },
   {
     "title": "🔬 一文搞懂前端兼容问题",
@@ -69,16 +60,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "4",
-    "rank": 8
-  },
-  {
-    "title": "从 Islands Architecture 看前端有多卷",
-    "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
-    "url": "https://segmentfault.com/a/1190000042307425",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
@@ -87,6 +69,24 @@
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
+    "rank": 8
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React",
+    "description": "公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务...",
+    "url": "https://segmentfault.com/a/1190000042296782",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
+    "rank": 9
+  },
+  {
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 10
   },
   {
@@ -107,15 +107,6 @@
     "votes": "3",
     "rank": 12
   },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React",
-    "description": "公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务...",
-    "url": "https://segmentfault.com/a/1190000042296782",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
-    "rank": 13
-  },
   {
     "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
     "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
@@ -123,7 +114,7 @@
     "author": "Gomi",
     "home_url": "https://segmentfault.com/u/gomi",
     "votes": "4",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "Vue递归组件：渲染嵌套评论",
@@ -132,6 +123,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
+    "rank": 14
+  },
+  {
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
     "rank": 15
   },
   {
@@ -143,15 +143,6 @@
     "votes": "2",
     "rank": 16
   },
-  {
-    "title": "教你如何开发一个数据转换插件",
-    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
-    "url": "https://segmentfault.com/a/1190000042298935",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 17
-  },
   {
     "title": "那些年在Coding质量上走过的路",
     "description": "最近接了几个项目，代码质量参差不齐。本想按照以往的实践建议每个patch都做review，但往往dead line当头。我会想，我如果对这次patch做了review、以及长期做review能给业务带来什么价值。接着本文，我还想讨论其...",
@@ -159,16 +150,16 @@
     "author": "泊浮目",
     "home_url": "https://segmentfault.com/u/camile",
     "votes": "2",
-    "rank": 18
+    "rank": 17
   },
   {
-    "title": "分享 6 个 Vue3 开发必备的 VSCode 插件",
-    "description": "相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。",
-    "url": "https://segmentfault.com/a/1190000042293785",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "2",
-    "rank": 19
+    "title": "教你如何开发一个数据转换插件",
+    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
+    "url": "https://segmentfault.com/a/1190000042298935",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 18
   },
   {
     "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
@@ -177,7 +168,7 @@
     "author": "Xander",
     "home_url": "https://segmentfault.com/u/lazytimes",
     "votes": "0",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
@@ -185,17 +176,8 @@
     "url": "https://segmentfault.com/a/1190000042299910",
     "author": "马赛克就是我",
     "home_url": "https://segmentfault.com/u/yisuan",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "前端食堂技术周刊第 47 期：Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库",
-    "description": "美味值：🌟🌟🌟🌟🌟口味：碳烤羊排食堂技术周刊仓库地址：https://github.com/Geekhyt/weeklyPC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期摘要Docusaurus 2.07 月登陆网络平台的新内容Nuxt.js 团...",
-    "url": "https://segmentfault.com/a/1190000042294760",
-    "author": "童欧巴",
-    "home_url": "https://segmentfault.com/u/tongouba",
-    "votes": "1",
-    "rank": 22
+    "votes": "2",
+    "rank": 20
   },
   {
     "title": "使用CSS实现多种Noise噪点效果",
@@ -204,16 +186,16 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "1",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "富媒体在客服IM消息通信中的秒发实践",
-    "description": "客服一站式平台旨在为得物生态内的客服域服务人员提供一站式的服务办公平台。我们有多条业务线，客服在和用户聊天的过程中，有很多场景需要发送富媒体。跟普通的文本传输相比，富媒体可以直观的让用户了解到消息...",
-    "url": "https://segmentfault.com/a/1190000042289219",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "将废弃的安卓手机重新用作Web服务器 一",
+    "description": "将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...",
+    "url": "https://segmentfault.com/a/1190000042317550",
+    "author": "Riki一二三",
+    "home_url": "https://segmentfault.com/u/riki_wang",
     "votes": "1",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "图扑数字孪生北京故宫，推进旅游业元宇宙进程",
@@ -222,7 +204,7 @@
     "author": "hightopo",
     "home_url": "https://segmentfault.com/u/hightopo",
     "votes": "2",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
@@ -230,8 +212,8 @@
     "url": "https://segmentfault.com/a/1190000042307367",
     "author": "vipbic",
     "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
-    "votes": "1",
-    "rank": 26
+    "votes": "2",
+    "rank": 24
   },
   {
     "title": "20个首页流行布局样式,你喜欢哪个?",
@@ -240,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "在Vue 3中使用v-model来构建复杂的表单",
@@ -249,7 +231,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 28
+    "rank": 26
+  },
+  {
+    "title": "JWT 实现登录认证 + Token 自动续期方案",
+    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
+    "url": "https://segmentfault.com/a/1190000042295563",
+    "author": "CRMEB",
+    "home_url": "https://segmentfault.com/u/crmeb",
+    "votes": "2",
+    "rank": 27
   },
   {
     "title": "屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享",
@@ -258,15 +249,24 @@
     "author": "暖阳",
     "home_url": "https://segmentfault.com/u/nuanyang_62ba77f74c207",
     "votes": "1",
-    "rank": 29
+    "rank": 28
   },
   {
-    "title": "JWT 实现登录认证 + Token 自动续期方案",
-    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
-    "url": "https://segmentfault.com/a/1190000042295563",
-    "author": "CRMEB",
-    "home_url": "https://segmentfault.com/u/crmeb",
+    "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",
+    "rank": 29
+  },
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 30
   }
 ]

package/dist/toutiao-30.json

@@ -2,7 +2,7 @@
   {
     "title": "阿里云官方 Redis 开发规范！",
     "description": "",
-    "votes": "108",
+    "votes": "109",
     "url": "/k/2fqcbfi",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
@@ -12,7 +12,7 @@
   {
     "title": "全网最全的权限系统设计方案（图解）",
     "description": "",
-    "votes": "96",
+    "votes": "111",
     "url": "/k/lozkmee",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -62,7 +62,7 @@
   {
     "title": "京东面试：MQ 消息丢失、重复、积压问题，如何解决？",
     "description": "",
-    "votes": "80",
+    "votes": "82",
     "url": "/k/1unx53z",
     "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
     "avatarAlt": "浪客用react,java全栈 - 独家号",
@@ -72,7 +72,7 @@
   {
     "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
     "description": "",
-    "votes": "77",
+    "votes": "80",
     "url": "/k/3m8iq2m",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -102,27 +102,17 @@
   {
     "title": "微服务接口设计原则",
     "description": "本文结合自身后台开发经验，从高可用、高性能、易维护和低风险（安全）角度出发，尝试总结业界常见微服务接口设计原则，帮助大家设计出优秀的微服务。1.前言微服务是一种系统架构风格，是 S...",
-    "votes": "71",
+    "votes": "72",
     "url": "/k/4hjv10p",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
     "subjectName": "ASCE1885",
     "homeUrl": "/subjects/4829"
   },
-  {
-    "title": "老板：公司系统太多，能不能实现账号互通？",
-    "description": "文章来源：https://c1n.cn/lGL6r‍‍‍目录简介传统 Session 机制及身份认证方案集群环境下的 Session 困境及解决方案多服务下的登陆困境及 SSO 方...",
-    "votes": "73",
-    "url": "/k/g7sb904",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
   {
     "title": "连流量染色都没有，你说要搞微服务？",
     "description": "",
-    "votes": "63",
+    "votes": "65",
     "url": "/k/9k1wfc7",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -132,13 +122,23 @@
   {
     "title": "【大厂面试真题解析】虾皮 Shopee 后端一面十四问",
     "description": "",
-    "votes": "67",
+    "votes": "70",
     "url": "/k/pol71im",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
     "subjectName": "ASCE1885",
     "homeUrl": "/subjects/4829"
   },
+  {
+    "title": "老板：公司系统太多，能不能实现账号互通？",
+    "description": "文章来源：https://c1n.cn/lGL6r‍‍‍目录简介传统 Session 机制及身份认证方案集群环境下的 Session 困境及解决方案多服务下的登陆困境及 SSO 方...",
+    "votes": "73",
+    "url": "/k/g7sb904",
+    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
+    "avatarAlt": "Bloomingroses - 独家号",
+    "subjectName": "Bloomingroses",
+    "homeUrl": "/subjects/98777"
+  },
   {
     "title": "一文搞懂 Redis 架构演化之路",
     "description": " 作者：ryetan，腾讯 CSIG 后台开发工程师现如今 Redis 变得越来越流行，几乎在很多项目中都要被用到，不知道你在使用 Redis 时，有没有思考过，Redis 到底是...",