@wcj/github-rank 22.3.24 → 22.3.27

package/dist/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "5年经验(专升本)入职B站分享",
-    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
-    "url": "https://segmentfault.com/a/1190000041572883",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "45",
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
     "rank": 1
   },
   {
@@ -14,53 +14,62 @@
     "url": "https://segmentfault.com/a/1190000041560515",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "21",
+    "votes": "22",
     "rank": 2
   },
+  {
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 3
+  },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
     "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
     "url": "https://segmentfault.com/a/1190000041586984",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "10",
-    "rank": 3
-  },
-  {
-    "title": "老板让我 7 天研究一个 Plausible 统计",
-    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
-    "url": "https://segmentfault.com/a/1190000041570390",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "9",
+    "votes": "14",
     "rank": 4
   },
   {
-    "title": "编程中常用的加密算法",
-    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
-    "url": "https://segmentfault.com/a/1190000041569757",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "15",
+    "title": "从0到1教你在AWS中部署动态网站Typecho系统",
+    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。",
+    "url": "https://segmentfault.com/a/1190000041598952",
+    "author": "沈唁",
+    "home_url": "https://segmentfault.com/u/sy_records",
+    "votes": "8",
     "rank": 5
   },
+  {
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "11",
+    "rank": 6
+  },
+  {
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "9",
+    "rank": 7
+  },
   {
     "title": "Three.js 火焰效果实现艾尔登法环动态logo 🔥",
     "description": "《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...",
     "url": "https://segmentfault.com/a/1190000041585906",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "8",
-    "rank": 6
-  },
-  {
-    "title": "小推理：React18比老版React更优秀的一个地方",
-    "description": "大家好，我卡颂。React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v18相比老版更优秀的一个细节：v18中，组件render的次数可能更少欢...",
-    "url": "https://segmentfault.com/a/1190000041562231",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 7
+    "votes": "9",
+    "rank": 8
   },
   {
     "title": "17 个实用的图像特效库",
@@ -69,15 +78,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 8
-  },
-  {
-    "title": "通过10个好玩的游戏来学习 CSS",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041536968",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
     "rank": 9
   },
   {
@@ -90,67 +90,31 @@
     "rank": 10
   },
   {
-    "title": "Web3D 从入门到跑路 · 3D 初体验",
-    "description": "在“元宇宙”概念越来越火热的背景下，我们准备了一系列的 3D 元宇宙公开课及教学文章，教大家如何从 0 到 1 快速搭建一个3D项目，从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前，我们先...",
-    "url": "https://segmentfault.com/a/1190000041564784",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
+    "title": "手把手带你走进Babel的编译世界",
+    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
+    "url": "https://segmentfault.com/a/1190000041599576",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "7",
     "rank": 11
   },
-  {
-    "title": "一个格子衫女孩的成长史——面试篇",
-    "description": "说到面试这个事情，那我就想跟大家一起讨论一下了。但是吧！作为一个毕业还不到一年的“伪”应届生来说，社会经验必然是很弱的。所以确实无法给各位大佬带来一些有用，有价值的经验，我只能来谈一谈我自己的感受吧！",
-    "url": "https://segmentfault.com/a/1190000041570503",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "11",
-    "rank": 12
-  },
-  {
-    "title": "商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT",
-    "description": "今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...",
-    "url": "https://segmentfault.com/a/1190000041573584",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "3",
-    "rank": 13
-  },
-  {
-    "title": "伪经验；不称职面试官的面试经",
-    "description": "写在前面首先声明一下，我可能并不是一个好的面试官，自己也没有怎么参加大厂的面试。我只能简单的说一下，我比较看重即将与我共事的人应当具备的特质。如果你要去面试，你也希望即将与你共事的人，也能与你合拍...",
-    "url": "https://segmentfault.com/a/1190000041564781",
-    "author": "_usw",
-    "home_url": "https://segmentfault.com/u/_usw",
-    "votes": "5",
-    "rank": 14
-  },
   {
     "title": "面试大厂，手写代码这些就够了，附 codepen 地址！",
     "description": "Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...",
     "url": "https://segmentfault.com/a/1190000041584723",
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "7",
-    "rank": 15
-  },
-  {
-    "title": "不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路",
-    "description": "继第一篇文章之后已经过去了两个月，在上一篇文章中介绍了物理引擎是什么，需要掌握什么样子的基础知识才能继续往下进行开发。在这样的基础上，我们展开了第二篇，探索物理引擎的学习之路。在我们的日常开发当中...",
-    "url": "https://segmentfault.com/a/1190000041564777",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "5",
-    "rank": 16
+    "votes": "9",
+    "rank": 12
   },
   {
-    "title": "欢迎体验 | Android 13 开发者预览版 2",
-    "description": "上个月，我们 发布了 Android 13 的首个开发者预览版。Android 13 围绕我们的核心主题打造，即隐私和安全、开发者生产力，以及支持平板电脑和 大屏幕设备。今天，我们为大家带来了 Android 13 开发者预览版 2，提...",
-    "url": "https://segmentfault.com/a/1190000041567908",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "2",
-    "rank": 17
+    "title": "手把手教你搭建博客",
+    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
+    "url": "https://segmentfault.com/a/1190000041600277",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "4",
+    "rank": 13
   },
   {
     "title": "阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？",
@@ -158,8 +122,8 @@
     "url": "https://segmentfault.com/a/1190000041584647",
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "5",
-    "rank": 18
+    "votes": "7",
+    "rank": 14
   },
   {
     "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
@@ -167,44 +131,53 @@
     "url": "https://segmentfault.com/a/1190000041578690",
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "6",
+    "rank": 15
+  },
+  {
+    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041592406",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
-    "rank": 19
+    "rank": 16
   },
   {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
+    "title": "Golang 常见设计模式之装饰模式",
+    "description": "想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...",
+    "url": "https://segmentfault.com/a/1190000041593752",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 20
+    "rank": 17
   },
   {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "5",
-    "rank": 21
+    "title": "OpenShift 与 OpenStack：让云变得更简单",
+    "description": "OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...",
+    "url": "https://segmentfault.com/a/1190000041602430",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
+    "rank": 18
   },
   {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
-    "rank": 22
+    "title": "petite-vue源码剖析-逐行解读@vue/reactivity之reactive",
+    "description": "在petite-vue中我们通过reactive构建上下文对象，并将根据状态渲染UI的逻辑作为入参传递给effect，然后神奇的事情发生了，当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢？@vue/reactivity功能...",
+    "url": "https://segmentfault.com/a/1190000041585757",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "2",
+    "rank": 19
   },
   {
-    "title": "Android Handler面试总结",
-    "description": "Handler的作用只是将消息加到MessageQueue中，并后续取出消息后，根据消息的target字段分发给当初的那个handler，所以Handler对于Looper是可以多对一的，也就是多个Hanlder对象都可以用同一个线程、同一个Looper...",
-    "url": "https://segmentfault.com/a/1190000041568618",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "2",
-    "rank": 23
+    "title": "开源码力榜背后的算法模型",
+    "description": "来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...",
+    "url": "https://segmentfault.com/a/1190000041604918",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
+    "rank": 20
   },
   {
     "title": "SQL CASE 表达式",
@@ -213,16 +186,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "3",
-    "rank": 24
-  },
-  {
-    "title": "万能PHP Curl封装类，适合多个场景，调用方便！",
-    "description": "一个博主自己写的PHP Curl封装，适合多个场景，调用方便！ {代码...} 使用示例Get {代码...} Post {代码...} 文件上传 {代码...} 设置请求头 {代码...} *模拟UseaAgent {代码...} 携带Cookie {代码...}",
-    "url": "https://segmentfault.com/a/1190000041563705",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "4",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "用简单的代码描述Angular父组件、子组件传值",
@@ -231,16 +195,16 @@
     "author": "LYX6666",
     "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "3",
-    "rank": 26
+    "rank": 22
   },
   {
-    "title": "angular动态表单",
-    "description": "项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...",
-    "url": "https://segmentfault.com/a/1190000041583811",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "title": "Java18的新特性",
+    "description": "Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...",
+    "url": "https://segmentfault.com/a/1190000041598372",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
     "votes": "3",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
@@ -249,16 +213,25 @@
     "author": "link1st",
     "home_url": "https://segmentfault.com/u/link1st",
     "votes": "3",
-    "rank": 28
+    "rank": 24
   },
   {
-    "title": "如何设计信息安全领域的实时安全基线引擎",
-    "description": "摘要：本文整理自奇安信集团高级技术专家覃永靖在 Flink Forward Asia 2021 行业实践专场的分享。本篇内容主要分为四个部分：什么是安全分析计算框架的选择引擎设计实践与展望",
-    "url": "https://segmentfault.com/a/1190000041564826",
-    "author": "ApacheFlink",
-    "home_url": "https://segmentfault.com/u/ververica",
+    "title": "angular动态表单",
+    "description": "项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...",
+    "url": "https://segmentfault.com/a/1190000041583811",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "3",
-    "rank": 29
+    "rank": 25
+  },
+  {
+    "title": "分享一些阅读Java相关框架源码的经验",
+    "description": "很多源码都是samples样例项目以及单元测试，你可以从这些可执行的代码入手。例如Spring Authorization Server中的单元测试和样例。",
+    "url": "https://segmentfault.com/a/1190000041578380",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "2",
+    "rank": 26
   },
   {
     "title": "Java系列 | 远程热部署在美团的落地实践",
@@ -267,6 +240,24 @@
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "4",
-    "rank": 30
+    "rank": 27
+  },
+  {
+    "title": "基于 Stencil 构建 Web Components 组件库",
+    "description": "「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...",
+    "url": "https://segmentfault.com/a/1190000041597585",
+    "author": "SuperX",
+    "home_url": "https://segmentfault.com/u/qzuser_584786517d31a",
+    "votes": "4",
+    "rank": 28
+  },
+  {
+    "title": "JVM自定义类加载器在代码扩展性的实践",
+    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
+    "url": "https://segmentfault.com/a/1190000041579140",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
+    "rank": 29
   }
 ]