@wcj/github-rank 22.7.29 → 22.8.1

package/dist/sifou-daily.json

@@ -1,56 +1,20 @@
 [
   {
-    "title": "一张图进阶 RocketMQ - 消息存储",
-    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
-    "url": "https://segmentfault.com/a/1190000042216004",
-    "author": "三此君",
-    "home_url": "https://segmentfault.com/u/sancijun",
-    "votes": "2",
+    "title": "使用itextpdf提取PDF文件中的任意页码",
+    "description": "现在有这样的一个需求：有一个几十页的PDF文件，现在需要从中拆分出指定的页码，然后生成一个新的PDF文件。这个时候，可以使用开源的 itextpdf 库来实现，itextpdf 的官方 github 地址为：[链接].下面通过具体的...",
+    "url": "https://segmentfault.com/a/1190000042215124",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "WGCLOUD可以监测磁盘温度、通电次数、通电时间吗",
-    "description": "可以WGCLOUD监控平台支持监测硬盘的温度，通电次数，通电时间，健康状态如下图",
-    "url": "https://segmentfault.com/a/1190000042233156",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "SpringBoot集成文件 - 如何基于POI-tl和word模板导出庞大的Word文件？",
+    "description": "前文我们介绍了通过Apache POI通过来导出word的例子；那如果是word模板方式，有没有开源库通过模板方式导出word呢？poi-tl是一个基于Apache POI的Word模板引擎，也是一个免费开源的Java类库，你可以非常方便的加...",
+    "url": "https://segmentfault.com/a/1190000042249867",
+    "author": "pdai",
+    "home_url": "https://segmentfault.com/u/pdai",
     "votes": "1",
     "rank": 2
-  },
-  {
-    "title": "vue3中的setup方法",
-    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
-    "url": "https://segmentfault.com/a/1190000042234229",
-    "author": "Kyle",
-    "home_url": "https://segmentfault.com/u/ddee",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "WGCLOUD如何分配给不同的用户管理主机",
-    "description": "WGCLOUD从3.3.9开始支持多用户账号管理这个是使用账号管理主机的视频，即管理员可以创建若干个账号，每个账号可以管理自己的主机和监控资源[链接]",
-    "url": "https://segmentfault.com/a/1190000042233145",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "自定义React Hooks",
-    "description": "副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用",
-    "url": "https://segmentfault.com/a/1190000042233578",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "用户身份标识与账号体系实践",
-    "description": "由于各个业务线的数据入口和管理策略的不同，这样从不同路径下沉淀的数据，可能因为系统边界问题从而被孤立；如果用户数据被分裂，会因为数据不全面给分析决策带来误导；",
-    "url": "https://segmentfault.com/a/1190000042238513",
-    "author": "知了一笑",
-    "home_url": "https://segmentfault.com/u/cicadasmile",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 2
   },
   {
@@ -23,18 +23,9 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "votes": "20",
     "rank": 3
   },
-  {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "17",
-    "rank": 4
-  },
   {
     "title": "叮~您有一封Vue.js挑战邀请函,请查收",
     "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
@@ -42,7 +33,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "14",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -51,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -60,7 +51,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "14",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "高阶切图技巧！基于单张图片的任意颜色转换",
@@ -69,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
@@ -78,16 +69,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "18",
-    "rank": 9
+    "rank": 8
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
-    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
-    "url": "https://segmentfault.com/a/1190000042048392",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "13",
-    "rank": 10
+    "title": "CSS color-scheme 和夜间模式",
+    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
+    "url": "https://segmentfault.com/a/1190000042184163",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 9
   },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
@@ -96,7 +87,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "13",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
@@ -105,15 +96,24 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 12
+    "rank": 11
   },
   {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
+    "title": "今҈天҈真҈是҈热҈化҈了҈！",
+    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
+    "url": "https://segmentfault.com/a/1190000042217446",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
+    "votes": "13",
+    "rank": 12
+  },
+  {
+    "title": "社区维基：将你的问答捐赠给社区",
+    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
+    "url": "https://segmentfault.com/a/1190000042203704",
+    "author": "fenbox",
+    "home_url": "https://segmentfault.com/u/fenbox",
+    "votes": "10",
     "rank": 13
   },
   {
@@ -125,23 +125,14 @@
     "votes": "9",
     "rank": 14
   },
-  {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 15
-  },
   {
     "title": "如何提出一个高质量的问题？",
     "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
     "url": "https://segmentfault.com/a/1190000042182354",
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "10",
-    "rank": 16
+    "votes": "11",
+    "rank": 15
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -150,7 +141,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "9",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -159,16 +150,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 18
-  },
-  {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "8",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -177,25 +159,25 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "6",
-    "rank": 20
+    "rank": 18
+  },
+  {
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "9",
+    "rank": 19
   },
   {
-    "title": "搞懂虚拟 DOM 看这一篇就够了",
-    "description": "React 和 Vue 中都有虚拟 DOM，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue 就是借...",
+    "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": "11",
-    "rank": 21
-  },
-  {
-    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
-    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
-    "url": "https://segmentfault.com/a/1190000042044168",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "12",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -204,16 +186,16 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
-    "rank": 24
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
+    "rank": 22
   },
   {
     "title": "Nginx 实战核心知识点整理（上）",
@@ -222,6 +204,24 @@
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "8",
+    "rank": 23
+  },
+  {
+    "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": "13",
+    "rank": 24
+  },
+  {
+    "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": "11",
     "rank": 25
   },
   {
@@ -234,23 +234,14 @@
     "rank": 26
   },
   {
-    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042092852",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": "8",
     "rank": 27
   },
-  {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "5",
-    "rank": 28
-  },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
     "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
@@ -258,6 +249,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "5",
     "rank": 29
   },
   {