Web前端

一眨眼又到年末，也是我干前端的第7个年头了，赶上掘金的活动，也是我的一个碎碎念，那就写个年终总结吧......

在vite/webpack搭建的项目中，不管是vue还是react，都可以写jsx/tsx，为了避免样式污染，常用的方式有两种。一种是每个组件都用一个唯一类名class包裹，使用less.....

图片处理是一个常见且重要的需求。其中，图片模糊效果的实现往往能为界面增添独特的视觉风格。近期笔者在项目中遇到了这样的需求，经过多方面的技术调研与方案对比......

柯里化（Currying）是函数式编程中的一种重要技术，它将一个接收多个参数的函数转换为一系列只接收单个参数的函数的过程。我们常用的Lodash，里面就包含很多柯里化的应用。通过......

在前端开发中，处理金融、电商等领域的数字计算时，JavaScript 原生的 Number 类型因采用 64 位双精度浮点数存储，极易出现精度丢失问题（如 0.1 + 0.2 !== 0.3.....

在前端模块化开发体系中，npm作为主流的包管理工具，极大地简化了项目依赖的管理流程。而package.json和package-lock.json作为npm管理依赖的核心文件，二者分工明确又紧密协..

本文探讨了Element UI和Ant Design组件库的二次封装策略，提出了组件封装的四大适用场景（重复代码、统一规则、功能扩展、复杂逻辑），并阐述了封装的核心目标......

HTML5 的 <video> 标签彻底改变了网页视频播放的实现方式——无需依赖 Flash 等第三方插件，原生支持跨平台视频播放，兼具轻量性与扩展性。本文将从标签基础、API 详解、事件体系、样式控

H5开发中，跨浏览器兼容性问题总数让人脑壳疼。最近我在开发视频相关页面时，就遇到了一个典型的浏览器兼容问题：相同的层叠布局代码，在Chrome浏览器中表现正常，而在Safari浏览器（包括macOS和

在网页开发过程中，有时我们需要将本地的页面进行预览。但是本地webpack或者vite开发的项目运行的localhost页面，别人的外网无法直接通过浏览器访问，这时我们可以使用natapp......

在前端开发中，提取图片颜色是一个常见需求，比如根据图片主色调自动适配页面主题、生成图片配色方案等。手动实现颜色提取逻辑不仅复杂，还需处理像素分析、色彩聚类等技术难点。而 Color-Thief 插件恰

表单输入格式化是提升用户体验的关键环节。无论是电话号码、信用卡号还是日期，合适的格式不仅能减少用户输入错误，还能让界面更专业。本文将全面介绍 IMask.js 的使用方......

JavaScript存储库localForage轻量且高效，核心目标是优化 Web 应用的离线体验。它通过封装异步存储方案（IndexedDB 或 WebSQL），提供了与......

15个VS Code技巧，无需复杂配置，跟着步骤操作，新手也能快速上手；老用户能发现隐藏功能，彻底摆脱 “鼠标点点点” 的低效模式，让写代码更流畅、更省心...

howler.js 是一款轻量、强大的 JavaScript 音频处理库，专为解决 Web 端音频播放的兼容性、复杂性问题而生。它基于 Web Audio API 和 HTML5 Audi....

在当今Web开发领域，计算机视觉技术的应用日益广泛，从身份验证到表情分析，人脸识别技术正逐渐渗透到各类Web应用中。而face-api.js作为一款基于TensorFlow.js的......

在前端开发中，“复制到剪贴板” 是一个高频需求，小到验证码复制、链接分享，大到代码片段导出、文档内容备份，都离不开这一功能。然而，原生 JavaScript 实现剪贴板操作存在兼容性差异、操作繁...

ESLint 是一款可高度配置的 JavaScript 代码检查工具，其核心价值在于帮助开发者在编码阶段主动发现并修复问题，而非等到运行时才暴露错误。它不仅能检测语法错误，还能规范代码风格....

图像编辑功能已成为诸多场景（在线设计、社交媒体、文档处理等）的核心需求。tui.image-editor作为基于HTML5 Canvas的开源JavaScript库，由NHN En......

UPNG.js是一个轻量级的纯JavaScript库，专注于PNG图像的解析、编码和处理。它不依赖任何其他库，可在浏览器和Node.js环境中运行，为开发者提供了在前端直接处理PNG图像的......