AI 帮你写好了 HTML，然后呢？小白也能看懂的网页上线教程
这两年VibeCoding越来越火。很多以前完全没写过代码的人，现在通过ChatGPT、Claude、Cursor、Codex等工具，几句话就能做出一个网页
a collection by tag
# JavaScript
图像滑块对比功能的开发记录
最近，公司需要开发一款在线图像压缩工具，其中的一个关键功能是让用户直观地比较压缩前后的图像效果。因此，我们设计了一个对比组件，它允许用户通过拖动滑块，动态调整两张图像的显示区域，从而清晰地看到压缩前后的差异。
9大前端图像处理库
在Web开发中，图像处理是提升用户体验的关键环节之一。无论是图片压缩、滤镜应用，还是动态合成，选择合适的库能大幅提高开发效率。本文精选了9个功能强大且广泛使用的JavaScript图像处理库，涵盖从基础操作到高级编辑的全场景需求，并附上详细对比和访问地址。
使用React + Webpack构建wordpress插件(gutenberg-block)
手把手教你使用React + webpack构建wordpress插件(gutenberg-block)， 学不会你打我
常用正则验证
可验证类型 手机 邮箱 电话 负浮点数 正浮点数 整数 正整数 负整数 中国邮政编码 日期格式 汉字 数字 特殊字符 URL 身份证 QQ 微信 车牌 ....
nvm - 一个 Node.js 版本管理工具
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。
IntersectionObserver API 手把手教学
IntersectionObserver API 是现代浏览器提供的一种异步观察目标元素与祖先元素（或顶级文档视窗）交叉状态的方法。它可以用于实现懒加载图片、无限滚动、以及其他需要监听元素可见性的功能。本文将详细介绍 IntersectionObserver API 的使用方法，帮助你快速掌握这一实用工具。
关于网页集成小工具的分析记录
集成小工具到网页中可以极大地增强用户体验和功能性。这些小工具可以是各种形式的。通过集成小工具，可以提升网页的交互性、吸引力和功能性，从而提升用户满意度和网站的整体价值。
Vue3 Hook详解：提升组件逻辑复用和可维护性的利器
Vue3引入了Hooks，这是一种新的组件逻辑复用方式，旨在解决Vue2中Mixin和高阶组件的一些问题。本文将深入探讨Vue3中的Hooks，以及如何利用它们提高组件逻辑的可维护性和复用性。