@wcj/github-rank 22.8.26 → 22.8.27

package/web/data/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "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",
+    "title": "金山办公 2022 年技术开放日：文档云原生时代的规模之道",
+    "description": "8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...",
+    "url": "https://segmentfault.com/a/1190000042385637",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 1
   },
   {
-    "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",
+    "title": "人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办",
+    "description": "2022 年 8 月 19 日 - 20 日，为期 2 天的“ACE 智能云边共创生态”的年度盛会——“2022 智能云边开源峰会”（2022 Open Source AceCon）在线上圆满举办。本次峰会由 VMware 携手 Intel、EMQ、 Kyligence、江行智能、...",
+    "url": "https://segmentfault.com/a/1190000042381069",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 2
   },
   {
-    "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",
+    "title": "常见的 Monorepo 框架大比较",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042380412",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 3
   },
   {
-    "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",
+    "title": "渗透攻防Web篇-深入浅出SQL注入",
+    "description": "京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。",
+    "url": "https://segmentfault.com/a/1190000042379218",
+    "author": "京东云开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "1",
     "rank": 4
   },
   {
-    "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",
+    "title": "有意思的方向裁切 overflow: clip",
+    "description": "本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。",
+    "url": "https://segmentfault.com/a/1190000042382028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "2",
     "rank": 5
   },
   {
-    "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",
+    "title": "[PostgreSql]生产级别数据库安装要考虑哪些问题？",
+    "description": "我让公司的小伙伴写一个生产级别的PostgreSQL的安装文档，结果他和我说：“不是用一个命令就能安装好么？还用写文档么？”。我知道他想说的是这个命令：yum install postgresql-server，我也是挺无语的。要知道生产...",
+    "url": "https://segmentfault.com/a/1190000042382085",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "总会用到的前端小姿势",
+    "description": "假设一个宽度固定的div内有一段文字，那么浏览器默认处理方式会比较傻，纯中文下乍一看没问题，但英文与数字混搭等情况容易出现bug，此时解决方法有两种css方法：",
+    "url": "https://segmentfault.com/a/1190000042383192",
+    "author": "罡风小天",
+    "home_url": "https://segmentfault.com/u/shawnphang",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "程序员提升要「硬实力」和「软实力」两手抓",
+    "description": "从赋能发力、撬动杠杆到降本增效、去肥增瘦，互联网行业正在经历前所未有的风波与挑战。全球范围的「裁员潮」席卷而来，行业去泡沫化和主业务收拢似乎正在为互联网「全员危机」拉开序幕。",
+    "url": "https://segmentfault.com/a/1190000042381012",
+    "author": "LigaAI",
+    "home_url": "https://segmentfault.com/u/ligaai",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "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": "32",
+    "rank": 1
+  },
   {
     "title": "多行文本下的文字渐隐消失术",
     "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
@@ -6,15 +15,6 @@
     "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
   },
   {
@@ -44,15 +44,6 @@
     "votes": "23",
     "rank": 5
   },
-  {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "13",
-    "rank": 6
-  },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -60,7 +51,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "前端构建效率优化之路",
@@ -69,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -78,7 +69,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -87,7 +78,7 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "12",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -96,7 +87,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -105,7 +96,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "10",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -114,7 +105,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -123,7 +114,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -132,7 +123,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -141,7 +132,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -150,7 +141,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -159,7 +150,7 @@
     "author": "之家技术",
     "home_url": "https://segmentfault.com/u/zhijiajishu",
     "votes": "12",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -168,7 +159,7 @@
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "16",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "前端晋升答辩-性能优化篇范式",
@@ -177,7 +168,7 @@
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "7",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -186,7 +177,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -195,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -204,7 +195,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
@@ -213,7 +204,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -222,7 +213,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -231,8 +222,26 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
+    "rank": 25
+  },
+  {
+    "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": 26
   },
+  {
+    "title": "记录第一次给开源项目提 PR",
+    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
+    "url": "https://segmentfault.com/a/1190000042342284",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "6",
+    "rank": 27
+  },
   {
     "title": "整理了这23个开源项，初学者可以拿来练习！",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -240,7 +249,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -249,24 +258,15 @@
     "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",
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
     "rank": 30
   }
 ]