@wcj/github-rank 22.7.21 → 22.7.24

package/web/data/sifou-daily.json

@@ -1,74 +1,11 @@
 [
   {
-    "title": "SegmentFault 思否技术周刊 -- 日常使用 Git，这些问题你遇到过吗？",
-    "description": "Git 的诞生是一个非常有趣的故事。1991年 Linus 开源了 Linux 内核，无数 Linux 爱好者在世界各地为 Linux 编写代码，那么问题来了，这些代码该如何管理呢？起初 Linus 使用 BitKeeper(BitMover 公司的版本控制软...",
-    "url": "https://segmentfault.com/a/1190000042196077",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "即将开幕！XDC 2022 亮点全揭晓！",
-    "description": "历经 4 个月的精心打磨，连接中外技术生态，与上百位海内外技术专家深度交流，在 120 多个充满着不确定性的日夜中找寻着确定，只为了 7 月 22、23 日 2 天的精彩绽放。如今，第二届稀土开发者大会(XDC 2022)终于...",
-    "url": "https://segmentfault.com/a/1190000042195964",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "SiamRPN++：深层网络连体视觉跟踪的演变",
-    "description": "基于孪生网络的跟踪器将跟踪表述为目标模板和搜索区域之间的卷积特征互相关。然而孪生网络的算法不能利用来自深层网络（如 resnet-50或更深层）的特征，与先进的算法相比仍然有差距。",
-    "url": "https://segmentfault.com/a/1190000042195741",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "搭建前端监控，采集用户行为的 N 种姿势",
-    "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
-    "url": "https://segmentfault.com/a/1190000042194426",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "插件机制，能让开源的 api 管理工具使用更简单么？",
-    "description": "API 管理工具，基本的功能是文档和测试，但如果 API 管理工具也能安装插件，任何你想要的 API 管理相关的其他功能都可以通过安装插件来满足，是不是就很酷呢？",
-    "url": "https://segmentfault.com/a/1190000042198163",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "title": "VSCode 中前端代码规范和编码风格实践详解",
+    "description": "文章开始之前首先思考一个问题：缩进的代码风格到底是 2 个空格还是 4 个空格是受谁控制的？VS Code 默认设置？还是 Prettier? 或者其他什么？",
+    "url": "https://segmentfault.com/a/1190000042212331",
+    "author": "方旭",
+    "home_url": "https://segmentfault.com/u/fangxu",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "切换测试环境而已，真的不需要那么麻烦",
-    "description": "前面我们都在讲接口测试、接口文档，这一期讲讲如何切换测试环境。设置 API 的请求地址前缀、全局变量信息。在测试时，可以一键切换测试环境而不需要手动输入域名。我们可以通过环境下拉框新增环境。我们可以通过...",
-    "url": "https://segmentfault.com/a/1190000042197403",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "写一个新的接口之前，我通常会思考这几个问题",
-    "description": "我在开始一个新的接口之前，需要进行以下判断：请求协议是不是 HTTP、https?请求体和响应格式是什么（XML、JSON、FormData、Raw）?API 是不是 RESTful 风格？如果上面三个问题的答案都清楚了，就可以开始新增一个...",
-    "url": "https://segmentfault.com/a/1190000042196021",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "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": "1",
-    "rank": 8
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "36",
-    "rank": 1
-  },
   {
     "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
     "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
     "url": "https://segmentfault.com/a/1190000042070334",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
-    "rank": 2
+    "votes": "27",
+    "rank": 1
   },
   {
     "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
@@ -24,16 +15,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "20",
-    "rank": 3
-  },
-  {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "switch 有四样写法你知道么",
@@ -42,7 +24,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "16",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "叮~您有一封Vue.js挑战邀请函,请查收",
@@ -51,16 +33,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "14",
-    "rank": 6
-  },
-  {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "17",
-    "rank": 7
+    "rank": 4
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -68,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000042103702",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 8
+    "votes": "12",
+    "rank": 5
   },
   {
     "title": "视觉还原小技巧！CSS 实现角标效果",
@@ -78,7 +51,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -87,7 +60,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "13",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "高阶切图技巧！基于单张图片的任意颜色转换",
@@ -96,7 +69,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 11
+    "rank": 8
+  },
+  {
+    "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
+    "description": "Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。",
+    "url": "https://segmentfault.com/a/1190000042059652",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "13",
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -105,7 +87,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
@@ -114,16 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 13
-  },
-  {
-    "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
-    "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
-    "url": "https://segmentfault.com/a/1190000042010573",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "11",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "PHP后端面试85问",
@@ -132,25 +105,34 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 15
+    "rank": 12
   },
   {
-    "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
-    "description": "Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。",
-    "url": "https://segmentfault.com/a/1190000042059652",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
+    "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": "12",
-    "rank": 16
+    "rank": 13
   },
   {
-    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...",
-    "url": "https://segmentfault.com/a/1190000042012599",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
-    "rank": 17
+    "title": "超酷炫的转场动画？CSS 轻松拿下！",
+    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
+    "url": "https://segmentfault.com/a/1190000042184211",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 14
+  },
+  {
+    "title": "试着换个角度理解低代码平台设计的本质",
+    "description": "本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：",
+    "url": "https://segmentfault.com/a/1190000042194285",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "9",
+    "rank": 15
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -159,16 +141,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "6",
-    "rank": 18
+    "rank": 16
   },
   {
-    "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": "10",
-    "rank": 19
+    "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": 17
   },
   {
     "title": "esbuild 构建油猴脚本",
@@ -177,7 +159,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "6",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -186,16 +168,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "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": "11",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -204,7 +177,25 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 23
+    "rank": 20
+  },
+  {
+    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
+    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
+    "url": "https://segmentfault.com/a/1190000042200631",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "8",
+    "rank": 21
+  },
+  {
+    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
+    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
+    "url": "https://segmentfault.com/a/1190000042083758",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "7",
+    "rank": 22
   },
   {
     "title": "几百行代码实现一个 JSON 解析器",
@@ -213,16 +204,16 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "5",
-    "rank": 24
+    "rank": 23
   },
   {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
+    "title": "Nginx 实战核心知识点整理（上）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042070687",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "7",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
@@ -231,6 +222,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
+    "rank": 25
+  },
+  {
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "8",
     "rank": 26
   },
   {
@@ -243,23 +243,14 @@
     "rank": 27
   },
   {
-    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042092852",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如何提出一个高质量的问题？",
+    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
+    "url": "https://segmentfault.com/a/1190000042182354",
+    "author": "唯一丶",
+    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "8",
     "rank": 28
   },
-  {
-    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
-    "description": "【问答有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是...",
-    "url": "https://segmentfault.com/a/1190000042020576",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 29
-  },
   {
     "title": "CentOS中实现基于Docker部署BI数据分析",
     "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
@@ -267,6 +258,15 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "基于Vite+React构建在线Excel",
+    "description": "Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...",
+    "url": "https://segmentfault.com/a/1190000042024859",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "6",
     "rank": 30
   }
 ]