自动化测试环境部署脚本实践

为测试同学提供临时测试环境是日常开发中常见的需求,但手动拉取代码、构建、部署的重复劳动既耗时又容易出错。本文分享一个基于Node.js的自动化部署脚本,实现定时自动更新、构建和预览,解放双手提升效率。

技术

现代前端响应式开发:从基础到进阶实践

在多设备时代,响应式设计已成为前端开发的必备技能。本文深入探讨响应式开发的核心原理、现代技术方案和性能优化策略,帮助你构建适应各种屏幕尺寸的Web应用。

技术

前端字体加载优化:从原理到实践

在前端开发中,字体文件的加载往往是性能瓶颈之一。本文深入探讨字体加载的原理、常见问题以及优化策略,帮助你构建更快、更稳定的Web应用。

技术

Figma-MCP-让AI编码工具访问Figma设计数据

Figma-MCP是一个Model Context Protocol (MCP)服务器,它使AI编码工具(如Cursor、Claude Code等)能够访问Figma设计文件中的布局和样式信息。这有助于AI更准确地根据设计实现代码,提高开发效率。

技术

使用 Claude AI 智能更新产品需求文档的实践

探索如何使用 Claude AI 来智能化管理和更新产品需求文档。通过一个真实案例,展示 AI 如何帮助我们保持文档的一致性和准确性,大幅提升文档维护效率。

技术

使用 Claude-code 重构博客内容

博客文章目录结构说明本博客的文章已按照内容类型进行了分类整理,便于管理和查找。 目录结构12345678910111213141516source/_posts/├── tech/ # 技术类文章│ ├── ...

技术

开源贡献

代码总是要经常用的,那么接触新东西的最好当时就是社区.下面记录一下为开源社区所做的一些贡献 华为 ng-devui ![ng-devui](https://github.com/DevCloudFE/ng-devui/pulls?q=is%3Apr+author%3Acaoxicheng+is%3A...

技术

图片懒加载

是否需要图片懒加载? 并且一个简单的图片懒加载方案. > 林三心 - 前端展示图片,到底该不该用 img 标签 new Image() 预加载 javascript const img = new Image(); img.src = 'preload.png'; // ...

技术

vue中v-model的底层实现

原生表单元素的v-model实现 对于input/textarea/select等原生表单工具,v-model的编译结果 javascript 等价于: javascript

技术

javascript基础

作为一个6年的前端开发,一些基础知识不应该遗忘在角落,不管这些内容是因为框架提供了,还是工作中用不到,导致的遗忘.

技术
12310