@wcj/github-rank 22.4.18 → 22.4.21

package/dist/sifou-weekly.json

@@ -5,24 +5,24 @@
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
+    "votes": "18",
     "rank": 1
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
     "rank": 2
   },
   {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "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
   },
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041706515",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
+    "votes": "9",
     "rank": 4
   },
   {
@@ -45,227 +45,227 @@
     "rank": 5
   },
   {
-    "title": "轻量迅捷时代，Vite 与Webpack 谁赢谁输",
-    "description": "Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间——一些大型应用程序可能需...",
-    "url": "https://segmentfault.com/a/1190000041696911",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "10",
     "rank": 6
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "8",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
     "rank": 7
   },
   {
-    "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
-    "description": "目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...",
-    "url": "https://segmentfault.com/a/1190000041686221",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "3",
+    "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": "7",
     "rank": 8
   },
   {
-    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041647249",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "精读《不再需要 JS 做的 5 件事》",
+    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
+    "url": "https://segmentfault.com/a/1190000041717742",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
     "rank": 9
   },
   {
-    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
-    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
-    "url": "https://segmentfault.com/a/1190000041696066",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "响应式网页中的高度设计，你认真的吗？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041717270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
     "rank": 10
   },
   {
-    "title": "5个一定要学会的JavaScript新特性",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
-    "url": "https://segmentfault.com/a/1190000041694411",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "9",
+    "title": "面试记录",
+    "description": "1.自我介绍说了一下项目经历，项目主要功能，项目负责部分，项目技术栈2.处理过的项目中最难的一点是什么说了一下问卷系统导入答卷部3.你的多线程处理在并发情况下会出现什么问题。4.jvm熟悉吗？（不熟悉）5.项目...",
+    "url": "https://segmentfault.com/a/1190000041721518",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "5",
     "rank": 11
   },
   {
-    "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
-    "description": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...",
-    "url": "https://segmentfault.com/a/1190000041689097",
-    "author": "帅到被人砍",
-    "home_url": "https://segmentfault.com/u/juniortour",
-    "votes": "4",
+    "title": "“制裁”蔓延：Github 或封禁 41 万俄罗斯开发者账号！",
+    "description": "据俄罗斯媒体 Habr 报道称，近段时间至少有几十个 GitHub 账户在当地被屏蔽、禁用、清空内容等限制。这其中，包括 Sberbank、 Alfa-Bank 银行、其他公司以及个人开发商的账户。",
+    "url": "https://segmentfault.com/a/1190000041719488",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
-    "description": "4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。",
-    "url": "https://segmentfault.com/a/1190000041684916",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
+    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
+    "url": "https://segmentfault.com/a/1190000041700655",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "2",
     "rank": 13
   },
   {
-    "title": "笔试算法题总结",
-    "description": "hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...",
-    "url": "https://segmentfault.com/a/1190000041688073",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "5",
+    "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": "3",
     "rank": 14
   },
   {
-    "title": "了解一下 ::target-text 选择器",
-    "description": "欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...",
-    "url": "https://segmentfault.com/a/1190000041685048",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "11",
     "rank": 15
   },
   {
-    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
-    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
-    "url": "https://segmentfault.com/a/1190000041690130",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "9",
     "rank": 16
   },
   {
-    "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
-    "description": "本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...",
-    "url": "https://segmentfault.com/a/1190000041685816",
-    "author": "徐骏",
-    "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
-    "votes": "9",
+    "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": 17
   },
   {
-    "title": "写给“未来的”组件库的调研和思考",
-    "description": "这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。",
-    "url": "https://segmentfault.com/a/1190000041691150",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "2",
+    "title": "Go语言轻松进阶",
+    "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
+    "url": "https://segmentfault.com/a/1190000041708020",
+    "author": "TIGERB",
+    "home_url": "https://segmentfault.com/u/tigerb",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
-    "description": "我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...",
-    "url": "https://segmentfault.com/a/1190000041693522",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "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": 19
   },
   {
-    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
-    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
-    "url": "https://segmentfault.com/a/1190000041700655",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
+    "description": "现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...",
+    "url": "https://segmentfault.com/a/1190000041719899",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
-    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
-    "url": "https://segmentfault.com/a/1190000041688103",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "移动端日历组件设计与实现",
+    "description": "在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：",
+    "url": "https://segmentfault.com/a/1190000041716531",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "这篇手写 Promise 你一定要康康",
-    "description": "最近重温了一下 Q/Promise 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们...",
-    "url": "https://segmentfault.com/a/1190000041687791",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "3",
+    "title": "天地图修改主题颜色修改背景色",
+    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
+    "url": "https://segmentfault.com/a/1190000041703873",
+    "author": "SangSir",
+    "home_url": "https://segmentfault.com/u/sangsir",
+    "votes": "1",
     "rank": 22
   },
   {
-    "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": "2",
+    "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
+    "description": "最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。",
+    "url": "https://segmentfault.com/a/1190000041721490",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "后端学习值得收藏的一些开源电子书",
-    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
-    "url": "https://segmentfault.com/a/1190000041691470",
-    "author": "LeanCloud",
-    "home_url": "https://segmentfault.com/u/leancloud",
-    "votes": "5",
+    "title": "冴羽答读者问：冴羽哥哥 额爱你",
+    "description": "这让我想起一部叫《少年派》的电视剧，其中有一段剧情，张嘉译扮演的父亲劝说赵今麦扮演的女儿，不要放弃读书，通过网络流行语的古文版，让女儿刮目相看",
+    "url": "https://segmentfault.com/a/1190000041721122",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
-    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
-    "url": "https://segmentfault.com/a/1190000041698876",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "0",
+    "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": 25
   },
   {
-    "title": "支付宝小程序 横屏电子版签字 ，canvas实现",
-    "description": "思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变",
-    "url": "https://segmentfault.com/a/1190000041698583",
-    "author": "那年",
-    "home_url": "https://segmentfault.com/u/nanian_5cd6881d3cc98",
-    "votes": "1",
+    "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",
     "rank": 26
   },
   {
-    "title": "天地图修改主题颜色修改背景色",
-    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
-    "url": "https://segmentfault.com/a/1190000041703873",
-    "author": "SangSir",
-    "home_url": "https://segmentfault.com/u/sangsir",
+    "title": "IDEA小技巧：Debug时如何优雅地制造异常？",
+    "description": "但是，在开发过程中有一些情况，我们需要测试程序对异常的处理逻辑是否正确，这个时候就需要我们在程序运行时主动的抛出异常才会触发相关逻辑来验证正确性，比较常见的场景有：事务是否会回滚、Web层的统一异常处...",
+    "url": "https://segmentfault.com/a/1190000041715160",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "正则表达式提取 git 提交记录中的新增代码行",
-    "description": "最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。",
-    "url": "https://segmentfault.com/a/1190000041697857",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
+    "title": "ECMAScript 新提案:.findLast()和.findLastIndex()从尾到头搜索数组",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041677593",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "Go语言轻松进阶",
-    "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
-    "url": "https://segmentfault.com/a/1190000041708020",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "1",
+    "title": "2022年4月 NEAR认证开发者中文课程",
+    "description": "NEAR是一个基于区块链的开放网络基础设施，是发布下一代去中心化社交、金融、游戏等应用的开发平台。除了拥有极高的性能，NEAR 最大的特点正如同它的名字，是拉近用户与区块链距离，连接互联网和 Web3 的桥梁。",
+    "url": "https://segmentfault.com/a/1190000041705194",
+    "author": "robertyan",
+    "home_url": "https://segmentfault.com/u/robert_yan",
+    "votes": "0",
     "rank": 29
   },
   {
-    "title": "Java 18 新功能介绍",
-    "description": "文章持续更新，可以关注公众号程序猿阿朗或访问未读代码博客。 本文 Github.com/niumoo/JavaNotes 已经收录,欢迎Star。Java 18 在2022 年 3 月 22 日正式发布，Java 18 不是一个长期支持版本，这次更新共带来 9 ...",
-    "url": "https://segmentfault.com/a/1190000041684565",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
+    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
+    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
+    "url": "https://segmentfault.com/a/1190000041709916",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
     "votes": "2",
     "rank": 30
   }