@wcj/github-rank 22.6.30 → 22.7.3

package/web/data/sifou-daily.json

@@ -1,47 +1,11 @@
 [
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
-    "rank": 1
-  },
-  {
-    "title": "ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？",
-    "description": "6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。",
-    "url": "https://segmentfault.com/a/1190000042048420",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "英特尔傲腾，让数据管理不再纠结",
-    "description": "据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...",
-    "url": "https://segmentfault.com/a/1190000042050449",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
+    "title": "编程语言：类型系统的本质",
+    "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
+    "url": "https://segmentfault.com/a/1190000042060686",
+    "author": "陈光剑",
+    "home_url": "https://segmentfault.com/u/donghaichenguangjian",
     "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "超 Nice 的表格响应式布局小技巧",
-    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
-    "url": "https://segmentfault.com/a/1190000042048733",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "责任链模式",
-    "description": "通过构建一条流水线，将一个请求按照顺序进行多次处理下面使用一个登录的例子来实现责任链模式请求体类 {代码...} 抽象处理类 {代码...} 具体处理过程 验证密码 → 权限验证 {代码...} {代码...} 测试 {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000042048951",
-    "author": "eacape",
-    "home_url": "https://segmentfault.com/u/xiaoyongyong",
-    "votes": "1",
-    "rank": 5
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,30 +1,12 @@
 [
-  {
-    "title": "为我们的 10 周年喝彩",
-    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
-    "url": "https://segmentfault.com/a/1190000041925065",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "49",
-    "rank": 1
-  },
   {
     "title": "文字轮播与图片轮播？CSS 不在话下",
     "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "42",
-    "rank": 2
-  },
-  {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "30",
-    "rank": 3
+    "votes": "43",
+    "rank": 1
   },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
@@ -33,7 +15,7 @@
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "29",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "CSS 实现头像名称首字符自动占位",
@@ -42,16 +24,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "25",
-    "rank": 5
+    "rank": 3
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "21",
-    "rank": 6
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "27",
+    "rank": 4
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -60,16 +42,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 7
-  },
-  {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
@@ -78,16 +51,16 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "21",
-    "rank": 9
+    "rank": 6
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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": "16",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -96,25 +69,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 11
-  },
-  {
-    "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": "14",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "description": "🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...",
     "url": "https://segmentfault.com/a/1190000041962217",
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "11",
-    "rank": 13
+    "rank": 9
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -123,7 +87,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 14
+    "rank": 10
   },
   {
     "title": "JS实现将文本或JSON内容下载到文件中",
@@ -132,7 +96,7 @@
     "author": "十方",
     "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "10",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -141,7 +105,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 16
+    "rank": 12
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -150,7 +114,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "9",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -159,16 +123,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 18
+    "rank": 14
   },
   {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 19
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -176,26 +140,17 @@
     "url": "https://segmentfault.com/a/1190000042012558",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
-    "rank": 20
-  },
-  {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
-    "rank": 21
+    "votes": "11",
+    "rank": 16
   },
   {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 22
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -203,26 +158,17 @@
     "url": "https://segmentfault.com/a/1190000041934586",
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "8",
-    "rank": 23
-  },
-  {
-    "title": "11个常用JS小小技巧",
-    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
-    "url": "https://segmentfault.com/a/1190000041923141",
-    "author": "前端荣耀",
-    "home_url": "https://segmentfault.com/u/lengxing",
-    "votes": "12",
-    "rank": 24
+    "votes": "9",
+    "rank": 18
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "description": "【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...",
     "url": "https://segmentfault.com/a/1190000042012599",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 25
+    "rank": 19
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -231,7 +177,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "9",
-    "rank": 26
+    "rank": 20
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -240,7 +186,7 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "10",
-    "rank": 27
+    "rank": 21
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
@@ -249,16 +195,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
-    "rank": 28
+    "rank": 22
   },
   {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 29
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "6",
+    "rank": 23
   },
   {
     "title": "构建基于React18的电子表格程序",
@@ -267,6 +213,60 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
+    "rank": 24
+  },
+  {
+    "title": "精读《type challenges - easy》",
+    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
+    "url": "https://segmentfault.com/a/1190000041941889",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
+    "rank": 25
+  },
+  {
+    "title": "为什么Hook没有ErrorBoundary？",
+    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
+    "url": "https://segmentfault.com/a/1190000041974765",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
+    "rank": 26
+  },
+  {
+    "title": "使用 content-visibility 优化渲染性能",
+    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
+    "url": "https://segmentfault.com/a/1190000041980427",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 27
+  },
+  {
+    "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
+    "description": "2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。",
+    "url": "https://segmentfault.com/a/1190000041995552",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "7",
+    "rank": 28
+  },
+  {
+    "title": "2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势",
+    "description": "此次报告，共有来自全球 125 个国家 / 地区、超 3700+ 名前端开发专业人士填写了调查，同时也融合了来自前端技术开发领域的 19 位专家的观点与分享，并对前端 2020 年和 2022 年的数据并排呈现作对比后最终得出了...",
+    "url": "https://segmentfault.com/a/1190000041943445",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "8",
+    "rank": 29
+  },
+  {
+    "title": "React新文档：不要滥用Ref哦～",
+    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
+    "url": "https://segmentfault.com/a/1190000041991074",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "9",
     "rank": 30
   }
 ]