@wcj/github-rank 22.8.12 → 22.8.15

package/web/data/sifou-weekly.json

@@ -14,53 +14,26 @@
     "url": "https://segmentfault.com/a/1190000042282658",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "10",
+    "votes": "13",
     "rank": 2
   },
   {
-    "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
-    "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
-    "url": "https://segmentfault.com/a/1190000042282263",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "8",
+    "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": 3
   },
-  {
-    "title": "electron 应用开发优秀实践",
-    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
-    "url": "https://segmentfault.com/a/1190000042267983",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "8",
-    "rank": 4
-  },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
     "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
     "url": "https://segmentfault.com/a/1190000042290360",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "5",
-    "rank": 5
-  },
-  {
-    "title": "PHP如何提高高并发能力",
-    "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
-    "url": "https://segmentfault.com/a/1190000042280585",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "5",
-    "rank": 6
-  },
-  {
-    "title": "我做了一个在线白板（二）",
-    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
-    "url": "https://segmentfault.com/a/1190000042281991",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "4",
-    "rank": 7
+    "votes": "6",
+    "rank": 4
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -68,17 +41,35 @@
     "url": "https://segmentfault.com/a/1190000042287137",
     "author": "之家技术",
     "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "11",
+    "rank": 5
+  },
+  {
+    "title": "electron 应用开发优秀实践",
+    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
+    "url": "https://segmentfault.com/a/1190000042267983",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
-    "rank": 8
+    "rank": 6
   },
   {
-    "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": 9
+    "title": "如何在BI中增加“路线地图”并进行数据分析？",
+    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
+    "url": "https://segmentfault.com/a/1190000042304159",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "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": "6",
+    "rank": 8
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -87,34 +78,34 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "2",
-    "rank": 10
+    "rank": 9
   },
   {
-    "title": "Flutter 的 6 个最有用的 VS Code扩展",
-    "description": "Pubspec Assist 是一个 Visual Studio Code 扩展，它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml，所有这些都无需离开您的编辑器。",
-    "url": "https://segmentfault.com/a/1190000042280857",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
+    "title": "🔬 一文搞懂前端兼容问题",
+    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
+    "url": "https://segmentfault.com/a/1190000042301384",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
     "votes": "4",
-    "rank": 11
+    "rank": 10
   },
   {
-    "title": "快速了解navigator API setAppBadge",
-    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
-    "url": "https://segmentfault.com/a/1190000042288003",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "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",
-    "rank": 12
+    "rank": 11
   },
   {
-    "title": "详解 SSL（一)：网址栏的小绿锁有什么意义？",
-    "description": "随着互联网的飞速发展，用户信息泄漏、数据泄露等安全问题的事件频繁发生。这一切不一定是网站的问题，有时候可能是自己不经意间泄露了自己的信息。例如钓鱼网站就是日常生活中比较常见的，钓鱼网站和真实网站差...",
-    "url": "https://segmentfault.com/a/1190000042273426",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
-    "rank": 13
+    "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": "4",
+    "rank": 12
   },
   {
     "title": "手写一个有点意思的电梯小程序",
@@ -123,17 +114,35 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "6",
+    "rank": 13
+  },
+  {
+    "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": "4",
     "rank": 14
   },
   {
-    "title": "精读《Unique, MapTypes, Construct Tuple...》",
-    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
-    "url": "https://segmentfault.com/a/1190000042282563",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
+    "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": "3",
     "rank": 15
   },
+  {
+    "title": "用 http-middleware-proxy 造了个代理工具",
+    "description": "有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。",
+    "url": "https://segmentfault.com/a/1190000042311837",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "5",
+    "rank": 16
+  },
   {
     "title": "Vue递归组件：渲染嵌套评论",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -141,16 +150,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 16
+    "rank": 17
   },
   {
-    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
-    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
-    "url": "https://segmentfault.com/a/1190000042287505",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 17
+    "title": "精读《Unique, MapTypes, Construct Tuple...》",
+    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
+    "url": "https://segmentfault.com/a/1190000042282563",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
+    "rank": 18
   },
   {
     "title": "一文搞懂│XSS攻击、SQL注入、CSRF攻击、DDOS攻击、DNS劫持",
@@ -159,7 +168,34 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "2",
-    "rank": 18
+    "rank": 19
+  },
+  {
+    "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",
+    "rank": 20
+  },
+  {
+    "title": "教你如何开发一个导入/导出插件",
+    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
+    "url": "https://segmentfault.com/a/1190000042298935",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 21
+  },
+  {
+    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
+    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
+    "url": "https://segmentfault.com/a/1190000042287505",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
+    "rank": 22
   },
   {
     "title": "mongoDb查询中遇到的问题",
@@ -168,25 +204,25 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
     "votes": "3",
-    "rank": 19
+    "rank": 23
   },
   {
-    "title": "算法复杂度",
-    "description": "评估一个算法的性能主要依据其时间复杂度和空间复杂度来确定。时间复杂度是指该算法运行的时间长短。空间复杂度是指该算法运行占用的内存大小。复杂度越低越好，越短小越好。时间比空间更重要。",
-    "url": "https://segmentfault.com/a/1190000042277209",
-    "author": "冰封百度",
-    "home_url": "https://segmentfault.com/u/bingfengbaidu",
+    "title": "试试使用 Vitest 进行组件测试，确实很香。",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042272328",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 20
+    "rank": 24
   },
   {
-    "title": "🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？",
-    "description": "Monorepo是一种项目管理方式，在Monorepo之前，代码仓库管理方式是 MultiRepo，即每个项目都对应着一个单独的代码仓库每个项目进行分散管理这就会导致许多弊端，例如可能每个项目的基建以及工具库都是差不多的，...",
-    "url": "https://segmentfault.com/a/1190000042282389",
-    "author": "DevUI团队",
-    "home_url": "https://segmentfault.com/u/devui",
-    "votes": "1",
-    "rank": 21
+    "title": "那些年在Coding质量上走过的路",
+    "description": "最近接了几个项目，代码质量参差不齐。本想按照以往的实践建议每个patch都做review，但往往dead line当头。我会想，我如果对这次patch做了review、以及长期做review能给业务带来什么价值。接着本文，我还想讨论其...",
+    "url": "https://segmentfault.com/a/1190000042295108",
+    "author": "泊浮目",
+    "home_url": "https://segmentfault.com/u/camile",
+    "votes": "2",
+    "rank": 25
   },
   {
     "title": "分享 6 个 Vue3 开发必备的 VSCode 插件",
@@ -195,16 +231,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "【Java面试】讲下线程池的线程回收",
-    "description": "大家好，我是Mic，一个工作了14年的Java程序员。最近很多小伙伴私信我，让我说一些线程池相关的问题。线程池这个方向考察的点还挺多的，如果只是靠刷面试题面试官很容易就能识别出来，我随便举几个。线程池是如何...",
-    "url": "https://segmentfault.com/a/1190000042274807",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "[开源项目]可观测、易使用的SpringBoot线程池",
@@ -213,34 +240,25 @@
     "author": "字母哥博客",
     "home_url": "https://segmentfault.com/u/zimug",
     "votes": "2",
-    "rank": 24
+    "rank": 27
   },
   {
-    "title": "Redis 定长队列的探索和实践",
-    "description": "vivo 互联网服务器团队 - Wang Zhi一、业务背景从技术的角度来说，技术方案的选型都是受限于实际的业务场景，都以解决实际业务场景为目标。在我们的实际业务场景中，需要以游戏的维度收集和上报行为数据，考虑数...",
-    "url": "https://segmentfault.com/a/1190000042267962",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
+    "description": "即开即用，提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。 参考、借鉴vue-element-admin项目。",
+    "url": "https://segmentfault.com/a/1190000042299910",
+    "author": "马赛克就是我",
+    "home_url": "https://segmentfault.com/u/yisuan",
     "votes": "1",
-    "rank": 25
+    "rank": 28
   },
   {
-    "title": "通过小程序实现微信扫码登录，个人网站接入微信扫码登录功能",
-    "description": "网站如果想要实现微信扫码登录其实有很多种方案，常见的方案就是微信开放平台和微信公众号服务号。前者是目前大部分网站并且是微信认可的一种方式，后者是开发者发现服务号具备扫码关注后即可获取用户基本信息的...",
-    "url": "https://segmentfault.com/a/1190000042279451",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
+    "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": 26
-  },
-  {
-    "title": "教你如何开发一个导入/导出插件",
-    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
-    "url": "https://segmentfault.com/a/1190000042298935",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "JavaScript WebGL 绘制顺序",
@@ -249,24 +267,6 @@
     "author": "XXHolic",
     "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
-    "rank": 28
-  },
-  {
-    "title": "试试使用 Vitest 进行组件测试，确实很香。",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042272328",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 29
-  },
-  {
-    "title": "富媒体在客服IM消息通信中的秒发实践",
-    "description": "客服一站式平台旨在为得物生态内的客服域服务人员提供一站式的服务办公平台。我们有多条业务线，客服在和用户聊天的过程中，有很多场景需要发送富媒体。跟普通的文本传输相比，富媒体可以直观的让用户了解到消息...",
-    "url": "https://segmentfault.com/a/1190000042289219",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
     "rank": 30
   }
 ]