@wcj/github-rank 22.6.23 → 22.6.24

package/web/data/sifou-daily.json

@@ -1,38 +1,110 @@
 [
   {
-    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
-    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
-    "url": "https://segmentfault.com/a/1190000042020576",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "title": "蜻蜓低代码安全工具平台开发之路",
+    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
+    "url": "https://segmentfault.com/a/1190000042025141",
+    "author": "汤青松",
+    "home_url": "https://segmentfault.com/u/songboy",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "关于 GIN 的路由树",
-    "description": "GIN 是一个 golang 常用的 Web 框架，它对 API 比较友好，源码注释也很明确明确，使用起来快速灵活，还有极高的容错率。标题中的路由我们可以简单理解为在浏览器中输入的页面地址，而“树”则是 一种优化的数据结构...",
-    "url": "https://segmentfault.com/a/1190000042018336",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "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": "3",
     "rank": 2
   },
   {
-    "title": "【Java面试】@Resource 和 @Autowired 的区别",
-    "description": "Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答",
-    "url": "https://segmentfault.com/a/1190000042019958",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！",
+    "description": "据官方介绍，GitHub 副产品 AI 编码辅助工具 Copilot 最早于 2021 年 6 月在技术预览中发布，旨在帮助软件开发者在 Visual Studio、Visual Studio code、Neovim 和 JetBrains IDE 等开发环境中编写代码时通过自动...",
+    "url": "https://segmentfault.com/a/1190000042024352",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "物联网开源开发平台 Shifu 开放内测！第一版技术文档发布",
-    "description": "Shifu 是由边无际Edgenesis自主研发的物联网开源开发和管理平台，开发者通过Shifu可以轻松实现连接、监控和控制任何物联网设备。",
-    "url": "https://segmentfault.com/a/1190000042019700",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "title": "面试官问我一条update语句加了多少锁？我总结了全套八股文",
+    "description": "迎面走来了你的面试官，身穿格子衫，挺着啤酒肚，发际线严重后移的中年男子。手拿泡着枸杞的保温杯，胳膊夹着MacBook，MacBook上还贴着公司标语：“我爱加班”。",
+    "url": "https://segmentfault.com/a/1190000042027893",
+    "author": "一灯架构",
+    "home_url": "https://segmentfault.com/u/huazhen_6295e0b518e5c",
     "votes": "1",
     "rank": 4
+  },
+  {
+    "title": "脚本之美│VBS 入门交互实战",
+    "description": "VBS 是一种 Windows 脚本语言，全称是 Microsoft Visual Basic Script Editon，微软公司可视化 BASIC 脚本版",
+    "url": "https://segmentfault.com/a/1190000042027403",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "元宇宙 3D 开荒场 - 探味奇遇记",
+    "description": "这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...",
+    "url": "https://segmentfault.com/a/1190000042027240",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "如果后端API一次返回10万条数据，前端应该如何优化",
+    "description": "创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...",
+    "url": "https://segmentfault.com/a/1190000042025507",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "js实现动态数值的colorscale",
+    "description": "第一步：首先模拟等长单位的刻度。设刻度尺总长度为100px，那么单位长度为20px，总共5个格子。通过使用伪类的方式给刻度尺添加刻度线，最后给单位刻度添加数值就完成了第一步刻度尺。（片段代码如下）",
+    "url": "https://segmentfault.com/a/1190000042025374",
+    "author": "可可乐滋滋",
+    "home_url": "https://segmentfault.com/u/kekelezizi",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "Vue基础点梳理",
+    "description": "1、vue指令-v-model修饰符语法:v-model.修饰符=\"vue数据变量\" {代码...} 2、计算属性计算属性有缓存，提高渲染性能。如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性。写法： {代码......",
+    "url": "https://segmentfault.com/a/1190000042025080",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "js判断两个对象是否相等",
+    "description": "1.首先要先有两个对象，如下举例： {代码...} 2.判断两个对象是否相等： {代码...} 3.做出相应的操作： {代码...}",
+    "url": "https://segmentfault.com/a/1190000042024769",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "折叠面板组件的设计与实现",
+    "description": "NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。",
+    "url": "https://segmentfault.com/a/1190000042023745",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
+    "rank": 11
+  },
+  {
+    "title": "ECMAScript 提案:.findLast()和.findLastIndex()从尾到头搜索数组",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042023094",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 12
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,18 +14,9 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "39",
+    "votes": "40",
     "rank": 2
   },
-  {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "31",
-    "rank": 3
-  },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
     "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
@@ -33,7 +24,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "30",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
@@ -41,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "24",
-    "rank": 5
+    "votes": "25",
+    "rank": 4
   },
   {
     "title": "CSS 实现头像名称首字符自动占位",
@@ -51,7 +42,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "24",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -60,16 +51,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 7
-  },
-  {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -78,7 +60,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "19",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "CSS实现可拉伸调整尺寸的分栏布局",
@@ -86,8 +68,17 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 10
+    "votes": "23",
+    "rank": 8
+  },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "19",
+    "rank": 9
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -96,16 +87,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 11
-  },
-  {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "18",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -114,7 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "锁定项目 Node 版本和包管理器",
@@ -123,7 +105,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "17",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -132,7 +114,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -141,7 +123,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 16
+    "rank": 14
+  },
+  {
+    "title": "干货合集│最好用的 python 库都在这",
+    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041962217",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "10",
+    "rank": 15
   },
   {
     "title": "JS实现将文本或JSON内容下载到文件中",
@@ -150,7 +141,7 @@
     "author": "十方",
     "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "10",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -159,7 +150,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -168,16 +159,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 19
+    "rank": 18
   },
   {
-    "title": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000041962217",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
+    "title": "Redis都有哪些使用场景",
+    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
+    "url": "https://segmentfault.com/a/1190000041985101",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
     "votes": "8",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -186,7 +177,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "CSS 变量自动变色技术",
@@ -195,7 +186,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -204,7 +195,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "12",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -213,7 +204,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "10",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
@@ -222,7 +213,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "12",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -231,16 +222,16 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "8",
-    "rank": 26
+    "rank": 25
   },
   {
-    "title": "Redis都有哪些使用场景",
-    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
-    "url": "https://segmentfault.com/a/1190000041985101",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "7",
-    "rank": 27
+    "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": "11",
+    "rank": 26
   },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
@@ -249,7 +240,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "11个常用JS小小技巧",
@@ -258,7 +249,7 @@
     "author": "前端荣耀",
     "home_url": "https://segmentfault.com/u/lengxing",
     "votes": "12",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -267,6 +258,15 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
+    "rank": 29
+  },
+  {
+    "title": "JavaScript精度丢失原因以及解决方案",
+    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
+    "url": "https://segmentfault.com/a/1190000041941297",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "9",
     "rank": 30
   }
 ]