@wcj/github-rank 22.8.12 → 22.8.13

package/web/data/sifou-daily.json

@@ -1,92 +1,74 @@
 [
   {
-    "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": "用 http-middleware-proxy 造了个代理工具",
+    "description": "有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。",
+    "url": "https://segmentfault.com/a/1190000042311837",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
-    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
-    "url": "https://segmentfault.com/a/1190000042301443",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "3",
+    "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",
     "rank": 2
   },
   {
-    "title": "请求体格式有哪些呢？我总结常见的这几种",
-    "description": "Form-data有两种格式的 Form-data（表单数据），multipart/form-data 和 application/x-www-form-urlencoded;",
-    "url": "https://segmentfault.com/a/1190000042301806",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "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",
     "rank": 3
   },
   {
-    "title": "🔬 一文搞懂前端兼容问题",
-    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
-    "url": "https://segmentfault.com/a/1190000042301384",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "3",
+    "title": "如何快速理解复杂业务，系统思考问题？",
+    "description": "对于复杂问题的思考其实是有层次的，从最表面的事件，到事件背后的规律，再到这个问题的结构模式，再到价值观，层层递进。在画完自己的业务系统因果回路图之后，再结合这个心智模型，思考自己的思考在哪个层次，...",
+    "url": "https://segmentfault.com/a/1190000042311795",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...",
-    "description": "Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...",
-    "url": "https://segmentfault.com/a/1190000042301399",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "2",
+    "title": "你知道吗？chrome自动更新到104版本，居然引起Java服务内存泄漏",
+    "description": "前言近期在工作中，遇到了一次很有意思的内存泄漏，把排查过程和思路记下来，供大家参考和学习，如有不正确的，欢迎指正。起因最近几天很多半托管客户，突然报连接服务失败，登上服务器后查看内存很高，为了让客...",
+    "url": "https://segmentfault.com/a/1190000042309857",
+    "author": "i",
+    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Vue仿钉钉审批流程",
-    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
-    "url": "https://segmentfault.com/a/1190000042300972",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "4",
+    "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",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "如何在BI中增加“路线地图”并进行数据分析？",
-    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
-    "url": "https://segmentfault.com/a/1190000042304159",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "既是开源又是国产的 api 管理工具，我推荐这个",
-    "description": "作为新入行的开发者，对 API 测试工具并没有了解那么多,一番搜索对比后，再问问周围的开发朋友，也逐渐知道对我而言什么样的 API 接口测试工具更适合我，我觉得它得满足以下几点：",
-    "url": "https://segmentfault.com/a/1190000042301179",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "vue项目点击按钮获取手机验证码开始倒计时，并且页面刷新秒数不会被初始化",
-    "description": "vue项目点击按钮获取手机验证码倒计时，并且页面刷新秒数不会被初始化。原理使用了sessionStorage，下面是代码： {代码...} 如果页面被关闭也想让倒计时生效，使用localStorage就可以了。",
-    "url": "https://segmentfault.com/a/1190000042304420",
-    "author": "我的一个道姑朋友",
-    "home_url": "https://segmentfault.com/u/wodeyigedaogupengyou",
+    "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": "1",
-    "rank": 9
+    "rank": 7
   },
   {
-    "title": "图扑数字孪生青岛城轨，赋能智慧交通低碳发展",
-    "description": "始于出行，融于生活。“双碳”战略目标的提出，为智慧城市建设创造了新的机遇，智慧交通作为城市引导承载低碳出行的骨干交通方式，已成为当今时代各地区作为推进城市高质量发展的重要目标。",
-    "url": "https://segmentfault.com/a/1190000042301291",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
+    "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",
     "votes": "1",
-    "rank": 10
+    "rank": 8
   }
 ]

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": "22",
+    "votes": "23",
     "rank": 2
   },
   {
@@ -53,6 +53,15 @@
     "votes": "20",
     "rank": 6
   },
+  {
+    "title": "社区维基：将你的问答捐赠给社区",
+    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
+    "url": "https://segmentfault.com/a/1190000042203704",
+    "author": "fenbox",
+    "home_url": "https://segmentfault.com/u/fenbox",
+    "votes": "13",
+    "rank": 7
+  },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -60,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -69,15 +78,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 8
-  },
-  {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "12",
     "rank": 9
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000042256837",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
+    "votes": "17",
     "rank": 10
   },
   {
@@ -107,6 +107,15 @@
     "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...",
@@ -114,7 +123,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "16",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
@@ -123,7 +132,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "12",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -132,7 +141,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "12",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -141,7 +150,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -150,7 +159,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -159,7 +168,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -168,23 +177,14 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 19
-  },
-  {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "10",
     "rank": 20
   },
   {
-    "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",
+    "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": 21
   },
@@ -194,9 +194,18 @@
     "url": "https://segmentfault.com/a/1190000042282263",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "8",
+    "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": "14",
+    "rank": 23
+  },
   {
     "title": "通向架子工的前端开发利器推荐",
     "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
@@ -204,7 +213,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -213,7 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "Redis 内存优化神技，小内存保存大数据",
@@ -222,7 +231,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "10",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "我有 7种 实现web实时消息推送的方案，7种！",
@@ -231,7 +240,7 @@
     "author": "程序员小富",
     "home_url": "https://segmentfault.com/u/chengxy",
     "votes": "14",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -240,7 +249,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 27
+    "rank": 28
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "6",
+    "rank": 29
   },
   {
     "title": "Shopee在React Native 架构方面的探索",
@@ -249,24 +267,6 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "6",
-    "rank": 28
-  },
-  {
-    "title": "低代码是开发的未来吗？浅谈低代码平台",
-    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
-    "url": "https://segmentfault.com/a/1190000042229850",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
-    "rank": 29
-  },
-  {
-    "title": "基于 Next.js实现在线Excel",
-    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
-    "url": "https://segmentfault.com/a/1190000042268783",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
     "rank": 30
   }
 ]