测试是完善的研发体系中不可或缺的一环。前端同样需要测试，你的css改动可能导致页面错位、js改动可能导致功能不正常。由于前端偏向GUI软件的特殊性，尽管测试领域工具层出不穷，在前端的自动化测试上面却实施并不广泛，很多人依旧以手工测试为主。本文试图探讨前端自动化测试领域的工具和实践。

puppeteer：为什么选择这个库呢？首先当然是为了爬取数据，那么有的小朋友就要说了，爬取数据还有其他的库呀?为什么非要用他呢？没错，一开始我用的是crawler，然而这个库并不能爬取单页应用，这是踩的第一个坑，后面会详细讲。然后就选择了puppeteer，他是谷歌官方出品的…

CodeceptJS是一款UI测试自动框架，它结合了很多市面常见的UI测试自动化框架， 封装了大量的API，使得我们编写自动化脚本非常方便，而且相关文档也非常齐全。

近期接触到了海报渲染及生成pdf的业务需求，发现公司前端大佬搭建了一套静态化服务直接暴露出接口调用即可，简单过了一遍，里面掺杂着业务逻辑和其他功能没看太懂😂，但出于对于puppeteer的好奇，于是用了两个周末的时间自己搭建一套简单服务，本文主要目的是记录一次从0到1搭建基本…

Deco 智能代码项目是我们团队在「前端智能化」方向上的探索，我们尝试从设计稿生成代码（Design To Code）这个切入点入手，对现有的设计到研发这一环节进行能力补全，进而提升产研效率。

自我介绍 大家好，我是来自阿里淘系技术部的妙净，2010 年毕业加入淘宝前端，曾负责过淘宝前端无线基础库、淘宝无线性能优化体系、淘宝营销搭建体系，现负责淘宝导购和天猫品牌营销前端团队，负责前端智能生成

淘宝天猫业务产品很多，每年还会有很多大促活动，产品页面心智不同导致 UI 视觉多样、业务性质不同导致业务逻辑不同，大量的 UI 难以复用，需要投入大量的前端人力来开发，前端同学的业务压力非常大。

调试是开发者需要掌握的一项重要的技能， 它能够帮助我们快速定位和修复代码中的问题。本文主要介绍前端调试的基本原理。 从一个简单的示例入手 以上面代码为例，简单实现了按钮在点击后文字更新点击次数的能力：

如果项目中有一个非常重要的下单页面，经过长期的功能迭代重构，核心逻辑可能没变，但是新增了很多新功能，也修改了部分旧功能，已经是一个非常重要的屎山页面。这时候要你接手这个页面做一些调整，你能保证捋清并且