Puppeteer是一个由Google开发的Node库，提供了一组用于控制Chrome浏览器的API，可以实现自动化操作浏览器的功能。无论是生成页面截图、执行自动化测试、爬取网页数据等等

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众多前端自动化测试相关的文章，大多数都在讲如何使用自动化测试框架对前端代码进行测试，很少讲解为什么要引入自动…

Puppeteer简介 Puppeteer是一个由Google Chrome团队开发的Node库，它提供了一套高级API来控制Chrome或Chromium浏览器。Puppeteer主要用于无头浏览器

Puppeteer，基于 DevTools 协议的浏览器自动化工具，提供表单自动化、UI 测试、截图等能力，分为完整版和核心库，兼容多操作系统。

龙年动手实现一个喷火龙的动画效果。在本文中，作者使用了 `Vue3 + CSS` 实现了一个喷火龙的动画效果。

调试：指的是代码在某个平台运行，把运行时的状态通过某种方式暴露出来，传递给开发工具做 UI 的展示和交互，辅助开发者排查问题、梳理流程、了解代码运行状态等。 frontend(前端)、backend(

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

页面自适应布局以及分辨率适配方案 流式布局 保证布局内每一级必须设置相对于父级百分比宽度，但设计稿一般都是按照固定宽度设计，内部图片都是固定大小，拉伸或者缩放时都会导致变形，虽然都够实现布局宽度上的自

stripe是一个海外的第三方支付平台，可以支持信用卡，支付宝微信，苹果谷歌，银行，PayPal等支付方式，类似于国内的支付宝。 由于海外信用卡支付使用比较多，所以分享的是使用stripe的自定义表单