@wcj/github-rank 22.6.18 → 22.6.21

package/dist/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 1
   },
   {
-    "title": "美团综合业务推荐系统的质量模型及实践",
-    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
-    "url": "https://segmentfault.com/a/1190000041996173",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "2",
+    "title": "Go 内联优化能让程序快多少？",
+    "description": "最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。",
+    "url": "https://segmentfault.com/a/1190000042007938",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
-    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
-    "url": "https://segmentfault.com/a/1190000041998329",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "开源工具 SAP UI5 Tools 介绍",
+    "description": "大多数 UI5 工具模块提供了 JavaScript api，供其他 Node.js项目直接使用。这允许开发人员通过编程的方式，依赖于UI5工具来实现特定于UI5的构建功能和项目处理，同时创建属于自己的工具来完美匹配项目的需求。",
+    "url": "https://segmentfault.com/a/1190000042008391",
+    "author": "JerryWang_汪子熙",
+    "home_url": "https://segmentfault.com/u/jerrywangsap",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "编程技巧│浏览器 Notification 桌面推送通知",
-    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
-    "url": "https://segmentfault.com/a/1190000041998200",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
+    "title": "react入门练习2",
+    "description": "主要内容：游戏难度分成三个等级，改变变量level的具体数值，传给gameA和gameB两个页面。重点：1.在src文件夹中创建一个新的文件夹models，使用useModel，创建一个全局变量level，所有页面均可以使用。2.按钮点击...",
+    "url": "https://segmentfault.com/a/1190000042007692",
+    "author": "Guanine",
+    "home_url": "https://segmentfault.com/u/guanine_625792bcb3373",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "前端命名规范",
-    "description": "命名类型总共有三种命名方式:PasaCase：大写驼峰式，如: MClascamelCase：小写驼峰式，比如: MyClasskebab-case：小写短横线，比如:my-class文件或文件夹的命名遵循以下原则:定义对象，统一使用PascalCase(大写驼...",
-    "url": "https://segmentfault.com/a/1190000041996652",
-    "author": "前端小可爱",
-    "home_url": "https://segmentfault.com/u/survivor_61d65fb5edf0d",
-    "votes": "1",
+    "title": "Vue3 Teleport，这个是真的好用！",
+    "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
+    "url": "https://segmentfault.com/a/1190000042006317",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "iframe跨域的几种常用方法",
-    "description": "在开发日常中，会遇到使用iframe嵌套其他页面，想要与嵌套页面进行交互，常常会涉及打跨域问题，何为跨域？这涉及到同源策略，即协议、端口、域名相同则为同源",
-    "url": "https://segmentfault.com/a/1190000041996165",
-    "author": "mosquito",
-    "home_url": "https://segmentfault.com/u/mosquito_612af76da10ff",
-    "votes": "2",
+    "title": "Vue3如何通过ref获取真实DOM元素",
+    "description": "在Vue2中我们可以在<template>中的元素标签使用ref属性（类似于原生HTML标签的id属性）在<script>标签通过this.$refs拿到真实DOM标签的元素。",
+    "url": "https://segmentfault.com/a/1190000042007970",
+    "author": "韩xiao方MY",
+    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
+    "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！",
+    "description": "想冲HarmonyOS周边的看过来！规则简单机会大！ 刚发现了一个新活动，重点是礼品多门槛低机会大！先看看奖品有没有你想要的： 足足有50份奖品！冲个四等奖还能白piao一个实用的T恤啊！！！而且这个是按点赞进行排...",
+    "url": "https://segmentfault.com/a/1190000042009625",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序",
+    "description": "近日，微软更新了其针对 Microsoft Store（微软应用商店）的策略 7.16 版。该版本策略的一个关键亮点就是 —— 打击了那些重新包装免费开源软件并为其贴上价格标签的非官方开发人员。",
+    "url": "https://segmentfault.com/a/1190000042007751",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "48",
+    "votes": "49",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "37",
+    "votes": "38",
     "rank": 2
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041925107",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "29",
+    "votes": "30",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "21",
+    "votes": "23",
     "rank": 6
   },
   {
@@ -68,9 +68,18 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "21",
+    "votes": "22",
     "rank": 8
   },
+  {
+    "title": "搭建前端监控，如何采集异常数据？",
+    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
+    "url": "https://segmentfault.com/a/1190000041962607",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 9
+  },
   {
     "title": "CSS 实现头像名称首字符自动占位",
     "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
@@ -78,7 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "23",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -87,15 +96,6 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "23",
-    "rank": 10
-  },
-  {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
     "rank": 11
   },
   {
@@ -104,7 +104,7 @@
     "url": "https://segmentfault.com/a/1190000041921498",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "17",
+    "votes": "19",
     "rank": 12
   },
   {
@@ -116,6 +116,15 @@
     "votes": "16",
     "rank": 13
   },
+  {
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 14
+  },
   {
     "title": "锁定项目 Node 版本和包管理器",
     "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
@@ -123,7 +132,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "17",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -132,7 +141,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "10",
+    "rank": 17
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -141,16 +159,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 16
-  },
-  {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
@@ -159,7 +168,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "8",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -168,7 +177,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -177,7 +186,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "10",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -186,15 +195,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "9",
     "rank": 22
   },
   {
@@ -206,6 +206,24 @@
     "votes": "12",
     "rank": 23
   },
+  {
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 24
+  },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
+    "rank": 25
+  },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
     "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
@@ -213,7 +231,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -222,24 +240,6 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
-    "rank": 25
-  },
-  {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 26
-  },
-  {
-    "title": "前端语音转文字实践总结",
-    "description": "最近准备一个技术分享，看到以前做的一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。语音转写流程图PC端浏览器如何录...",
-    "url": "https://segmentfault.com/a/1190000041866984",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "11",
     "rank": 27
   },
   {