@wcj/github-rank 22.3.30 → 22.4.2

package/web/data/sifou-weekly.json

@@ -1,39 +1,21 @@
 [
-  {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
-    "rank": 1
-  },
-  {
-    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
-    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
-    "url": "https://segmentfault.com/a/1190000041603598",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "12",
-    "rank": 2
-  },
-  {
-    "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": "9",
-    "rank": 3
-  },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
     "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
     "url": "https://segmentfault.com/a/1190000041617937",
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "13",
-    "rank": 4
+    "votes": "14",
+    "rank": 1
+  },
+  {
+    "title": "大裁员下，程序员如何做“副业”？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "12",
+    "rank": 2
   },
   {
     "title": "金三银四了，掌握 JS 这 36 个概念，助你一臂之力",
@@ -42,16 +24,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "13",
-    "rank": 5
+    "rank": 3
   },
   {
-    "title": "手把手带你走进Babel的编译世界",
-    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
-    "url": "https://segmentfault.com/a/1190000041599576",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "8",
-    "rank": 6
+    "title": "20多个好用的 Vue 组件库，请查收！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041573314",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
+    "rank": 4
   },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
@@ -59,8 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041619491",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
-    "rank": 7
+    "votes": "9",
+    "rank": 5
+  },
+  {
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "10",
+    "rank": 6
   },
   {
     "title": "发福利啦！史上最全颜色收集网站，我要给你“好看”！",
@@ -69,25 +60,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 8
-  },
-  {
-    "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": 9
+    "rank": 7
   },
   {
-    "title": "Golang 常见设计模式之装饰模式",
-    "description": "想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...",
-    "url": "https://segmentfault.com/a/1190000041593752",
+    "title": "悲报， GIF 之父因新冠去世",
+    "description": "今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。",
+    "url": "https://segmentfault.com/a/1190000041631055",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "React Router v6 探索",
@@ -95,26 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041616895",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "5",
-    "rank": 11
-  },
-  {
-    "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": 12
-  },
-  {
-    "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": 13
+    "rank": 9
   },
   {
     "title": "一个支持百万量级的vue3无限滚动组件",
@@ -122,8 +86,35 @@
     "url": "https://segmentfault.com/a/1190000041614746",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "6",
+    "rank": 10
+  },
+  {
+    "title": "2022招聘季｜前端工作中需要掌握的 15 个函数",
+    "description": "随机排列数组使用 sort 和 random 方法对数组进行乱序排列非常常用。 {代码...} 检查日期是否有效使用以下代码段检查给定的日期是否有效。 {代码...} 复制到剪贴板将任何文本复制到剪贴板 navigator.clipboard.wr...",
+    "url": "https://segmentfault.com/a/1190000041628824",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "6",
+    "rank": 11
+  },
+  {
+    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
+    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
+    "url": "https://segmentfault.com/a/1190000041634906",
+    "author": "WonderfulSoap",
+    "home_url": "https://segmentfault.com/u/wonderfulsoap",
     "votes": "4",
-    "rank": 14
+    "rank": 12
+  },
+  {
+    "title": "冴羽答读者问：30 岁了， 现在开始努力，晚吗？",
+    "description": "“The best time to plant a tree is 20 years ago. The second-best time is now.”",
+    "url": "https://segmentfault.com/a/1190000041633336",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "5",
+    "rank": 13
   },
   {
     "title": "JavaScript WebGL 矩阵",
@@ -132,53 +123,89 @@
     "author": "XXHolic",
     "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "4",
+    "rank": 14
+  },
+  {
+    "title": "vivo 商品中台的可视化微前端实践",
+    "description": "在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率...",
+    "url": "https://segmentfault.com/a/1190000041623387",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "6",
     "rank": 15
   },
   {
-    "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",
+    "title": "拿捏了！这样的购物体验才深得用户心",
+    "description": "有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...",
+    "url": "https://segmentfault.com/a/1190000041623771",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "3",
     "rank": 16
   },
   {
-    "title": "【高并发】两种异步模型与深度解析Future接口",
-    "description": "本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！",
-    "url": "https://segmentfault.com/a/1190000041608492",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
-    "votes": "5",
+    "title": "如何添加 babel polyfill?",
+    "description": "由于 Babel 7.4 之后不再推荐使用 @babel/polyfill，而 @babel/preset-env 和 plugin-transform-runtime 二者都可以设置 corejs 来处理 polyfill。",
+    "url": "https://segmentfault.com/a/1190000041625821",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "HMS Core视频编辑服务：AI着色， 忆往昔看今朝",
-    "description": "近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...",
-    "url": "https://segmentfault.com/a/1190000041607999",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "什么是 LFU 算法？",
+    "description": "上次的文章介绍了 LRU 算法，今天打算来介绍一下 LFU 算法。在上篇文章中有提到， LFU（Least frequently used：最少使用）算法与 LRU 算法只是在淘汰策略上有所不同，LRU 倾向于保留最近有使用的数据，而 LFU 倾...",
+    "url": "https://segmentfault.com/a/1190000041617815",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
     "votes": "3",
     "rank": 18
   },
   {
-    "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",
+    "title": "换个数据结构，一不小心节约了 591 台机器！",
+    "description": "你好呀，我是歪歪。前段时间，我在 B 站上看到一个技术视频，题目叫做《机票报价高并发场景下的一些解决方案》。up 主是 Qunar技术大本营，也就是我们耳熟能详的“去哪儿”。视频链接在这里：[链接]当时其实我是被...",
+    "url": "https://segmentfault.com/a/1190000041618742",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "4",
     "rank": 19
   },
   {
-    "title": "项目开发中对成长的一些思考",
-    "description": "写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...",
-    "url": "https://segmentfault.com/a/1190000041608723",
-    "author": "heweixiao",
-    "home_url": "https://segmentfault.com/u/heweixiao",
+    "title": "SVG 绘制自适应的菱形",
+    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
+    "url": "https://segmentfault.com/a/1190000041618406",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "4",
     "rank": 20
   },
+  {
+    "title": "【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！",
+    "description": "读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...",
+    "url": "https://segmentfault.com/a/1190000041622957",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
+    "rank": 21
+  },
+  {
+    "title": "React18正式版发布，未来发展趋势是？",
+    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
+    "url": "https://segmentfault.com/a/1190000041629707",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
+    "rank": 22
+  },
+  {
+    "title": "VuePress 博客搭建系列 33 篇正式完结！",
+    "description": "VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。",
+    "url": "https://segmentfault.com/a/1190000041627148",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
+    "rank": 23
+  },
   {
     "title": "angular异步验证器防抖",
     "description": "背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...",
@@ -186,16 +213,7 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 21
-  },
-  {
-    "title": "求助，这几道面试题有些我回答不出来了",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041562142",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "@OneToOne、@ManyToOne的具体使用与区别",
@@ -204,16 +222,16 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "3",
-    "rank": 23
+    "rank": 25
   },
   {
-    "title": "提升组件库通用能力 - NutUI 在线主题定制功能探索",
-    "description": "NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...",
-    "url": "https://segmentfault.com/a/1190000041606961",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "2",
-    "rank": 24
+    "title": "Github Actions 实战提高生产力",
+    "description": "GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。",
+    "url": "https://segmentfault.com/a/1190000041619089",
+    "author": "小弟调调",
+    "home_url": "https://segmentfault.com/u/ichu",
+    "votes": "3",
+    "rank": 26
   },
   {
     "title": "关于动态表单遇到的一些问题",
@@ -222,42 +240,33 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "3",
-    "rank": 25
-  },
-  {
-    "title": "WebGL 的 Hello World",
-    "description": "本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。",
-    "url": "https://segmentfault.com/a/1190000041603586",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "2",
-    "rank": 26
-  },
-  {
-    "title": "SVG 绘制自适应的菱形",
-    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
-    "url": "https://segmentfault.com/a/1190000041618406",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
     "rank": 27
   },
   {
-    "title": "搭建 VuePress 站点必做的 10 个优化",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
-    "url": "https://segmentfault.com/a/1190000041593877",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "几个 iOS 端底层网络问题",
+    "description": "典型案例1. Socket 断开后会收到 SIGPIPE 类型的信号，如果不处理会 crash同事问了我一个问题，说收到一个 crash 信息，去 mpaas 平台看到如下的 crash 信息看了代码，显示在某某文件的313行代码，代码如下Socket...",
+    "url": "https://segmentfault.com/a/1190000041623110",
+    "author": "fantasticbaby",
+    "home_url": "https://segmentfault.com/u/fantasticbaby",
     "votes": "3",
     "rank": 28
   },
   {
-    "title": "曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速  | 思否周刊",
-    "description": "40s 新闻速递Rust代码占到了Firefox项目的近十分之一苹果回应两天内两次宕机：部分服务受影响，现已得到解决Android短信和电话应用都会悄悄向Google发送数据曝苹果计划推出硬件订阅服务：按月租用 iPhone 手机、...",
-    "url": "https://segmentfault.com/a/1190000041614879",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "kratos分布式事务实践",
+    "description": "当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：",
+    "url": "https://segmentfault.com/a/1190000041629132",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "3",
     "rank": 29
+  },
+  {
+    "title": "【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页",
+    "description": "分页主要字段包括 pageSize 每页条数、pageNum 第几页、startRow 当前开始页编号、endRow 当前结束页编号、total 总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的...",
+    "url": "https://segmentfault.com/a/1190000041612679",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
+    "votes": "3",
+    "rank": 30
   }
 ]