- 博客(5)
- 收藏
- 关注
原创 函数防抖和函数节流
函数防抖和节流的应用场景及实现方式。防抖适用于窗口resize和input输入等高频触发事件,重复调用只保留最后一次函数执行。节流实现分为立即执行(时间戳)和延迟执行两种方式,前者保证首次立即触发,后者类似防抖但会定期执行。防抖实现使用定时器清除机制,而节流通过时间戳或定时器控制执行频率,有效优化高频事件处理的性能。
2025-07-29 11:12:38
293
原创 用HTML+CSS手写一个自定义表单
这段HTML和CSS代码实现了一个用户注册表单页面。表单包含手机号、验证码、密码确认、多选爱好、性别选择、个人简介填写等输入项,以及注册和重置按钮。样式方面采用深色背景配白色表单容器,输入框和按钮使用蓝色系配色,通过CSS实现了浮动布局、表单元素统一样式、悬停效果等功能验证码输入区域采用左右布局。整体设计简洁美观,符合现代网页表单设计规范。
2025-07-29 10:04:28
188
原创 如何客户端和服务器端(node.js)生成二维码?
服务器端和客户端生成二维码的方法。服务器端使用node-qrcode库,可通过QRCode.toFile()生成图片文件或QRCode.toDataURL()生成DataURL。客户端使用qrcodejs库,通过创建QRCode实例并指定DOM元素即可生成二维码。两种方式都支持自定义颜色、尺寸等参数配置,官网提供了更详细的文档说明。
2025-07-24 10:09:53
256
原创 手写Map集合【JavaScript】
Map集合解决了传统对象存储键值对的局限性,支持任意类型键名且避免原型冲突。Map提供set()、get()、has()等方法实现增删改查,通过size属性获取元素数量。其底层实现采用数组存储键值对象,通过_isEqual方法严格比较键值(类似Object.is)。Map支持可迭代协议,可使用for-of遍历,并能与数组相互转换。相比对象存储,Map具有更强的键值处理能力和更安全的数据操作方式,是存储关联数据的理想选择。
2025-07-21 17:28:02
378
原创 手写Set集合【JavaScript】
本文实现了一个自定义Set类MySet,包含集合的基本操作。构造函数可接收可迭代对象初始化,内部使用数组_data存储元素。主要方法包括:add()添加唯一元素(通过has()和isEqual()判断元素存在性),delete()删除元素,clear()清空集合。特别处理了+0/-0的相等判断问题。实现了Symbol.iterator迭代器接口和forEach方法,支持集合遍历。该实现模拟了原生Set的核心功能,包括元素唯一性检查和集合操作等特性。
2025-07-21 15:35:19
467
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人