前端开发中常用的核心方法
以下是前端开发中常用的核心方法分类及说明:
一、字符串处理
补齐格式化
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操作及框架应用等高频场景,适用于提升开发效率
