@wcj/github-rank 22.8.13 → 22.8.16

package/web/data/sifou-daily.json

@@ -1,74 +1,83 @@
 [
   {
-    "title": "用 http-middleware-proxy 造了个代理工具",
-    "description": "有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。",
-    "url": "https://segmentfault.com/a/1190000042311837",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "3",
+    "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": 1
   },
   {
-    "title": "go源码分析——类型",
-    "description": "我们都知道怎么声明一个类型。例如type T struct { Name string} 。大家有没有思考过，当我们进行反射、接口动态派发、类型断言这些语言特性或机制，go语言是怎么识别这些类型的呢？其实编译器会给每种类型生成对...",
-    "url": "https://segmentfault.com/a/1190000042309109",
-    "author": "peacexu",
-    "home_url": "https://segmentfault.com/u/peacexu",
-    "votes": "1",
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
-    "description": "Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、E...",
-    "url": "https://segmentfault.com/a/1190000042307367",
-    "author": "vipbic",
-    "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
-    "votes": "1",
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "如何快速理解复杂业务，系统思考问题？",
-    "description": "对于复杂问题的思考其实是有层次的，从最表面的事件，到事件背后的规律，再到这个问题的结构模式，再到价值观，层层递进。在画完自己的业务系统因果回路图之后，再结合这个心智模型，思考自己的思考在哪个层次，...",
-    "url": "https://segmentfault.com/a/1190000042311795",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "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",
     "rank": 4
   },
   {
-    "title": "你知道吗？chrome自动更新到104版本，居然引起Java服务内存泄漏",
-    "description": "前言近期在工作中，遇到了一次很有意思的内存泄漏，把排查过程和思路记下来，供大家参考和学习，如有不正确的，欢迎指正。起因最近几天很多半托管客户，突然报连接服务失败，登上服务器后查看内存很高，为了让客...",
-    "url": "https://segmentfault.com/a/1190000042309857",
-    "author": "i",
-    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
-    "votes": "1",
+    "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": 5
   },
   {
-    "title": "揭秘，Vue3 性能优化之 Non-reactive Object",
-    "description": "在 Vue2 中，有一个老生常谈的话题，如何避免 data 中一个复杂对象（自身或属性对象）被默认被创建为响应式（Non-reactive Object）的过程？ 举个例子，有一个 Vue2 的组件的 data：",
-    "url": "https://segmentfault.com/a/1190000042309305",
-    "author": "五柳",
-    "home_url": "https://segmentfault.com/u/wjchumble",
+    "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",
     "rank": 6
   },
   {
-    "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",
+    "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",
     "rank": 7
   },
   {
-    "title": "node 管理子文件夹js文件执行",
-    "description": "运行node服务，使用child_process控制子文件夹js文件执行文件架构: {代码...} package.json {代码...} index.js {代码...} fileHelper.js {代码...} 运行效果",
-    "url": "https://segmentfault.com/a/1190000042308416",
-    "author": "点墨",
-    "home_url": "https://segmentfault.com/u/chencaize",
+    "title": "Github上最好的开源网校系统",
+    "description": "随着「疫情」「双减政策」的包夹紧逼，线下的教培机构迅速地意识到了网校平台搭建的必要性，网课这一形式除了是一种教育趋势，也是一种抵御经营风险的方法。，那么线上教育平台该如何选择或搭建？",
+    "url": "https://segmentfault.com/a/1190000042322323",
+    "author": "马克朱温",
+    "home_url": "https://segmentfault.com/u/makezhuwen",
     "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",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -36,21 +36,21 @@
     "rank": 4
   },
   {
-    "title": "使用 CSS 构建强大且酷炫的粒子动画",
-    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
-    "url": "https://segmentfault.com/a/1190000042283578",
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "votes": "22",
     "rank": 5
   },
   {
-    "title": "妙用 CSS 构建花式透视背景效果",
-    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
-    "url": "https://segmentfault.com/a/1190000042267425",
+    "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": "20",
+    "votes": "18",
     "rank": 6
   },
   {
@@ -71,22 +71,22 @@
     "votes": "18",
     "rank": 8
   },
-  {
-    "title": "利用噪声构建美妙的 CSS 图形",
-    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
-    "url": "https://segmentfault.com/a/1190000042103702",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 9
-  },
   {
     "title": "前端构建效率优化之路",
     "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
     "url": "https://segmentfault.com/a/1190000042256837",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "17",
+    "votes": "18",
+    "rank": 9
+  },
+  {
+    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
+    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
+    "url": "https://segmentfault.com/a/1190000042282658",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "13",
     "rank": 10
   },
   {
@@ -107,24 +107,33 @@
     "votes": "12",
     "rank": 12
   },
-  {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "12",
-    "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",
+    "votes": "17",
+    "rank": 13
+  },
+  {
+    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
+    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
+    "url": "https://segmentfault.com/a/1190000042200631",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
     "rank": 14
   },
+  {
+    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
+    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
+    "url": "https://segmentfault.com/a/1190000042306044",
+    "author": "乌柏木",
+    "home_url": "https://segmentfault.com/u/wubomu",
+    "votes": "14",
+    "rank": 15
+  },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
     "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
@@ -132,26 +141,8 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "12",
-    "rank": 15
-  },
-  {
-    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
-    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
-    "url": "https://segmentfault.com/a/1190000042200631",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
     "rank": 16
   },
-  {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "11",
-    "rank": 17
-  },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
     "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
@@ -159,7 +150,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -168,6 +159,15 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
+    "rank": 18
+  },
+  {
+    "title": "如何提出一个高质量的问题？",
+    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
+    "url": "https://segmentfault.com/a/1190000042182354",
+    "author": "唯一丶",
+    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
+    "votes": "11",
     "rank": 19
   },
   {
@@ -180,12 +180,12 @@
     "rank": 20
   },
   {
-    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
-    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
-    "url": "https://segmentfault.com/a/1190000042306044",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
+    "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": 21
   },
   {
@@ -198,21 +198,21 @@
     "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": "14",
+    "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": "10",
     "rank": 23
   },
   {
-    "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",
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "7",
     "rank": 24
   },
   {
@@ -225,12 +225,12 @@
     "rank": 25
   },
   {
-    "title": "Redis 内存优化神技，小内存保存大数据",
-    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
-    "url": "https://segmentfault.com/a/1190000042103541",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "10",
+    "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": 26
   },
   {
@@ -252,12 +252,12 @@
     "rank": 28
   },
   {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "6",
+    "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
   },
   {