@wcj/github-rank 22.8.23 → 22.8.26

package/web/data/sifou-daily.json

@@ -1,55 +1,55 @@
 [
   {
-    "title": "使用mybatis + postgreSql 中遇到的问题",
-    "description": "问题一：字段名不存在背景是：进行mapper的insert单元测试的时候出了问题执行如下语句的时候出现了问题： {代码...} 这里运用了mapper自带的insert方法向数据库中插入数据。在用mapper进行插入的时候后，报了这样...",
-    "url": "https://segmentfault.com/a/1190000042357267",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "django + celery + redis 实现定时任务",
+    "description": "前段时间，工作中有个要求，是将原本的定时任务，改成使用celery实现。原本项目中的定时任务是使用的apscheduler。但是django与celery做定时的教程，网上比较少，且版本对应不上，最后根据网上的教程+仔仔细细看...",
+    "url": "https://segmentfault.com/a/1190000042378638",
+    "author": "葉",
+    "home_url": "https://segmentfault.com/u/_61c08dfa324df",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "6个常用的前端代码编辑器",
-    "description": "在线代码编辑器通常包括以下功能：包含代码高这的HTML、CSS 和 JavaScript编辑器代码命令自动完成一个预览窗口，（通常）无手动刷新的重新加载HTML预处理器，例如HAML，PugLess、Sass、Stylus 和类似的 CSS 预处...",
-    "url": "https://segmentfault.com/a/1190000042356334",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
-    "votes": "2",
+    "title": "面试官：HTTP/2 有什么优点？别再说 Server Push 了",
+    "description": "2022年8月18日，Chrome 开发团队博客发布了“Removing HTTP/2 Server Push from Chrome”一文，表示 Chrome 106 和之后的版本将默认禁用 HTTP/2 Server Push 特性",
+    "url": "https://segmentfault.com/a/1190000042375015",
+    "author": "Showonne",
+    "home_url": "https://segmentfault.com/u/showonne",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "JavaScript 中的可迭代对象与迭代器是啥",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042354262",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "解析Vue3patch核心算法patchKeyedChildren",
+    "description": "locate：runtime-core > renderer > baseCreateRenderer > patchKeyedChildren",
+    "url": "https://segmentfault.com/a/1190000042379622",
+    "author": "LH_S",
+    "home_url": "https://segmentfault.com/u/lh_s",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "深入使用 Kotlin 后的感受",
-    "description": "大量使用 kotlin 的感受就是，每当在设计一个问题的解决方案时，你突发的独特灵感都能够被 kotlin 满足，能极大的提高你的编程体验，这是之前使用任何语言都未成有过的感受。",
-    "url": "https://segmentfault.com/a/1190000042358801",
-    "author": "zxdposter",
-    "home_url": "https://segmentfault.com/u/zxdposter",
+    "title": "vue实现图片裁剪vue-cropper的使用方法",
+    "description": "vue-cropper的安装 {代码...} 只需要一个图片地址和一个导出截取后图片的方法，vue-cropper在截取图片后会返回一个图片的base64数据。 {代码...} 预览效果图：常用api属性描述： {代码...}",
+    "url": "https://segmentfault.com/a/1190000042377903",
+    "author": "其实我喜欢喝咖啡",
+    "home_url": "https://segmentfault.com/u/qishiwoxihuanhekafei",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "本文为Mybatis面经，其中难点问题做了详细解释",
-    "description": "Mybatis 是一个半 ORM（对象关系映射）框架，它内部封装了 JDBC，开发时只需要关注 SQL 语句本身，不需要花费精力去处理加载驱动、创建连接、创建 statement 等繁杂的过程。程序员直接编写原生态 sql，可以严格控...",
-    "url": "https://segmentfault.com/a/1190000042357330",
-    "author": "用户bPc1FjG",
-    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
+    "title": "关于 React Hooks",
+    "description": "React Hooks 是 React 团队在“复用”上最新的探索，在 React Hooks 出现之前，开发者一般通过 mixins，高阶组件（HOC），Render Props 等方式进行逻辑复用，但这些方法都有一些缺点：（❌表示它们没有解决的问题，...",
+    "url": "https://segmentfault.com/a/1190000042375003",
+    "author": "Showonne",
+    "home_url": "https://segmentfault.com/u/showonne",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "vue下载excel以及自适应表格宽度（前后端）",
-    "description": "本文使用 SpringBoot + vue + easyExcel 实现导出 Excel 功能，并解决文件中文乱码问题以及 Excel 宽度自适应的问题。需要先导入 pom 包。",
-    "url": "https://segmentfault.com/a/1190000042358524",
-    "author": "六七十三",
-    "home_url": "https://segmentfault.com/u/prepared",
+    "title": "Spring+Vue工程部署在Linux",
+    "description": "原文链接代码介绍前端代码：[链接]后端代码：[链接]使用 Spring+Vue 实现 token 登录、退出、访问拦截等功能。1 部署后端1.1 生成 jar 包使用 Idea 的 maven 进行打包。先双击 clean，清除其他的包，然后双击 pac...",
+    "url": "https://segmentfault.com/a/1190000042373384",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
     "rank": 6
   }

package/web/data/sifou-monthly.json

@@ -1,21 +1,30 @@
 [
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "24",
+    "rank": 1
+  },
+  {
+    "title": "Windows滚动条如何美化成 macOS 那样？",
+    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
+    "url": "https://segmentfault.com/a/1190000042323523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "30",
+    "rank": 2
+  },
   {
     "title": "提升web输入体验！JS 如何自动配对标点符号？",
     "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
     "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 1
-  },
-  {
-    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
-    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
-    "url": "https://segmentfault.com/a/1190000042217200",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 2
+    "votes": "24",
+    "rank": 3
   },
   {
     "title": "使用 CSS 构建强大且酷炫的粒子动画",
@@ -24,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 3
+    "rank": 4
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -33,15 +42,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 4
-  },
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
     "rank": 5
   },
   {
@@ -71,15 +71,6 @@
     "votes": "19",
     "rank": 8
   },
-  {
-    "title": "Windows滚动条如何美化成 macOS 那样？",
-    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
-    "url": "https://segmentfault.com/a/1190000042323523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 9
-  },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
     "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
@@ -87,16 +78,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 10
-  },
-  {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -104,7 +86,25 @@
     "url": "https://segmentfault.com/a/1190000042319176",
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "11",
+    "votes": "12",
+    "rank": 10
+  },
+  {
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
+    "rank": 11
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "10",
     "rank": 12
   },
   {
@@ -143,24 +143,6 @@
     "votes": "14",
     "rank": 16
   },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "9",
-    "rank": 17
-  },
-  {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
-    "rank": 18
-  },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
     "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
@@ -168,16 +150,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 19
-  },
-  {
-    "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": 20
+    "rank": 17
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -185,8 +158,17 @@
     "url": "https://segmentfault.com/a/1190000042287137",
     "author": "之家技术",
     "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "11",
-    "rank": 21
+    "votes": "12",
+    "rank": 18
+  },
+  {
+    "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": "16",
+    "rank": 19
   },
   {
     "title": "前端晋升答辩-性能优化篇范式",
@@ -195,16 +177,16 @@
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "7",
-    "rank": 22
+    "rank": 20
   },
   {
-    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
-    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
-    "url": "https://segmentfault.com/a/1190000042216817",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
+    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
+    "url": "https://segmentfault.com/a/1190000042338012",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -213,7 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -222,7 +204,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
@@ -231,7 +213,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -240,7 +222,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -249,7 +231,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "整理了这23个开源项，初学者可以拿来练习！",
@@ -258,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -267,6 +249,24 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
+    "rank": 28
+  },
+  {
+    "title": "聊聊 npm 的语义化版本（Semver）",
+    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
+    "url": "https://segmentfault.com/a/1190000042342124",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "6",
+    "rank": 29
+  },
+  {
+    "title": "记录第一次给开源项目提 PR",
+    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
+    "url": "https://segmentfault.com/a/1190000042342284",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "6",
     "rank": 30
   }
 ]