@wcj/github-rank 22.6.17 → 22.6.20

package/dist/sifou-weekly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "16",
+    "votes": "23",
     "rank": 1
   },
   {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 2
   },
   {
@@ -27,22 +27,13 @@
     "rank": 3
   },
   {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 4
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "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": "7",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "为什么Hook没有ErrorBoundary？",
@@ -51,6 +42,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
+    "rank": 5
+  },
+  {
+    "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": "6",
     "rank": 6
   },
   {
@@ -59,16 +59,16 @@
     "url": "https://segmentfault.com/a/1190000041980427",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "votes": "10",
     "rank": 7
   },
   {
-    "title": "前端视角看视频处理",
-    "description": "视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。",
-    "url": "https://segmentfault.com/a/1190000041967735",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "5",
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "7",
     "rank": 8
   },
   {
@@ -98,6 +98,24 @@
     "votes": "4",
     "rank": 11
   },
+  {
+    "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
+    "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
+    "url": "https://segmentfault.com/a/1190000041986657",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
+    "rank": 12
+  },
+  {
+    "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
+    "description": "querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$('')选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。",
+    "url": "https://segmentfault.com/a/1190000041984588",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "2",
+    "rank": 13
+  },
   {
     "title": "2022中国信通院安全运营发展论坛成功召开",
     "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
@@ -105,34 +123,43 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
-    "rank": 12
+    "rank": 14
   },
   {
-    "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
-    "description": "前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。",
-    "url": "https://segmentfault.com/a/1190000041975524",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "如何使用 GitHub 讨论作为您博客的聊天系统",
+    "description": "在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。",
+    "url": "https://segmentfault.com/a/1190000041976390",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "2",
-    "rank": 13
+    "rank": 15
   },
   {
-    "title": "JS实现JSON对象与URL参数的相互转换",
-    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
-    "url": "https://segmentfault.com/a/1190000041961440",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "3",
-    "rank": 14
+    "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": "6",
+    "rank": 16
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
-    "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
-    "url": "https://segmentfault.com/a/1190000041986657",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "3",
-    "rank": 15
+    "rank": 17
+  },
+  {
+    "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
+    "description": "前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。",
+    "url": "https://segmentfault.com/a/1190000041975524",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "2",
+    "rank": 18
   },
   {
     "title": "项目中关于解构的常用用法",
@@ -141,7 +168,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 16
+    "rank": 19
+  },
+  {
+    "title": "Java 基础常见知识点&面试题总结(中)，2022 最新版！| JavaGuide",
+    "description": "你好，我是 Guide。秋招即将到来，我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。上篇：Java 基础常见知识点&面试题总结(上)，2022 最新版！原文地址： [链接]面向对象基础面向...",
+    "url": "https://segmentfault.com/a/1190000041978372",
+    "author": "JavaGuide",
+    "home_url": "https://segmentfault.com/u/javaguide",
+    "votes": "2",
+    "rank": 20
+  },
+  {
+    "title": "得物前端唤端业务场景和技术精讲",
+    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
+    "url": "https://segmentfault.com/a/1190000041986500",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
+    "rank": 21
   },
   {
     "title": "实战模拟│企业微信机器人实时报错预警",
@@ -150,16 +195,16 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "1",
-    "rank": 17
+    "rank": 22
   },
   {
-    "title": "微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code",
-    "description": "太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”",
-    "url": "https://segmentfault.com/a/1190000041964961",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "客观评价 增长趋势比 vite 还猛的 TailwindCSS",
+    "description": "作者：pxn > 来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041969112",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 18
+    "rank": 23
   },
   {
     "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
@@ -168,52 +213,16 @@
     "author": "macrozheng",
     "home_url": "https://segmentfault.com/u/macrozheng",
     "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "如何使用 GitHub 讨论作为您博客的聊天系统",
-    "description": "在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。",
-    "url": "https://segmentfault.com/a/1190000041976390",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "全球 77.5% 的网站都在用 PHP；百度一程序员删库被判 9 个月；OpenCV 4.6 发布 |  思否周刊",
-    "description": "40s 新闻速递百度一程序员 “删库” 被判刑 9 个月欧盟 2024 年起统一使用 Type-C 接口，苹果或于明年底发布 Type-C iPhone全球 77.5% 的网站都在用 php马斯克为收购 Twitter 筹集新资金的工作由于不确定性而暂停苹...",
-    "url": "https://segmentfault.com/a/1190000041970976",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 21
+    "rank": 24
   },
   {
-    "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
-    "description": "querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$('')选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。",
-    "url": "https://segmentfault.com/a/1190000041984588",
+    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
+    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
+    "url": "https://segmentfault.com/a/1190000041998801",
     "author": "TANKING",
     "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "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": "7",
-    "rank": 23
-  },
-  {
-    "title": "基于Gin框架的web后端开发（十）: Gin框架-中间件(定义、使用、通信与实例)详解",
-    "description": "Gin-中间件：Gin框架的作者为开发者们提供的一种机制，可以让开发者自定义请求执行的Hook函数，中间件函数（或者叫Hook函数、钩子函数）适合处理很多重复的操作的场景（比如登录认证，权限校验，数据分页，耗时统...",
-    "url": "https://segmentfault.com/a/1190000041963752",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "2",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
@@ -222,50 +231,41 @@
     "author": "Aresn",
     "home_url": "https://segmentfault.com/u/aresn",
     "votes": "1",
-    "rank": 25
-  },
-  {
-    "title": "微服务效率工具 goctl 深度解析（上）",
-    "description": "goctl 的最早功能是为了解决 GRPC 内网调试问题，大约是在 2019 年，在我们的生产环境中，rpc 是内网隔离的，不可通过外网访问，为了快速去 mock 一些线上 RPC client 的请求，就简单的实现了第一版本的代码生成...",
-    "url": "https://segmentfault.com/a/1190000041963346",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "1",
     "rank": 26
   },
   {
-    "title": "Cube 技术解读 | Cube 渲染设计的前世今生",
-    "description": "阿里是个重运营的公司，前端开发者居多，2016-2017年，在Weex还是1.0时代，React Native开源还没多久，Flutter还没诞生的时候，如何在贴合前端开发环境的前提下，快速铺到android/iOS双平台是个大热点，支付宝内...",
-    "url": "https://segmentfault.com/a/1190000041966067",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041992859",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "得物前端唤端业务场景和技术精讲",
-    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
-    "url": "https://segmentfault.com/a/1190000041986500",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041993356",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑",
-    "description": "近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。",
-    "url": "https://segmentfault.com/a/1190000041969334",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "云音乐预估系统建设与实践",
+    "description": "预估系统的核心任务是完成模型计算，可以认为模型就是一个函数（举例：f(x1, x2)= ax1 + bx2 +c）。其中参数a、b、c是通过模型训练得出的权重值，自变量x1与x2就是特征，模型计算就是使...",
+    "url": "https://segmentfault.com/a/1190000041988087",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "React Fiber架构原理",
-    "description": "在 React 16 之前，VirtualDOM 的更新过程是采用 Stack 架构实现的，也就是循环递归方式。这种对比方式有一个问题，就是一旦任务开始进行就无法中断，如果应用中组件数量庞大，Virtual DOM 的层级就会比较深。如...",
-    "url": "https://segmentfault.com/a/1190000041965895",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "正式发布丨Visual Studio Code 1.68",
+    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
+    "url": "https://segmentfault.com/a/1190000041989813",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
     "votes": "1",
     "rank": 30
   }