
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,以及如何利用它们提高组件逻辑的可维护性和复用性。

Vue3中Ref与Reactive详解:深入理解及实际应用
Vue3的ref和reactive是Vue响应式系统的两个核心工具,它们为开发者提供了强大而灵活的数据管理方式。本教程将深入介绍ref和reactive的使用方法,旨在帮助开发者更全面地掌握这两个重要的概念。