cenfun

2024年初，Playwright首度超过Cypress成为最流行JS E2E测试框架。puppeteer逐渐被Playwright反超更多，但依旧流行...

提前阅读 Playwright Test新一代Web自动化测试框架 Playwright自定义测试报告，并与钉钉，企微，飞书集成 视觉测试 Visual Testing 主...

Playwright是新一代Web自动化测试框架，有着极致的测试速度，今天分享一下如何给Playwright自定义测试报告。 Playwright官方测试报告 在介绍自定义...

Playwright最开始是微软推出的一套Node.js开源API，用来自动化控制浏览器，对标就是谷歌的Puppeteer，之后Playwright引入了测试模块@play...

当今流行的UI框架主要就是React，Vue，Angular, Solid, Svelte等这些，最近发现一个新的VanJS，号称是世界上最小的可响应式UI框架...

今天升级Puppeteer到20的版本，发现有一个警告，提示headless有问题 打开链接发现新版的chrome对headless有全新的升级。大概意思就是以前的head...

2022年，我不建议你使用rem作为CSS单位了，而应该用px。本文介绍了rem的诞生历史，并循序渐进解释了不建议用rem的原因。...

介绍 Puppeteer puppeteer出自谷歌，是一套Node.js库提供API来控制Chromium浏览器，puppeteer意为控制木偶的人，也就是可以在Node...

Lit介绍 Lit出自Google，是一个速度快且轻量的库，用来开发Web components非常方便。 Lit前身是Polymer，那个时候Web Component标...

本文从理论和实战的两个方面讲述前端离线日志系统是如何构建的，因为内容比较多，我将文章分为 3 部分来讲述整个日志系统的设计。 随着前端项目越发复杂，前端日志的重要性也越发凸...

之前有机会做技术分享，但怕内容枯燥乏味，于是就想在PPT上做一些花样，就有了下面的一些想法。 作为程序员，尤其是前端开发，自然不能用传统的PPT，网页PPT是不是更花哨一点...

一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次...

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！...

因为我在项目里使用了html2canvas这个组件库，我接连被3个兼容性的问题坑住，差点就要提桶跑路了。...

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章...

相信大家都有过这种情况，接盘。没错，你不知道在你面前放着的代码经过几个人的手，里面有几种风格。我见过一个项目，7、8个人接手过，轮到我接手的时候先吐了半个小时。在中大型项目...

前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 Ch...

目前 animation 有下面 9 种属性，其中第一个是后面属性的简写形式。 该属性用于指定 @keyframes 动画的名称。定义关键帧需要使用 @keyframes ...

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我...