@wcj/github-rank 21.12.29 → 21.12.30

package/dist/sifou-daily.json

@@ -1,110 +1,119 @@
 [
   {
-    "title": "警惕！PHP、Node、Ruby 和 Python 应用，漏洞还没结束！",
-    "description": "12 月 10 日凌晨，Apache 开源项目 Log4j2 的远程代码执行漏洞细节被公开，作为当前全球使用最广泛的 java 日志框架之一。该漏洞影响着很多全球使用量前列的开源组件，如 Apache Struts2、Apache Solr、Apache Dr...",
-    "url": "https://segmentfault.com/a/1190000041189841",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "电子表格实战锦囊:巧用稀疏数组是关键!",
+    "description": "前文中我们详细介绍过稀疏数组的那些事儿，以及在实际项目中，稀疏数组如何在前端电子表格中发挥出它最大的效果。而这次，我们将从实战应用出发，为大家介绍稀疏数组在前端中的具体应用。",
+    "url": "https://segmentfault.com/a/1190000041196153",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "JZ-040-数组中只出现一次的数字",
-    "description": "数组中只出现一次的数字题目描述一个整型数组里除了两个数字之外，其他的数字都出现了两次。请写程序找出这两个只出现一次的数字。题目链接: 数组中只出现一次的数字代码 {代码...} 【每日寄语】 永远面朝阳光，...",
-    "url": "https://segmentfault.com/a/1190000041194757",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "难搞的偏向锁终于被 Java 移除了",
+    "description": "背景在 JDK1.5 之前，面对 Java 并发问题， synchronized 是一招鲜的解决方案：普通同步方法，锁上当前实例对象静态同步方法，锁上当前类 Class 对象同步块，锁上括号里面配置的对象拿同步块来举例: {代码...} 经...",
+    "url": "https://segmentfault.com/a/1190000041194920",
+    "author": "日拱一兵",
+    "home_url": "https://segmentfault.com/u/tanrigongyibing",
     "votes": "4",
     "rank": 2
   },
   {
-    "title": "JZ-039-平衡二叉树",
-    "description": "平衡二叉树题目描述输入一棵二叉树，判断该二叉树是否是平衡二叉树。在这里，我们只需要考虑其平衡性，不需要考虑其是不是排序二叉树题目链接: 平衡二叉树代码 {代码...} 【每日寄语】 做个内心阳光的人。不忧伤...",
-    "url": "https://segmentfault.com/a/1190000041193844",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "浏览器渲染魔法之合成层",
+    "description": "浏览器与前端开发的关系不言而喻，而了解浏览器的渲染原理，可以帮助我们提升页面性能，解决一些渲染上的问题。最近在开发一个移动端 H5 页面的时候，就遇到一个奇怪的问题，有一个榜单页面在最新版本 IOS 手机上...",
+    "url": "https://segmentfault.com/a/1190000041197292",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "如何把 MySQL 备份验证性能提升 10 倍",
-    "description": "JuiceFS 非常适合用来做 MySQL 物理备份，具体使用参考我们的官方文档。最近有个客户在测试时反馈，备份验证的数据准备（xtrabackup --prepare）过程非常慢。我们借助 JuiceFS 提供的性能分析工具做了分析，快速...",
-    "url": "https://segmentfault.com/a/1190000041192814",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
+    "title": "数字证书对保护云计算平台安全的重要性正在不断提高",
+    "description": "大量企业正在从传统的内部IT环境转向基于云计算的平台，从而提高业务效率和有效性，但也引入了数据泄露、未经授权的访问和复杂的身份管理等安全威胁。",
+    "url": "https://segmentfault.com/a/1190000041199684",
+    "author": "云联壹云",
+    "home_url": "https://segmentfault.com/u/yunion",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "「百毒不侵」面试官最喜欢问的13种Vue修饰符",
-    "description": "大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符",
-    "url": "https://segmentfault.com/a/1190000041191163",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "开源探索 | 优麒麟社区发布 RISC-V 体验版",
+    "description": "2021 年 12 月 29 日，在优麒麟社区和海河实验室研发团队的共同努力下，优麒麟社区发布首个支持 RISC-V 架构的系统 — 20.04 Pro （RISC-V）版本！",
+    "url": "https://segmentfault.com/a/1190000041199539",
+    "author": "优麒麟",
+    "home_url": "https://segmentfault.com/u/ubuntukylin",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "Amazing！！CSS 也能实现烟雾效果？",
-    "description": "最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...",
-    "url": "https://segmentfault.com/a/1190000041189786",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "告别KAPT，使用KSP为Android编译提速",
+    "description": "在进行Android应用开发时，不少人吐槽 Kotlin 的编译速度慢，而KAPT 便是拖慢编译的元凶之一。我们知道，Android的很多库都会使用注解简化模板代码，例如 Room、Dagger、Retrofit 等，而默认情况下Kotlin 使用的...",
+    "url": "https://segmentfault.com/a/1190000041198258",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "版本不兼容Jar包冲突该如何是好？",
-    "description": "常言道：编码五分钟，解冲突两小时。作为Java开发来说，第一眼见到ClassNotFoundException、NoSuchMethodException这些异常来说，第一反应就是排包。经过一通常规和非常规操作以后，往往会找到同一个Jar包引入了...",
-    "url": "https://segmentfault.com/a/1190000041189545",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "Top 5 榜单：最容易学习和最难掌握的编程语言",
+    "description": "如果你想学习编程，你应该从哪种编程语言开始？向一个程序员询问最容易学习的语言，就像向某人询问他们最喜欢吃什么口味的冰激凌，没有真正正确的的答案，每个人都会有自己的偏好。正如开发者和教育家 Marek Zalu...",
+    "url": "https://segmentfault.com/a/1190000041196930",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "当前端渲染遇上边缘计算",
-    "description": "前端渲染方式随着前端技术的演进而不断革新，边缘计算的出现使前端渲染从 SSR（Node）时代开始迈入边缘渲染（ESR）时代。本文主要介绍前端渲染的发展演进，以及边缘渲染的原理、优势及应用场景。主要内容如下：前...",
-    "url": "https://segmentfault.com/a/1190000041193494",
-    "author": "火山引擎边缘计算",
-    "home_url": "https://segmentfault.com/u/edgecloud",
-    "votes": "1",
+    "title": "彻底搞懂 Kubernetes 中的 Events",
+    "description": "之前我写了一篇《更优雅的 Kubernetes 集群事件度量方案》，利用 Jaeger 利用 tracing 的方式来采集 Kubernetes 集群中的 events 并进行展示。最终效果如下：",
+    "url": "https://segmentfault.com/a/1190000041196706",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）",
-    "description": "特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出，“人类将被动等待高估了 36%”（[链接]）。这意味着用户感觉到的等待时间...",
-    "url": "https://segmentfault.com/a/1190000041192453",
-    "author": "后除",
-    "home_url": "https://segmentfault.com/u/mazey_5bfd4a49bddcd",
+    "title": "【C进阶】27、数组的本质分析",
+    "description": "a是数组首元素的地址，类型是int*；*a就是首元素，sizeof(*a)可以获得数组首元素的内存大小；a同时也代表这一段内存，sizeof(a)可以获得数组的内存大小；sizeof(a) / sizeof(*a) = 数组元素的个数",
+    "url": "https://segmentfault.com/a/1190000041200328",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "基于promise的阻塞式队列设计",
-    "description": "设计阻塞队列的缘由是因为在做业务时遇见庞大的资源列表加载问题，我们的业务主要是媒体资源的加载。http 1.0的时候大部分浏览器支持最大并行数量是6个，http 2.0的时候有所提升，HTTP/2.0理论上可以在一个TCP连...",
-    "url": "https://segmentfault.com/a/1190000041192034",
-    "author": "H_H_code",
-    "home_url": "https://segmentfault.com/u/h_h_code",
+    "title": "记：实现一个mini-react",
+    "description": "可以看到，这些jsx语法，经过babel转译后，最终调用了React.createElement，其需要三个参数type, props, children。其返回值就是virtual DOM对象。也就是说，我们可以使用babel将我们的jsx代码，转换成虚拟DOM， ...",
+    "url": "https://segmentfault.com/a/1190000041197056",
+    "author": "路飞的笑",
+    "home_url": "https://segmentfault.com/u/lufeidexiao",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "FFCreator -- 用 node.js 来制作数据可视化视频吧",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041192433",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "Web前端主题切换的几种方案",
+    "description": "这种方案利用了css多层样式精确匹配的特点，通过样式覆盖的方式实现主题的切换。首先需要在应用的根元素中设一个 class，切换主题时给 class 赋上对应的值，下面以theme1/theme2为例。",
+    "url": "https://segmentfault.com/a/1190000041195585",
+    "author": "Dickens",
+    "home_url": "https://segmentfault.com/u/dabai_5955b2921e87d",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "OPPO小布助手算法系统探索、实践与思考",
-    "description": "对话交互是继传统PC、PC互联网及移动互联网之后，下一个时代非常有想象力的关键技术方向，无论是学术界还是工业界都有极高的关注度，同时作为OPPO万物互融战略的关键节点之一，承载着伟大而艰巨的使命。",
-    "url": "https://segmentfault.com/a/1190000041189363",
-    "author": "OPPO数智技术",
-    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
+    "title": "Lombok 原理与实现",
+    "description": "本文主要包含以下内容：Lombok 的实现机制分析。插入式注解处理器的说明及使用。动手实现 lombok 的 @Getter 和 @Setter 注解。配置 IDEA 以调试 Java 编译过程。1. Lombok官网介绍：Project Lombok is a java li...",
+    "url": "https://segmentfault.com/a/1190000041200280",
+    "author": "Sumkor",
+    "home_url": "https://segmentfault.com/u/sumkor",
     "votes": "1",
     "rank": 12
+  },
+  {
+    "title": "SphereEx 亮相 openGauss Summit 2021，同云和恩墨签订战略合作协议",
+    "description": "2021 年 12 月 28 日，openGauss Summit 2021 在北京望京凯悦酒店正式举行。本次大会是由 openGauss 开源社区发起并举办，以【汇聚数据库创新力量，逐梦数字时代星辰大海】为主题，汇集学术专家、行业用户、合作...",
+    "url": "https://segmentfault.com/a/1190000041196587",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 13
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041163719",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "34",
+    "votes": "36",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041099699",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "38",
+    "votes": "39",
     "rank": 2
   },
   {
@@ -59,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041157904",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "23",
-    "rank": 7
-  },
-  {
-    "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
-    "description": "文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...",
-    "url": "https://segmentfault.com/a/1190000041031214",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "25",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
@@ -86,7 +77,16 @@
     "url": "https://segmentfault.com/a/1190000041153005",
     "author": "铁皮饭盒",
     "home_url": "https://segmentfault.com/u/russell221",
-    "votes": "25",
+    "votes": "26",
+    "rank": 9
+  },
+  {
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "20",
     "rank": 10
   },
   {
@@ -107,23 +107,14 @@
     "votes": "19",
     "rank": 12
   },
-  {
-    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
-    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
-    "url": "https://segmentfault.com/a/1190000041103446",
-    "author": "jrainlau",
-    "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "19",
-    "rank": 13
-  },
   {
     "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
     "description": "数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...",
     "url": "https://segmentfault.com/a/1190000041105650",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "20",
-    "rank": 14
+    "votes": "21",
+    "rank": 13
   },
   {
     "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
@@ -132,7 +123,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "23",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "利用 clip-path 实现动态区域裁剪",
@@ -141,7 +132,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
@@ -150,7 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -159,16 +150,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 18
+    "rank": 17
   },
   {
-    "title": "Error Boundaries是这么实现的，还挺巧妙",
-    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
-    "url": "https://segmentfault.com/a/1190000041057856",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
-    "rank": 19
+    "title": "1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发",
+    "description": "组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...",
+    "url": "https://segmentfault.com/a/1190000041170989",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "17",
+    "rank": 18
   },
   {
     "title": "Amazing！！CSS 也能实现极光？",
@@ -176,6 +167,15 @@
     "url": "https://segmentfault.com/a/1190000041166007",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 19
+  },
+  {
+    "title": "Error Boundaries是这么实现的，还挺巧妙",
+    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
+    "url": "https://segmentfault.com/a/1190000041057856",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
     "rank": 20
   },
@@ -215,6 +215,15 @@
     "votes": "15",
     "rank": 24
   },
+  {
+    "title": "使用 Nginx 构建前端日志统计服务",
+    "description": "这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。",
+    "url": "https://segmentfault.com/a/1190000041184489",
+    "author": "前端森林",
+    "home_url": "https://segmentfault.com/u/fengshuan",
+    "votes": "10",
+    "rank": 25
+  },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
     "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
@@ -222,7 +231,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
@@ -231,7 +240,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "10个HTML文件上传技巧",
@@ -240,7 +249,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "Java集合高频面试题",
@@ -248,8 +257,8 @@
     "url": "https://segmentfault.com/a/1190000041101930",
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "12",
-    "rank": 28
+    "votes": "11",
+    "rank": 29
   },
   {
     "title": "Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？",
@@ -258,15 +267,6 @@
     "author": "百瓶技术",
     "home_url": "https://segmentfault.com/u/billionbottle",
     "votes": "8",
-    "rank": 29
-  },
-  {
-    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
-    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
-    "url": "https://segmentfault.com/a/1190000041105568",
-    "author": "火线安全",
-    "home_url": "https://segmentfault.com/u/huoxian",
-    "votes": "9",
     "rank": 30
   }
 ]