前端开发中常用的核心方法
以下是前端开发中常用的核心方法分类及说明:
一、字符串处理
补齐格式化
padStart(2,'0')
实现左侧补零(如1
→01
)padEnd(2,'0')
实现右侧补零URL编解码
encodeURIComponent(str)
对特殊符号进行编码decodeURIComponent(str)
解码URL编码字符串
二、数组操作
扁平化处理
Array.prototype.flat()
将多维数组降为一级(原生支持)reduce()
+递归实现复杂嵌套数组扁平化高阶方法
map()
映射元素生成新数组filter()
筛选满足条件的元素reduce()
累积计算结果
三、DOM操作
节点遍历
nextElementSibling
获取同级下一个元素parentElement
获取父节点属性操作
getAttribute('自定义属性')
获取元素自定义属性
四、工具方法
全屏控制
element.requestFullscreen()
实现全屏document.exitFullscreen()
退出全屏惰性函数
通过闭包缓存计算结果提升性能
五、框架相关
jQuery事件
$ele.click(handler)
绑定单击事件$ele.mousedown()
监听鼠标按下
以上方法覆盖字符串处理、数据处理、DOM操作及框架应用等高频场景,适用于提升开发效率