@wcj/github-rank 22.3.25 → 22.3.28

package/dist/sifou-weekly.json

@@ -1,20 +1,20 @@
 [
   {
-    "title": "5年经验(专升本)入职B站分享",
-    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
-    "url": "https://segmentfault.com/a/1190000041572883",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "47",
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "17",
     "rank": 1
   },
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "22",
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 2
   },
   {
@@ -23,80 +23,44 @@
     "url": "https://segmentfault.com/a/1190000041586984",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "14",
+    "votes": "15",
     "rank": 3
   },
   {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "12",
+    "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": 4
   },
   {
-    "title": "老板让我 7 天研究一个 Plausible 统计",
-    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
-    "url": "https://segmentfault.com/a/1190000041570390",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "9",
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "11",
     "rank": 5
   },
-  {
-    "title": "编程中常用的加密算法",
-    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
-    "url": "https://segmentfault.com/a/1190000041569757",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "15",
-    "rank": 6
-  },
-  {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "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": 8
-  },
-  {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "8",
-    "rank": 9
-  },
-  {
-    "title": "17 个实用的图像特效库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041578591",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 10
+    "votes": "9",
+    "rank": 6
   },
   {
-    "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": "5",
-    "rank": 11
+    "title": "面试大厂，手写代码这些就够了，附 codepen 地址！",
+    "description": "Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...",
+    "url": "https://segmentfault.com/a/1190000041584723",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "10",
+    "rank": 7
   },
   {
     "title": "2022 年最受瞩目的新特性 CSS @layer 到底是个啥？",
@@ -105,25 +69,34 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 12
+    "rank": 8
   },
   {
-    "title": "一个格子衫女孩的成长史——面试篇",
-    "description": "说到面试这个事情，那我就想跟大家一起讨论一下了。但是吧！作为一个毕业还不到一年的“伪”应届生来说，社会经验必然是很弱的。所以确实无法给各位大佬带来一些有用，有价值的经验，我只能来谈一谈我自己的感受吧！",
-    "url": "https://segmentfault.com/a/1190000041570503",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "11",
-    "rank": 13
+    "title": "手把手带你走进Babel的编译世界",
+    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
+    "url": "https://segmentfault.com/a/1190000041599576",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "8",
+    "rank": 9
   },
   {
-    "title": "商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT",
-    "description": "今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...",
-    "url": "https://segmentfault.com/a/1190000041573584",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "3",
-    "rank": 14
+    "title": "阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？",
+    "description": "提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。",
+    "url": "https://segmentfault.com/a/1190000041584647",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "7",
+    "rank": 10
+  },
+  {
+    "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
+    "description": "vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.",
+    "url": "https://segmentfault.com/a/1190000041578690",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "7",
+    "rank": 11
   },
   {
     "title": "手把手教你搭建博客",
@@ -131,26 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041600277",
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "3",
-    "rank": 15
-  },
-  {
-    "title": "面试大厂，手写代码这些就够了，附 codepen 地址！",
-    "description": "Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...",
-    "url": "https://segmentfault.com/a/1190000041584723",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "7",
-    "rank": 16
+    "votes": "4",
+    "rank": 12
   },
   {
-    "title": "阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？",
-    "description": "提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。",
-    "url": "https://segmentfault.com/a/1190000041584647",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041592406",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "Golang 常见设计模式之装饰模式",
@@ -159,34 +123,43 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 18
+    "rank": 14
   },
   {
-    "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": 19
+    "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": 15
   },
   {
-    "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
-    "description": "vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.",
-    "url": "https://segmentfault.com/a/1190000041578690",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "title": "JVM自定义类加载器在代码扩展性的实践",
+    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
+    "url": "https://segmentfault.com/a/1190000041579140",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "5",
-    "rank": 20
+    "rank": 16
   },
   {
-    "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",
+    "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": 17
+  },
+  {
+    "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": 21
+    "rank": 18
   },
   {
     "title": "SQL CASE 表达式",
@@ -195,7 +168,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "3",
-    "rank": 22
+    "rank": 19
+  },
+  {
+    "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": 20
   },
   {
     "title": "用简单的代码描述Angular父组件、子组件传值",
@@ -204,6 +186,24 @@
     "author": "LYX6666",
     "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "3",
+    "rank": 21
+  },
+  {
+    "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
+    "description": "随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。",
+    "url": "https://segmentfault.com/a/1190000041578818",
+    "author": "link1st",
+    "home_url": "https://segmentfault.com/u/link1st",
+    "votes": "3",
+    "rank": 22
+  },
+  {
+    "title": "JavaScript WebGL 矩阵",
+    "description": "引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...",
+    "url": "https://segmentfault.com/a/1190000041612644",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
+    "votes": "4",
     "rank": 23
   },
   {
@@ -215,15 +215,6 @@
     "votes": "3",
     "rank": 24
   },
-  {
-    "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
-    "description": "随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。",
-    "url": "https://segmentfault.com/a/1190000041578818",
-    "author": "link1st",
-    "home_url": "https://segmentfault.com/u/link1st",
-    "votes": "3",
-    "rank": 25
-  },
   {
     "title": "Java系列 | 远程热部署在美团的落地实践",
     "description": "Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...",
@@ -231,33 +222,42 @@
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "4",
+    "rank": 25
+  },
+  {
+    "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": 26
   },
   {
-    "title": "angular动态组件加载器的个人理解",
-    "description": "本文是基于angular官方文档所给出的代码来进行的。传送门我们以广告为例来展示其相应功能。下面是我们想要实现的效果：我们会发现广告有不同大小，格式。同一个格式下会有不同的内容。下面我们先来说明这是如何实...",
-    "url": "https://segmentfault.com/a/1190000041572641",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "3",
+    "title": "即学即会：初识 Serverless 架构",
+    "description": "2009 年，UC Berkeley发表了：Above the Clouds: A Berkeley View of Cloud Computing 一文，在该文章中首次对云计算做出定义：云计算包含互联网上的应用服务及在数据中心提供这些服务的软硬件设施。居诸不息，随...",
+    "url": "https://segmentfault.com/a/1190000041581330",
+    "author": "Serverless",
+    "home_url": "https://segmentfault.com/u/jiang_5f3236dd7afd1",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "JVM自定义类加载器在代码扩展性的实践",
-    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
-    "url": "https://segmentfault.com/a/1190000041579140",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "4",
+    "title": "发福利啦！史上最全颜色收集网站，我要给你“好看”！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041565099",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 28
   },
   {
-    "title": "分享一些阅读Java相关框架源码的经验",
-    "description": "很多源码都是samples样例项目以及单元测试，你可以从这些可执行的代码入手。例如Spring Authorization Server中的单元测试和样例。",
-    "url": "https://segmentfault.com/a/1190000041578380",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "2",
+    "title": "搭建 VuePress 站点必做的 10 个优化",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
+    "url": "https://segmentfault.com/a/1190000041593877",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 29
   }
 ]