使用 Playwright 自动进行端到端测试
端到端测试是确定软件产品整体情况的重要方式之一。它有助于发现在单元和集成测试阶段可能未被注意到的问题,并有助于确定软件是否按预期工作。执行可能包括多个用户步骤和路程的端到端测试是乏味的。因此,一种可行的方法是对端到端测试用例进行自动化测试。本文中,我们将学习如何使用 Playwright 和 TypeScript 自动化端到端测试。 ...
Alpine.js 的 Resize 插件
Caleb Porzio,Alpine.js 的创建者,刚刚发布了一个 Resize 插件,允许你在元素发生变化时轻松做出反应。这个插件是 Resize Observer API 的包装器...
Maska:简单、零依赖的 Input Mask 库
Maska 是一个简单的零依赖输入掩码,适用于 JS、Vue、Svelete 和 Alpine.JS。假设你想屏蔽电话号码格式;可以使用以下 HTML 按照 +1 ### ###-#### 格式格式化电话号码
reveal.js — 一个开源 HTML 幻灯片框架
reveal.js 是一个开源的 HTML 幻灯片框架,可以简单的理解为网页版的 PPT。它是一个工具,使任何拥有网络浏览器的人都可以免费创建功能齐全、美观的演示文稿。使用 reveal.js 进行的演示稿(PPT)基于开放式 web 技术。这意味着任何事情你可以在 web 上做的事,也可以在你的演示稿中实现。
Rollup.js 简介
概括Rollup 是一个用于 JavaScript 的模块打包工具,它将小的代码片段编译成更大、更复杂的代码,例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式,而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持,但...
如何学习新的 Javascript 框架
这是我加入新团队的第一天,人们对我的期望很高:我加入团队是为了将我的设计驱动前端专业知识带到一个仍在测试中的新产品中。我有着典型的第一天的紧张情绪,但我之所以紧张还有另一个原因:第一天,我会跳到 Ember.js 中构建的应用中,帮助推出这款产品。只有一个问题:我以前从未写过一行 Ember 代码。我觉得我必须马上证明自己,否则我能给团队带来了什么价值?我试...
JavaScript 中的事件委托(delegate)
这个问题是我偶然碰到的,不是投票排名很高的问题,但我觉得还蛮重要的。基础Event Bubbling要理解JavaScript中的Event Delegation,首先需要了解Event Bubbling。之前在event.preventDefault() vs. return false这个问题中已经对JavaScript事件模型说得比较细了。其中的Eve...
Yarn vs NPM: 哪个包管理器更好?
在处理 Node.js项目时,包管理是开发过程中至关重要的一部分。Yarn 和 npm 都是开发人员管理依赖关系的热门选择,但它们的区别是什么?在本文中,我们将更详细地探讨 Yarn 与 NPM 和 PNPM 之间的差异,包括它们的功能、优点和缺点,以帮助您决定下一个项目要选择哪一个。