@wcj/github-rank 21.12.8 → 21.12.9

package/web/data/sifou-daily.json

@@ -1,137 +1,110 @@
 [
   {
-    "title": "服务端渲染基础",
-    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
-    "url": "https://segmentfault.com/a/1190000041076565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
+    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
+    "url": "https://segmentfault.com/a/1190000041081789",
+    "author": "第一名的小蝌蚪",
+    "home_url": "https://segmentfault.com/u/diyimingdexiao",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "JZ-018-二叉树的镜像",
-    "description": "二叉树的镜像题目描述操作给定的二叉树，将其变换为源二叉树的镜像。题目链接: 二叉树的镜像代码 {代码...} 【每日寄语】 世上最耀眼的光芒除了太阳还有你努力的模样。",
-    "url": "https://segmentfault.com/a/1190000041077044",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
+    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
+    "url": "https://segmentfault.com/a/1190000041083795",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "4",
     "rank": 2
   },
   {
-    "title": "前端架构师破局技能，NodeJS 落地 WebSocket 实践",
-    "description": "本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播...",
-    "url": "https://segmentfault.com/a/1190000041075299",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "3",
+    "title": "JZ-019-顺时针打印矩阵",
+    "description": "输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字，例如，如果输入如下4 X 4矩阵： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16则依次打印出数字1,2,3,4,8,12,16,15,14,13,9,5,6,7,11,10.题目链接: 顺...",
+    "url": "https://segmentfault.com/a/1190000041083769",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
-    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
-    "url": "https://segmentfault.com/a/1190000041078633",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "2",
+    "title": "小失误，大问题 —— 为已发布的接口更名",
+    "description": "写代码难免出现失误。在对某些已经发布的库进行升级或者审查的时候，就有可能会发现一些接口名称需要变更。比如，早期命名不符合特定规范，或者出现了难以发现的拼写错误等。有错当然是要改的，但是直接更名会影...",
+    "url": "https://segmentfault.com/a/1190000041085377",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "WebView秒开方案探索",
-    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
-    "url": "https://segmentfault.com/a/1190000041075702",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "Redis轻松实现秒杀系统",
+    "description": "本文章转自：乐字节文章主要讲解：Redis获取更多Java相关资料可以关注公众号《乐字节》 发送：999缓存Cache缓存的概念缓存是存储在计算机上的一个原始数据复制集，以便于访问。Web项目常见的缓存场景缓存击穿概念...",
+    "url": "https://segmentfault.com/a/1190000041086400",
+    "author": "p79xkx2z",
+    "home_url": "https://segmentfault.com/u/p79xkx2z",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "JavaScript 性能优化",
-    "description": "垃圾回收内存管理JavaScript 没有提供操作内存的 API，一切内存操作都是自动的。申请使用释放何为垃圾对象不再被引用对象不能从根上访问到可达对象可以访问到的对象（引用、作用域链）标准是从根出发是否能被找到...",
-    "url": "https://segmentfault.com/a/1190000041038578",
-    "author": "我都说不要了",
-    "home_url": "https://segmentfault.com/u/xiao_yang",
+    "title": "恒源云_【功能更新】实例日志上线，操作一目了然",
+    "description": "文章来源 | 恒源云社区原文地址 | 实例日志新功能一：操作记录大家期盼已久的实例日志，终于上线了！开关机、重启、镜像还原、初始化实例等操作，都可以在【实例管理】下的【操作记录】查看，再也无需通过账单回...",
+    "url": "https://segmentfault.com/a/1190000041084858",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "云原生运行时的下一个五年",
-    "description": "文｜马振军（花名：古今 )在基础架构领域耕耘多年目前在蚂蚁集团中间件团队负责 MOSN、Layotto 等项目的开发工作校对｜卓与、齐天本文 9053 字 阅读 18 分钟｜前言｜在过去几年里，蚂蚁集团的基础设施进行了广受...",
-    "url": "https://segmentfault.com/a/1190000041080221",
-    "author": "SOFAStack",
-    "home_url": "https://segmentfault.com/u/sofastack",
-    "votes": "2",
+    "title": "递归异步请求生成目录树",
+    "description": "前端递归异步生成目录树需求，给出一个根节点id，每个节点都会发起异步请求，递归生成目录树 {代码...} {代码...} {代码...} 输出结果 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041084806",
+    "author": "夜雨入心",
+    "home_url": "https://segmentfault.com/u/yeyuruxin",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "常用的上传和下载",
-    "description": "后端下载目前返回的是ResponseEntity<byte[]>类型，尽量避免报错，否则前端需要另写函数捕捉报错信息，如果没有查到相关信息则返回空。",
-    "url": "https://segmentfault.com/a/1190000041076548",
-    "author": "Rebecca",
-    "home_url": "https://segmentfault.com/u/rebecca_5d293098968f6",
+    "title": "为什么重写equals必须重写hashCode",
+    "description": "equals常见面试题在开始聊之前，我们先看几个常见的面试题，看看你能不能都回答上来。1、equals和==有什么区别？2、hashcode相等的两个对象一定==相等吗？equals相等吗？3、两个对象用equals比较相等，那它们的ha...",
+    "url": "https://segmentfault.com/a/1190000041084056",
+    "author": "bingfeng",
+    "home_url": "https://segmentfault.com/u/xiaotao_5c2cdb80411ca",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "想进大厂，这是你绕不过的门槛",
-    "description": "第二，程序员面试必考察数据结构与算法，尤其是大厂，因为算法和数据结构最能体现一个人的基本功，基本功扎实的人，无论是做工程还是去做算法，都不会差到哪里去。",
-    "url": "https://segmentfault.com/a/1190000041080713",
-    "author": "先定一个小目标",
-    "home_url": "https://segmentfault.com/u/5gz5hi3e",
+    "title": "基于树莓派部署 code-server",
+    "description": "原文链接code-server 是 vscode 的服务端程序，通过部署 code-server 在服务器，可以实现 web 端访问 vscode。进而可以达到以下能力:支持跨设备(Mac/iPad/iPhone 等等)编程，同时保证多端编程环境统一。支持在 we...",
+    "url": "https://segmentfault.com/a/1190000041083951",
+    "author": "牧云云",
+    "home_url": "https://segmentfault.com/u/muyunyun",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "设计模式——工厂模式",
-    "description": "1. 工厂模式概述在工厂模式中，创建对象不会对外界暴露创建逻辑，而是通过使用一个共同的接口来获取新创建的对象。在工厂模式中，不需要外界手动创建一个实例，而是通过调用对象工厂的方法，返回该类的实例。比如...",
-    "url": "https://segmentfault.com/a/1190000041080669",
-    "author": "Zealf",
-    "home_url": "https://segmentfault.com/u/zealf",
+    "title": "恒源云_语音识别与语义处理领域之 NAG 优化器",
+    "description": "文章来源 | 恒源云社区(专注人工智能/深度学习云 GPU 服务器训练平台，官方体验网址：恒源智享云)原文地址 | NAG优化器原文作者 | 角灰社区人才济济，小编今天又发现一个宝藏版主‘角灰’。小编是个爱分享的人，看...",
+    "url": "https://segmentfault.com/a/1190000041083453",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "google-diff-match-patch文本内容对比的使用",
-    "description": "项目里面用到了文本的对比功能，就用了下google-diff-match-patch，不过也是只用了文件对比功能。这里来看一下是怎么使用的。",
-    "url": "https://segmentfault.com/a/1190000041079194",
-    "author": "极致极简",
-    "home_url": "https://segmentfault.com/u/xueyufeng",
+    "title": "Java性能优化之影响性能的那些细节（二）",
+    "description": "Java性能优化之影响性能的那些细节 - 续来了。打算把这个标题整个系列文章，后面慢慢积累慢慢写。这是第一篇入口。这次内容主要来源于《Java程序性能优化实战》这本书，算是一份读书笔记，感兴趣的小伙伴可以阅读...",
+    "url": "https://segmentfault.com/a/1190000041085415",
+    "author": "开翻挖掘机的bdz",
+    "home_url": "https://segmentfault.com/u/wajueji9527",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "TIOBE 12 月榜：C# 有望冲击“年度编程语言奖”，PHP 遗憾跌出前十",
-    "description": "近日，TIOBE 公布了 12 月份编程语言指数排行榜。其中，Python、C、Java 依旧分列前三甲，而 PHP 已遗憾跌出前十，C# 或将有望冲击“TIOBE 年度编程语言奖”。",
-    "url": "https://segmentfault.com/a/1190000041076701",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "defineProperty 和 Proxy区别（直接上结论有一句废话你打我）",
+    "description": "在Vue2和3 中 defineProperty 和 Proxy 都是用来实现响应式数据绑定的。实现的功能类似，但是两个API却有着本质的区别。",
+    "url": "https://segmentfault.com/a/1190000041084082",
+    "author": "海洋饼干",
+    "home_url": "https://segmentfault.com/u/zhouhaiyang",
     "votes": "1",
     "rank": 12
-  },
-  {
-    "title": "QCon-OPPO数据平台Cloud Lake 降本增效实践",
-    "description": "OPPO从19年开始，用了两年时间，以K8S，容器化为核心，完成了公司混合云建设，并实现100%在线业务上云。OPPO的业务，目前覆盖国内，南亚，欧洲，美洲，在国内我们有自己的机房，在海外，更多是和公有云合作，有AW...",
-    "url": "https://segmentfault.com/a/1190000041075271",
-    "author": "OPPO数智技术",
-    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "产品经理天马行空，表格组件应对自如",
-    "description": "前端表格组件，大概是pc端中使用最频繁的组件，也是产品经理(一般还兼理UE,EX)最能折腾的一个组件。 福兮祸兮，在折腾中磨炼了许多年后，表格组件成为我在圈内唯一敢用精通来形容的技术点。",
-    "url": "https://segmentfault.com/a/1190000041078326",
-    "author": "写个程序换个饼",
-    "home_url": "https://segmentfault.com/u/shimuyidai",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "Networking (II)",
-    "description": "计算机网络重点概述（面试向）本篇文章主要是整理面试常问的问题七层协议7 application layer6 presentation layer5 session layer4 transport layer3 network layer2 link layer1 physical layerTCP三次握手1: c...",
-    "url": "https://segmentfault.com/a/1190000041077205",
-    "author": "Sophia",
-    "home_url": "https://segmentfault.com/u/chenyingxi",
-    "votes": "1",
-    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040942225",
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "54",
+    "votes": "56",
     "rank": 1
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "39",
+    "votes": "40",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041056865",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "22",
+    "votes": "27",
     "rank": 6
   },
   {
@@ -80,6 +80,15 @@
     "votes": "19",
     "rank": 9
   },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 10
+  },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
     "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
@@ -87,7 +96,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -96,7 +105,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "面试题整理之Vue篇",
@@ -105,7 +114,7 @@
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
     "votes": "26",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -114,15 +123,6 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "24",
-    "rank": 13
-  },
-  {
-    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
-    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
-    "url": "https://segmentfault.com/a/1190000041044028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
     "rank": 14
   },
   {
@@ -140,7 +140,7 @@
     "url": "https://segmentfault.com/a/1190000040996585",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "23",
+    "votes": "24",
     "rank": 16
   },
   {
@@ -170,6 +170,15 @@
     "votes": "12",
     "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
+  },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
     "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
@@ -177,7 +186,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -186,7 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -195,15 +204,6 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "13",
-    "rank": 22
-  },
-  {
-    "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
-    "description": "面试题：String a = \"ab\"; String b = \"a\" + \"b\"; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...",
-    "url": "https://segmentfault.com/a/1190000040922573",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "23",
     "rank": 23
   },
   {
@@ -233,15 +233,6 @@
     "votes": "9",
     "rank": 26
   },
-  {
-    "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": "8",
-    "rank": 27
-  },
   {
     "title": "可以中断的异步操作",
     "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
@@ -249,24 +240,33 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
+    "rank": 27
+  },
+  {
+    "title": "简单、好懂的Svelte实现原理",
+    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
+    "url": "https://segmentfault.com/a/1190000040936318",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
     "rank": 28
   },
   {
-    "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
+    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040923693",
+    "url": "https://segmentfault.com/a/1190000040935668",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "votes": "14",
     "rank": 29
   },
   {
-    "title": "简单、好懂的Svelte实现原理",
-    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
-    "url": "https://segmentfault.com/a/1190000040936318",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "title": "使用Docker Compose、Nginx、SSH和Github Actions实现前端自动化部署测试机",
+    "description": "开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生：开发将源码经过编译、压缩打包生成打包文件将打包生成的文件上传服务器显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很长...",
+    "url": "https://segmentfault.com/a/1190000040929112",
+    "author": "前端森林",
+    "home_url": "https://segmentfault.com/u/fengshuan",
+    "votes": "15",
     "rank": 30
   }
 ]