标签: JavaScript
编程

开发小贴士:Next.js 如何在生产环境中禁用 console log

327 2024-10-27 16:05:00

不管你信不信,控制台日志(console.log)仍然是开发人员最常用的调试技术。无论有多少高级工具可用于调试,控制台日志输出仍然是开发人员的喜好。尽管如此,在浏览器控制台中打印内容非常方便,但如果它最终出现在生产环境中,可能会看起来很草率。Next.js 有一个非常方便的配置,可以用来解决这个问题。要在生产环境中禁用控制台日志,你需要在 next.conf...

详情...
编程

使用 Playwright 自动进行端到端测试

476 2024-09-28 01:54:00

端到端测试是确定软件产品整体情况的重要方式之一。它有助于发现在单元和集成测试阶段可能未被注意到的问题,并有助于确定软件是否按预期工作。执行可能包括多个用户步骤和路程的端到端测试是乏味的。因此,一种可行的方法是对端到端测试用例进行自动化测试。本文中,我们将学习如何使用 Playwright 和 TypeScript 自动化端到端测试。 ...

详情...
编程

Alpine.js 的 Resize 插件

548 2024-08-20 02:06:00

Caleb Porzio,Alpine.js 的创建者,刚刚发布了一个 Resize 插件,允许你在元素发生变化时轻松做出反应。这个插件是 Resize Observer API 的包装器...

详情...
编程

Maska:简单、零依赖的 Input Mask 库

812 2024-08-09 04:35:00

Maska 是一个简单的零依赖输入掩码,适用于 JS、Vue、Svelete 和 Alpine.JS。假设你想屏蔽电话号码格式;可以使用以下 HTML 按照 +1 ### ###-#### 格式格式化电话号码

详情...
编程

reveal.js — 一个开源 HTML 幻灯片框架

1012 2024-01-08 04:40:00

reveal.js 是一个开源的 HTML 幻灯片框架,可以简单的理解为网页版的 PPT。它是一个工具,使任何拥有网络浏览器的人都可以免费创建功能齐全、美观的演示文稿。使用 reveal.js 进行的演示稿(PPT)基于开放式 web 技术。这意味着任何事情你可以在 web 上做的事,也可以在你的演示稿中实现。

详情...
编程

Rollup.js 简介

983 2023-12-14 20:50:00

概括​Rollup 是一个用于 JavaScript 的模块打包工具,它将小的代码片段编译成更大、更复杂的代码,例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式,而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持,但...

详情...
编程

如何学习新的 Javascript 框架

800 2023-12-10 22:29:00

这是我加入新团队的第一天,人们对我的期望很高:我加入团队是为了将我的设计驱动前端专业知识带到一个仍在测试中的新产品中。我有着典型的第一天的紧张情绪,但我之所以紧张还有另一个原因:第一天,我会跳到 Ember.js 中构建的应用中,帮助推出这款产品。只有一个问题:我以前从未写过一行 Ember 代码。我觉得我必须马上证明自己,否则我能给团队带来了什么价值?我试...

详情...
编程

事件委派:一项改进 JavaScript 性能的技术

873 2023-11-18 23:07:00

本文将介绍事件委派是什么,以及它如何通过减少事件监听的数量优化 JavaScript 代码,以及如何用实际示例实现事件委派。

详情...
编程

Alpine.js 钩子

1022 2023-10-02 17:10:00

Alpine Hooks 模块是 Alipine.js 使用的一系列钩子。该包包含了许多钩子,用来改进通用 Alpine 任务的开发者体验(DX)。

详情...
编程

JavaScript 中的事件委托(delegate)

934 2023-09-26 22:39:00

这个问题是我偶然碰到的,不是投票排名很高的问题,但我觉得还蛮重要的。基础Event Bubbling要理解JavaScript中的Event Delegation,首先需要了解Event Bubbling。之前在event.preventDefault() vs. return false这个问题中已经对JavaScript事件模型说得比较细了。其中的Eve...

详情...