区别

javascript 的 extend 功能核心是对象属性复制，能实现对象合并与功能扩展。1. 最基础的是浅拷贝，通过遍历源对象属性并复制到目标对象，但嵌套对象会共享引用；2. 深拷贝则递归复制所有层级，确保嵌套对象也被复制，避免引用共享；3. 实际开发中推荐使用 lodash 或 jquery 提…

判断js对象属性是否存在，核心答案是优先使用in操作符或hasownproperty方法。1. in操作符会检查对象自身及其原型链，若属性存在则返回true，适用于需要包含继承属性的场景；2. hasownproperty仅检查对象自身属性，不包括原型链，适合精确判断自身是否定义了该属性；3. 直接…

javascript对象属性分为数据属性和访问器属性。1. 数据属性包含实际值，并有configurable、enumerable、writable和value特性；2. 访问器属性通过getter和setter函数控制读写，具有configurable、enumerable、get和set特性。o…

domcontentloaded事件在dom解析完成后触发，适合操作dom；load事件在所有资源加载后触发，适合依赖外部资源的操作。监听页面加载的方法有：1.domcontentloaded事件，用于快速响应dom就绪状态；2.load事件，确保所有资源加载完成；3.使用readystate属性，…

判断js对象是否为空有4种实用方案：1. 使用object.keys()检查属性名数组长度是否为0，简洁常用；2. 使用for…in循环结合hasownproperty()遍历判断是否存在自身属性，兼容老版本浏览器；3. 将对象转换为json字符串并与'{}’比较，但存在循环…

offsetwidth和clientwidth的区别在于是否包含边框和滚动条。1.offsetwidth包含内容、内边距、边框及滚动条宽度，反映元素总物理尺寸；2.clientwidth仅包含内容和内边距，不包括边框和滚动条，表示可视区域大小。此外，getboundingclientrect()能获…

pushstate用于添加新历史记录，语法为window.history.pushstate(state, title, url)，其中state存储页面状态，url修改地址栏url；replacestate则用于替换当前历史记录条目，语法相同但不会新增记录。监听页面变化需监听popstate事件，…

js检测手势滑动方向的方法是监听touchstart、touchmove、touchend事件并计算坐标差，具体步骤为：1. 监听触摸事件，记录touchstart时的起始坐标；2. 在touchend时获取结束坐标并调用处理函数；3. 计算deltax和deltay，通过正负值判断滑动方向；4. …

localstorage是浏览器自带的小型数据库，允许持久化存储数据。主要方法包括setitem、getitem、removeitem和clear。通常每个域名下可存储约5mb数据，适合存储用户配置或简单状态，但不适合大量或复杂数据。存储的数据不安全，用户可访问修改，敏感信息需加密处理。数据不会自动…

vue.js路由守卫用于在路由跳转前后执行控制逻辑，如权限验证和页面统计。1. 全局前置守卫router.beforeeach在每次路由跳转前执行，可用于检查用户是否登录并决定是否允许访问目标路由；2. 全局解析守卫router.beforeresolve在组件内守卫和异步路由组件解析完成后调用，适…