@wcj/github-rank 22.7.25 → 22.7.28

package/web/data/sifou-daily.json

@@ -1,20 +1,110 @@
 [
   {
-    "title": "6k+ star，面向小白的深度学习代码库！一行代码实现所有Attention机制！",
-    "description": "For 小白（Like Me）：最近在读论文的时候会发现一个问题，有时候论文核心思想非常简单，核心代码可能也就十几行。但是打开作者release的源码时，却发现提出的模块嵌入到分类、检测、分割等任务框架中，导致代码...",
-    "url": "https://segmentfault.com/a/1190000042214616",
-    "author": "FightingCV",
-    "home_url": "https://segmentfault.com/u/nulinulizainuli_5f12c5f6c11d9",
+    "title": "用好 DIV 和 API，在前端系统中轻松嵌入数据分析模块",
+    "description": "在数字化转型潮流席卷各大行业的今天，越来越多的企业开始重视 BI（商业智能）技术的部署和应用，期望从不断增长的数据资源中获得更多业务价值，从而提升利润、控制风险、降低成本。BI 能整合、组织和分析数据，...",
+    "url": "https://segmentfault.com/a/1190000042229574",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "vim配置全攻略(1) —— vim的基本操作",
-    "description": "导语Vim是Linux上一款非常优秀的代码编辑器。大多数有名的IDE都支持Vim的插件。它相对于大多数IDE更加迅速，轻量；相对于其他编辑器自由，高效。本文主要记录了Vim的一些常用技巧，以及配置。",
-    "url": "https://segmentfault.com/a/1190000042215820",
-    "author": "Zane_Adams",
-    "home_url": "https://segmentfault.com/u/zanecf",
-    "votes": "1",
+    "title": "低代码是开发的未来吗？浅谈低代码平台",
+    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
+    "url": "https://segmentfault.com/a/1190000042229850",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
+  },
+  {
+    "title": "2021，字节最值得关注的10个开源项目",
+    "description": "在软件开发行业，【开源是让技术走向普及、下沉落地的不二法门】。开源软件系统性地利用开放式开发和分布式同行评审，不仅降低了开发成本，还提高了软件质量。 以下是字节跳动技术团队2021年开源的项目，有哪些值...",
+    "url": "https://segmentfault.com/a/1190000042231726",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
+    "rank": 3
+  },
+  {
+    "title": "Charles使用教程",
+    "description": "Charles 是一个 HTTP 和 SOCKS 代理服务器。代理请求和响应使 Charles 能够在请求从客户端传递到服务器时检查和更改请求，以及从服务器传递到客户端时的响应。",
+    "url": "https://segmentfault.com/a/1190000042229767",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "Go 程序太大了，能要个延迟初始化不？",
+    "description": "大家好，我是煎鱼。在公司的不断发展中，一开始大多是大单体，改造慢了，一个仓库会有使用几十年的情况，仓库的规模基本是不断增大的过程。影响之一就是会应用程序打包后的体积越来越大，不知道被用哪里去了...今...",
+    "url": "https://segmentfault.com/a/1190000042229328",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "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": "2",
+    "rank": 6
+  },
+  {
+    "title": "mysql 最大建议行数2000w,靠谱吗？",
+    "description": "作为在后端圈开车的多年老司机，是不是经常听到过，“mysql 单表最好不要超过2000w”,“单表超过2000w 就要考虑数据迁移了”，“你这个表数据都马上要到2000w 了，难怪查询速度慢”",
+    "url": "https://segmentfault.com/a/1190000042232098",
+    "author": "京东科技开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "海明码的原理",
+    "description": "海明码基本思想是分组偶校验，由信息位(n)和校验位(k)组成，海明码的校验位计算公式：2^k >= n+k+12^k 表示：k 个校验位对应 2^k 种状态n + k + 1 表示：n + k 代表任何一位都可能出错，1 代表一种正确的状态...",
+    "url": "https://segmentfault.com/a/1190000042228062",
+    "author": "uccs",
+    "home_url": "https://segmentfault.com/u/tiantian_5ada7e81e50d7",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "GAN：生成对抗网络 Generative Adversarial Networks",
+    "description": "对于生成对抗网络GAN，一个简单的理解是可以将其看做博弈的过程，我们可以将生成模型和判别模型看作博弈的双方，比如在犯罪分子造假币和警察识别假币的过程中：",
+    "url": "https://segmentfault.com/a/1190000042227403",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "收藏！0 基础开源数据可视化平台 FlyFish 大屏开发指南",
+    "description": "作者：Rise Hao，云智慧前端开发工程师。开源项目数据可视化平台 FlyFish Maintainer。主攻可视化大屏方向，专注工程研发的降本增质、增效，在可视化方面具有丰富的开发经验 。",
+    "url": "https://segmentfault.com/a/1190000042229920",
+    "author": "云智慧技术社区",
+    "home_url": "https://segmentfault.com/u/yunzhihuijishushequ",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- Spring Boot 是否很难用？",
+    "description": "关于 Spring Boot + Vue3 的动态菜单，松哥之前已经写了两篇文章了，这两篇文章主要是从代码上和大家分析动态菜单最终的实现方式，但是还是有小伙伴觉得没太看明白，感觉缺乏一个提纲挈领的思路，所以，今天松哥...",
+    "url": "https://segmentfault.com/a/1190000042228467",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "typescript隐式类型转换图，很直观详细",
+    "description": "1、unknown是所有类型的父类型，其他类型都可以赋值给 unknown {代码...} 2、never 是任何类型的子类型，可以赋给任何类型 {代码...} 3、any可以赋值给任何类型，任何类型可以赋值给any，除了any不能赋值给never(...",
+    "url": "https://segmentfault.com/a/1190000042227498",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "1",
+    "rank": 12
   }
 ]

package/web/data/sifou-monthly.json

@@ -17,14 +17,23 @@
     "votes": "20",
     "rank": 2
   },
+  {
+    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
+    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
+    "url": "https://segmentfault.com/a/1190000042217200",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "18",
+    "rank": 3
+  },
   {
     "title": "switch 有四样写法你知道么",
     "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
     "url": "https://segmentfault.com/a/1190000042055258",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "16",
-    "rank": 3
+    "votes": "17",
+    "rank": 4
   },
   {
     "title": "叮~您有一封Vue.js挑战邀请函,请查收",
@@ -33,7 +42,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "14",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -42,7 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "视觉还原小技巧！CSS 实现角标效果",
@@ -51,7 +60,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -60,7 +69,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "13",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "高阶切图技巧！基于单张图片的任意颜色转换",
@@ -69,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -77,8 +86,17 @@
     "url": "https://segmentfault.com/a/1190000042048392",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "11",
-    "rank": 9
+    "votes": "13",
+    "rank": 10
+  },
+  {
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
+    "rank": 11
   },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
@@ -87,16 +105,16 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "13",
-    "rank": 10
+    "rank": 12
   },
   {
-    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
-    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
-    "url": "https://segmentfault.com/a/1190000042094549",
+    "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": "16",
-    "rank": 11
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "PHP后端面试85问",
@@ -105,16 +123,16 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 12
+    "rank": 14
   },
   {
-    "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": "12",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
@@ -123,7 +141,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 14
+    "rank": 16
+  },
+  {
+    "title": "如何提出一个高质量的问题？",
+    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
+    "url": "https://segmentfault.com/a/1190000042182354",
+    "author": "唯一丶",
+    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
+    "votes": "10",
+    "rank": 17
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -132,7 +159,16 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "9",
-    "rank": 15
+    "rank": 18
+  },
+  {
+    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
+    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
+    "url": "https://segmentfault.com/a/1190000042200631",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -141,7 +177,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "6",
-    "rank": 16
+    "rank": 20
   },
   {
     "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
@@ -150,16 +186,7 @@
     "author": "玛尔斯通",
     "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "12",
-    "rank": 17
-  },
-  {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
-    "rank": 18
+    "rank": 21
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -168,16 +195,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "rank": 19
-  },
-  {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "9",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -186,16 +204,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 21
+    "rank": 23
   },
   {
-    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
-    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
-    "url": "https://segmentfault.com/a/1190000042200631",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 22
+    "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": "10",
+    "rank": 24
   },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
@@ -204,7 +222,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "7",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "几百行代码实现一个 JSON 解析器",
@@ -213,7 +231,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "5",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "Nginx 实战核心知识点整理（上）",
@@ -222,16 +240,7 @@
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "7",
-    "rank": 25
-  },
-  {
-    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
-    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
-    "url": "https://segmentfault.com/a/1190000042037852",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
@@ -240,7 +249,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 27
+    "rank": 28
+  },
+  {
+    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
+    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
+    "url": "https://segmentfault.com/a/1190000042037852",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "12",
+    "rank": 29
   },
   {
     "title": "Nginx部署配置",
@@ -249,24 +267,6 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "5",
-    "rank": 28
-  },
-  {
-    "title": "CentOS中实现基于Docker部署BI数据分析",
-    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
-    "url": "https://segmentfault.com/a/1190000042030725",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
-    "rank": 29
-  },
-  {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "8",
     "rank": 30
   }
 ]