@wcj/github-rank 22.4.15 → 22.4.16

package/web/data/sifou-daily.json

@@ -1,65 +1,56 @@
 [
   {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "javaScript 内存管理机制",
-    "description": "大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...",
-    "url": "https://segmentfault.com/a/1190000041701063",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
+    "title": "图说前端-送给您百张前端技术图谱",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041707644",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "天地图修改主题颜色修改背景色",
-    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
-    "url": "https://segmentfault.com/a/1190000041703873",
-    "author": "SangSir",
-    "home_url": "https://segmentfault.com/u/sangsir",
-    "votes": "1",
+    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
+    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
+    "url": "https://segmentfault.com/a/1190000041709916",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "开发者热议：微软新提议或将“彻底”改变 JavaScript 和 TypeScript！",
-    "description": "上个月，微软刚宣布支持了一项“关于进一步开发 JavaScript 和 TypeScript ”的提议，尽管这只是一个所谓的 0 阶段提案，但微软已宣布希望按时向 TC39（技术委员会39）提交该提案。有业内开发者表示，如果这项提议...",
-    "url": "https://segmentfault.com/a/1190000041703400",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "面试官：简单聊聊 Go 逃逸分析？",
+    "description": "“跳跳虎”对于今天的面试还是有点准备的，八股文早从网上下载好了，但就是来得及背完就接到面试邀请了。胖虎心想，“不用怂，人称八股文选手不是白得的，要是能唬住面试官就多要点。”",
+    "url": "https://segmentfault.com/a/1190000041708419",
+    "author": "后端时光",
+    "home_url": "https://segmentfault.com/u/backendtime",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
-    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
-    "url": "https://segmentfault.com/a/1190000041700655",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "Go的高效开发套路",
+    "description": "A. 背景当前在公司进行Go服务端研发工作时，发现缺少Go开发的最佳实践，而导致以下现象用Go开发时会比较迷茫，不知如何下手，怎么开展工作比较高效。重复造轮子比较严重。项目的代码质量参差不齐，导致交付的产品...",
+    "url": "https://segmentfault.com/a/1190000041709994",
+    "author": "EdwardQ",
+    "home_url": "https://segmentfault.com/u/edwardq_5e6b2d1b7ec0b",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "腾讯云云服务器迁移服务相关问题",
-    "description": "​离线迁移上传 COS 和迁移为什么耗时太久？上传的耗时与镜像文件的大小、带宽的大小等因素有关。建议使用压缩的镜像格式（qcow2 或 vhd），可以节省传输和迁移的时间。",
-    "url": "https://segmentfault.com/a/1190000041702060",
-    "author": "梅子",
-    "home_url": "https://segmentfault.com/u/meizi_607f882ee1a5b",
+    "title": "性能测试分为哪几种类型？",
+    "description": "在软件测试中性能测试是很重要的一项，一般来说性能是一种指标，表明软件系统或构件对其及时性要求的符合程度，也可以说性能是一种特性，可以用时间来进行度量。性能的及时性用响应时间或吞吐量来衡量。响应时间...",
+    "url": "https://segmentfault.com/a/1190000041708272",
+    "author": "泽众软件_项目管理_测试工具",
+    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
     "votes": "1",
     "rank": 6
-  },
-  {
-    "title": "得物App H5秒开优化实战",
-    "description": "H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...",
-    "url": "https://segmentfault.com/a/1190000041701111",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,9 +14,27 @@
     "url": "https://segmentfault.com/a/1190000041679573",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "30",
+    "votes": "34",
     "rank": 2
   },
+  {
+    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
+    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
+    "url": "https://segmentfault.com/a/1190000041661094",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "31",
+    "rank": 3
+  },
+  {
+    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
+    "url": "https://segmentfault.com/a/1190000041683548",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "31",
+    "rank": 4
+  },
   {
     "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
     "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
@@ -24,16 +42,16 @@
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
     "votes": "28",
-    "rank": 3
+    "rank": 5
   },
   {
-    "title": "神奇的 CSS，让文字智能适配背景颜色",
-    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
-    "url": "https://segmentfault.com/a/1190000041556519",
+    "title": "巧用 background-clip 实现超强的文字动效",
+    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
+    "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "33",
-    "rank": 4
+    "votes": "31",
+    "rank": 6
   },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
@@ -42,7 +60,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 5
+    "rank": 7
   },
   {
     "title": "CSS 也能自动补全字符串？",
@@ -51,35 +69,8 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "28",
-    "rank": 6
-  },
-  {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
-    "rank": 7
-  },
-  {
-    "title": "巧用 background-clip 实现超强的文字动效",
-    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
-    "url": "https://segmentfault.com/a/1190000041666096",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "29",
     "rank": 8
   },
-  {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "27",
-    "rank": 9
-  },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
     "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
@@ -87,7 +78,7 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "24",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -96,7 +87,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "我们是如何解决偶发性的502错误的",
@@ -105,7 +96,7 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -114,7 +105,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "19",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "大裁员下，程序员如何做“副业”？",
@@ -123,16 +114,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "20",
-    "rank": 14
-  },
-  {
-    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041559888",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -141,16 +123,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "16",
-    "rank": 16
-  },
-  {
-    "title": "招聘季有奖征文活动丨面试趣事等你分享",
-    "description": "💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”",
-    "url": "https://segmentfault.com/a/1190000041558580",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "15",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
@@ -159,7 +132,16 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 18
+    "rank": 15
+  },
+  {
+    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
+    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
+    "url": "https://segmentfault.com/a/1190000041640722",
+    "author": "Asheng",
+    "home_url": "https://segmentfault.com/u/ashengtan",
+    "votes": "12",
+    "rank": 16
   },
   {
     "title": "17 个实用的图像特效库",
@@ -168,7 +150,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "搭建 VuePress 站点必做的 10 个优化",
@@ -177,7 +159,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "14",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -186,7 +168,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -195,7 +177,16 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 22
+    "rank": 20
+  },
+  {
+    "title": "现代 CSS 解决方案：Modern CSS Reset",
+    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
+    "url": "https://segmentfault.com/a/1190000041700998",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
+    "rank": 21
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -204,16 +195,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 23
-  },
-  {
-    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
-    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
-    "url": "https://segmentfault.com/a/1190000041640722",
-    "author": "Asheng",
-    "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "12",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -222,7 +204,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -231,7 +213,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "数据库与缓存双写一致性",
@@ -240,7 +222,7 @@
     "author": "超大只乌龟",
     "home_url": "https://segmentfault.com/u/chenwugui",
     "votes": "13",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -249,7 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
@@ -258,7 +240,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
@@ -267,6 +249,24 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
+    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
+    "url": "https://segmentfault.com/a/1190000041683300",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "编程中常用的加密算法",
+    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
+    "url": "https://segmentfault.com/a/1190000041569757",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "17",
     "rank": 30
   }
 ]