@wcj/github-rank 22.3.31 → 22.4.1

package/web/data/sifou-daily.json

@@ -1,91 +1,91 @@
 [
   {
-    "title": "大裁员下，程序员如何做副业？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "7",
+    "title": "OpenHarmony v3.1 Release版本发布",
+    "description": "OpenHarmony 3.1 Release版本概述当前版本在OpenHarmony 3.1 Beta的基础上，更新支持以下能力：标准系统基础能力增强本地基础音视频播放能力、视频硬编解码、相机基础预览、拍摄能力。RenderService新渲染框架、2...",
+    "url": "https://segmentfault.com/a/1190000041636592",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "悲报， GIF 之父因新冠去世",
-    "description": "今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。",
-    "url": "https://segmentfault.com/a/1190000041631055",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "IO 密集型服务 耗时优化",
+    "description": "Feature 服务作为特征服务，产出特征数据供上游业务使用。服务压力：高峰期 API 模块 10wQPS，计算模块 20wQPS。服务本地缓存机制：",
+    "url": "https://segmentfault.com/a/1190000041637173",
+    "author": "Jesse",
+    "home_url": "https://segmentfault.com/u/beforesunrise",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
-    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
-    "url": "https://segmentfault.com/a/1190000041630398",
-    "author": "寒雁",
-    "home_url": "https://segmentfault.com/u/kiwenlau",
-    "votes": "1",
+    "title": "vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)",
+    "description": "一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.",
+    "url": "https://segmentfault.com/a/1190000041636103",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "你不知道的 Canvas 表格交互",
-    "description": "S2 是 AntV 在多维交叉分析表格领域的解决方案，主要用于看数分析, S2 采用 canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 G ) , 同时内置大量的交互能力来辅助用户看数, 如 行列联动高亮 ...",
-    "url": "https://segmentfault.com/a/1190000041629610",
-    "author": "茶底世界",
-    "home_url": "https://segmentfault.com/u/chadishijie",
-    "votes": "2",
+    "title": "不管是青蛙跳台阶还是who爬楼梯，能上去就行",
+    "description": "爬楼梯这个问题也是一个很经典的面试题，可以换各种人物动物，比如青蛙、小兔子跳台阶，张三李四爬楼梯等等。题目会类似于下面这样：假设你正在爬楼梯，需要 n 阶你才能到达楼顶，每次你可以爬 1 或 2 个台阶。你...",
+    "url": "https://segmentfault.com/a/1190000041636754",
+    "author": "沈唁",
+    "home_url": "https://segmentfault.com/u/sy_records",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "带你十天轻松搞定 Go 微服务系列（五）",
-    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务（本文）支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务...",
-    "url": "https://segmentfault.com/a/1190000041629027",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "2",
+    "title": "前端多数据渲染优化",
+    "description": "在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题,所以本文就是介绍...",
+    "url": "https://segmentfault.com/a/1190000041640366",
+    "author": "Grewer",
+    "home_url": "https://segmentfault.com/u/grewer",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不地表与公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "title": "JS的面向对象（理解对象，原型，原型链，继承，类）",
+    "description": "js有6中基本数据类型Undefined、Null、Boolean、Number、String 和 Symbol。还有一种复杂数据类型叫 Object。",
+    "url": "https://segmentfault.com/a/1190000041640328",
+    "author": "小学生",
+    "home_url": "https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "ClickHouse 与 MySQL 数据库适用场景对比总结",
-    "description": "目前来说，网上有很多相关的资料证明ClickHouse数据库查询响应速度比MySQL快上一百到几百倍。实际上，ClickHouse和MySQL具有不同的应用场景和局限性，最近在研究这个ClickHouse打算应用于大量数据的表来做查询的...",
-    "url": "https://segmentfault.com/a/1190000041630286",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "3",
+    "title": "React讲解 - 父组件调用子组件内容【更新中】",
+    "description": "前言本篇文章属于 React通信 > 父子通信 > 父组件调用子组件 的内容。父组件调用子组件的场景：子组件被多个地方使用，需要单独封装子组件逻辑较重，使用完全受控模式成本较高使用父组件调用子组件进行逻辑...",
+    "url": "https://segmentfault.com/a/1190000041639103",
+    "author": "specialCoder",
+    "home_url": "https://segmentfault.com/u/ddup365",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "React18正式版发布，未来发展趋势是？",
-    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
-    "url": "https://segmentfault.com/a/1190000041629707",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "1",
+    "title": "存储用户密码应该使用什么加密算法？",
+    "description": "概述编程开发中，像用户登录注册这种功能很常见，那么对于用户密码处理，我们该选择什么样的加密算法呢？在这种场景下，算法需要满足下面两个条件：算法需不可逆，这样才能有效防止密码泄露。算法需相对慢，可以...",
+    "url": "https://segmentfault.com/a/1190000041638987",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "Flutter/布局：彻底搞懂 Align 是怎么对齐的",
-    "description": "我们在开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置，比如：alignment: Alignment.bottomRight，右下角这种。最近看官方文档关于 alignment: Alignment(x, y) 在 Align 中的...",
-    "url": "https://segmentfault.com/a/1190000041631644",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "2",
+    "title": "Vue数据更新视图不更新的问题和应用",
+    "description": "出现这个问题的原因就是数据虽然更新了 但是其实Vue是没有监控到的网上其实有很多的解决方法最省事的办法是重新给数组赋值 当然这个办法只适用于你的数据量比较小并且数据没有分页的情况我这里用的是this.$set 这...",
+    "url": "https://segmentfault.com/a/1190000041637078",
+    "author": "Resssssss",
+    "home_url": "https://segmentfault.com/u/resssssss",
+    "votes": "1",
     "rank": 9
   },
   {
-    "title": "求职有 Pulsar | 中国联通、StreamNative 多个热招岗位",
-    "description": "关于 Apache PulsarApache Pulsar 是 Apache 软件基金会顶级项目，是下一代云原生分布式消息流平台，集消息、存储、轻量化函数式计算为一体，采用计算与存储分离架构设计，支持多租户、持久化存储、多机房跨区域...",
-    "url": "https://segmentfault.com/a/1190000041629406",
-    "author": "ApachePulsar",
-    "home_url": "https://segmentfault.com/u/apachepulsar",
+    "title": "元宇宙探索之路",
+    "description": "元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...",
+    "url": "https://segmentfault.com/a/1190000041639037",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "1",
     "rank": 10
   }

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "51",
+    "votes": "52",
     "rank": 2
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "41",
+    "votes": "42",
     "rank": 4
   },
   {
@@ -62,6 +62,15 @@
     "votes": "24",
     "rank": 7
   },
+  {
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "22",
+    "rank": 8
+  },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
     "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
@@ -69,15 +78,6 @@
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "25",
-    "rank": 8
-  },
-  {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
     "rank": 9
   },
   {
@@ -98,6 +98,15 @@
     "votes": "25",
     "rank": 11
   },
+  {
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "21",
+    "rank": 12
+  },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
     "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
@@ -105,15 +114,6 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "14",
-    "rank": 12
-  },
-  {
-    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
-    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
-    "url": "https://segmentfault.com/a/1190000041553527",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "20",
     "rank": 13
   },
   {
@@ -144,12 +144,12 @@
     "rank": 16
   },
   {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
     "rank": 17
   },
   {
@@ -197,15 +197,6 @@
     "votes": "15",
     "rank": 22
   },
-  {
-    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041559888",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 23
-  },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
     "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
@@ -213,7 +204,7 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -222,7 +213,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "18",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "28张图助我学废TS",
@@ -231,42 +222,51 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "19",
+    "rank": 25
+  },
+  {
+    "title": "招聘季征文活动丨如何“反杀”面试官？",
+    "description": "💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”",
+    "url": "https://segmentfault.com/a/1190000041558580",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "12",
     "rank": 26
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "15",
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "10",
     "rank": 27
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "14",
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "12",
     "rank": 28
   },
   {
-    "title": "招聘季征文活动丨如何“反杀”面试官？",
-    "description": "💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”",
-    "url": "https://segmentfault.com/a/1190000041558580",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "12",
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "13",
     "rank": 29
   },
   {
-    "title": "国外排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041480883",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "14",
     "rank": 30
   }
 ]