@wcj/github-rank 22.4.22 → 22.4.25

package/web/data/sifou-weekly.json

@@ -1,12 +1,21 @@
 [
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "24",
+    "rank": 1
+  },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
     "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 1
+    "votes": "21",
+    "rank": 2
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -14,17 +23,17 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "16",
-    "rank": 2
+    "votes": "19",
+    "rank": 3
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "12",
-    "rank": 3
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "15",
+    "rank": 4
   },
   {
     "title": "CSS 实现切角效果",
@@ -32,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041715976",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 4
+    "votes": "12",
+    "rank": 5
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -41,44 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041725043",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "12",
-    "rank": 5
-  },
-  {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
-    "rank": 6
-  },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
     "votes": "14",
-    "rank": 7
-  },
-  {
-    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
-    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
-    "url": "https://segmentfault.com/a/1190000041715281",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "8",
-    "rank": 8
-  },
-  {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "精读《不再需要 JS 做的 5 件事》",
@@ -86,8 +59,17 @@
     "url": "https://segmentfault.com/a/1190000041717742",
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "7",
+    "rank": 7
+  },
+  {
+    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
+    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
+    "url": "https://segmentfault.com/a/1190000041729768",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
@@ -96,16 +78,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "4",
-    "rank": 11
-  },
-  {
-    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
-    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
-    "url": "https://segmentfault.com/a/1190000041729768",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "“制裁”蔓延：Github 或封禁 41 万俄罗斯开发者账号！",
@@ -114,16 +87,52 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "4",
+    "rank": 10
+  },
+  {
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
+    "votes": "5",
+    "rank": 11
+  },
+  {
+    "title": "2022 PHP程序员修炼秘籍",
+    "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
+    "url": "https://segmentfault.com/a/1190000041734354",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "7",
+    "rank": 12
+  },
+  {
+    "title": "前端开发 Mock 利器，效率提升 100%！",
+    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
+    "url": "https://segmentfault.com/a/1190000041723236",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 13
   },
   {
-    "title": "响应式网页中的高度设计，你认真的吗？",
+    "title": "AI 视频云 VS 窄带高清，谁是视频时代的宠儿",
+    "description": "随着网络技术的逐渐改善，各类视频消息成为媒体传播的主要选择手段。但其实支撑着视频传播的并不单单是网络技术，还有视频转码与压缩技术。这类技术下分很多，比如曾经被频繁提到的 H.265，比如时下热门的窄带高...",
+    "url": "https://segmentfault.com/a/1190000041735598",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
+    "rank": 14
+  },
+  {
+    "title": "每个开发者都应该知道的33个JavaScript概念",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041717270",
+    "url": "https://segmentfault.com/a/1190000041686462",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 14
+    "votes": "3",
+    "rank": 15
   },
   {
     "title": "面试记录",
@@ -132,7 +141,16 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "5",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "title": "原来，这才是开发者打开世界读书日的正确姿势！",
+    "description": "“独阅乐不如众阅乐”。什么意思？就是独自快乐阅读，不如让更多人能够快乐阅读。这就是程序员阿强朴素的阅读观。作为外文图书爱好者，阿强想尽情享受外文原版书的原汁原味，却总被不时出现的陌生词汇整得磕磕绊绊...",
+    "url": "https://segmentfault.com/a/1190000041741329",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 17
   },
   {
     "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
@@ -140,45 +158,45 @@
     "url": "https://segmentfault.com/a/1190000041719899",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
-    "rank": 16
-  },
-  {
-    "title": "前端开发 Mock 利器，效率提升 100%！",
-    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
-    "url": "https://segmentfault.com/a/1190000041723236",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 17
-  },
-  {
-    "title": "GitHub/GitLab配置SSH Key，以及RSA入门",
-    "description": "前言团队的项目近期更换到GitLab托管了，验证方式也从以前的HTTPS+SSH变成了纯SSH，所以就需要配置SSH Key。SSH的加密使用的RSA算法，文章末尾将给出一个简单的加密解密演示。一、生成公钥私钥对先看看无Key连接...",
-    "url": "https://segmentfault.com/a/1190000041713720",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "4",
     "rank": 18
   },
   {
-    "title": "FORK AI  获数千万元  Pre-A  轮融资：定位 MarTech 赛道|助力云服务商精准获客",
-    "description": "近日，FORK AI 正式宣布获得了由绿洲资本独家投资的数千万元人民币 Pre - A 轮融资。据介绍，本轮资金用途为升级产品和扩大商业化，除自有销售渠道外， FORK AI 还将以 CRM 厂商为渠道进行拓客。",
-    "url": "https://segmentfault.com/a/1190000041718912",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "淘宝小程序体验优化：数据分析和优化实践",
+    "description": "作者：莫绪旻(向屿)淘宝小程序已经走过若干个双十一，淘宝开放业务有序铺开。体验优化是个老生常谈的话题，如何让小程序跑得又稳又快，成了我们最大的挑战之一。写在前面如何定义好的体验过去我们定义这个问题，...",
+    "url": "https://segmentfault.com/a/1190000041732101",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "3",
     "rank": 19
   },
   {
-    "title": "Go语言轻松进阶",
-    "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
-    "url": "https://segmentfault.com/a/1190000041708020",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "1",
+    "title": "程序员转行做运营，曾被逼得每天想离职，最后...",
+    "description": "用了一年才终于适应了运营这个角色，这一年的经历颠覆我对运营这个工作本身的认知，也改变了我对个人成长、职场发展、学习、自媒体等领域过去的一些看法。",
+    "url": "https://segmentfault.com/a/1190000041728413",
+    "author": "敖丙",
+    "home_url": "https://segmentfault.com/u/aobing",
+    "votes": "3",
     "rank": 20
   },
+  {
+    "title": "js 截取文件后缀名",
+    "description": "方法一: {代码...} 方法二: {代码...} 方法三: {代码...}",
+    "url": "https://segmentfault.com/a/1190000041744218",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "2",
+    "rank": 21
+  },
+  {
+    "title": "petite-vue源码剖析-沙箱模型",
+    "description": "在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：",
+    "url": "https://segmentfault.com/a/1190000041731589",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "2",
+    "rank": 22
+  },
   {
     "title": "冴羽答读者问：冴羽哥哥 额爱你",
     "description": "这让我想起一部叫《少年派》的电视剧，其中有一段剧情，张嘉译扮演的父亲劝说赵今麦扮演的女儿，不要放弃读书，通过网络流行语的古文版，让女儿刮目相看",
@@ -186,16 +204,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "移动端日历组件设计与实现",
-    "description": "在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：",
-    "url": "https://segmentfault.com/a/1190000041716531",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "2",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
@@ -204,69 +213,60 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 23
-  },
-  {
-    "title": "Vue.js 3.x 双向绑定原理",
-    "description": "首先，我们要明白一点的是：v-model 的本质是指令。因此，它跟我们一般的自定义指令是一样的，需要实现 Vue.js 生命周期的钩子函数。",
-    "url": "https://segmentfault.com/a/1190000041716718",
-    "author": "Asheng",
-    "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "2",
     "rank": 24
   },
   {
-    "title": "gitlab CI/CD配置中遇到的问题",
-    "description": "先来说一下配置CI/CD的目的，我们在提交代码后即提交push请求后gitLab会自动生成一个pipeLine任务，如果我们想要在每次提交代码之后都跑一次单元测试就需要对其进行编辑，此外我们还可以在此运行我们自定义的脚本...",
-    "url": "https://segmentfault.com/a/1190000041711569",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "3",
+    "title": "FORK AI  获数千万元  Pre-A  轮融资：定位 MarTech 赛道|助力云服务商精准获客",
+    "description": "近日，FORK AI 正式宣布获得了由绿洲资本独家投资的数千万元人民币 Pre - A 轮融资。据介绍，本轮资金用途为升级产品和扩大商业化，除自有销售渠道外， FORK AI 还将以 CRM 厂商为渠道进行拓客。",
+    "url": "https://segmentfault.com/a/1190000041718912",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "IDEA小技巧：Debug时如何优雅地制造异常？",
-    "description": "但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...",
-    "url": "https://segmentfault.com/a/1190000041715160",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
+    "title": "ApacheCon Asia 2022 演讲征集开始了！",
+    "description": "ApacheCon 组委会以及Apache 软件基金会很高兴地宣布，ApacheCon Asia 大会将于2022 年 7 月 29 日至 31 日在线举行。我们将再次展示来自基金会的几十个项目相关的内容，以及关于我们的社区、Apache 如何运作、围...",
+    "url": "https://segmentfault.com/a/1190000041737977",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "2022 PHP程序员修炼秘籍",
-    "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
-    "url": "https://segmentfault.com/a/1190000041734354",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "4",
+    "title": "Flink 流批一体在小米的实践",
+    "description": "简介：基于流批一体的改造，无论是实时还是离线都只需要维护一套计算框架，为业务开发人员、平台提供方和计算引擎的支持方节省了大量人力资源。摘要：本文整理自小米软件开发工程师金风在 Flink Forward Asia 202...",
+    "url": "https://segmentfault.com/a/1190000041730610",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "腾讯三面：Cookie的SameSite了解吧，那SameParty呢？",
-    "description": "大家好，我是年年！今天介绍的是三方cookie相关的内容，本文会讲清：什么是三方cookie？same-site的变化是什么，对我们的业务有什么影响？为什么有了same-site，还需要same-party？文章首发在我的公众号：前端私...",
-    "url": "https://segmentfault.com/a/1190000041714393",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "2",
+    "title": "我说这是全网最全vue组件通信方式，你没意见吧？",
+    "description": "父子组件通信 {代码...} 跨组件通信 {代码...} 父子组件通信prop最常见的组件通信方式，由父组件向子组件传递。prop可接收一个数组或对象 {代码...} event子组件向父组件发送通知，并传递参数子组件 {代码...} 父...",
+    "url": "https://segmentfault.com/a/1190000041742898",
+    "author": "十安",
+    "home_url": "https://segmentfault.com/u/itgo1024",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "petite-vue源码剖析-沙箱模型",
-    "description": "在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：",
-    "url": "https://segmentfault.com/a/1190000041731589",
-    "author": "肥仔John",
-    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
+    "description": "你好呀，我是歪歪。那天我正在用键盘疯狂的输出：突然微信弹出一个消息，是一个读者发给我的。我点开一看：啊，这熟悉的味道，一看就是 HashMap，八股文梦开始的地方啊。但是他问出的问题，似乎又不是一个属于 Ha...",
+    "url": "https://segmentfault.com/a/1190000041718955",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "2",
     "rank": 29
   },
   {
-    "title": "一文读懂欧拉开发者大会2022多项重磅发布",
-    "description": "欧拉开发者大会（openEuler Developer Day 2022）于4月13日-15日在线上和线下同步举行。大会以“一起创未来，欧拉更精彩”为主题，旨在推动openEuler在服务器、云计算、边缘计算和嵌入式等全场景的技术探索和创新，...",
-    "url": "https://segmentfault.com/a/1190000041711266",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "冴羽答读者问：啦啦啦啦啦啦",
+    "description": "简单的 6 个字，却流露出杠铃般的快乐，所以虽然不知道你想说什么，但是能肯定，你是一个很快乐的人。那这个回答，我们就聊聊，我对于快乐的一些看法好了。",
+    "url": "https://segmentfault.com/a/1190000041733196",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 30
   }
 ]