-
JavaScript压缩字符串的主要目的是减少空间占用，常用于网络传输和存储；2.基础方法是使用正则移除空白字符，如str.replace(/\s+/g,'')；3.对于重复字符，可采用RLE编码，将连续字符替换为字符加数量的形式；4.更高效的压缩可使用字典编码算法，如通过lz-string库实现LZW压缩；5.通用高压缩率方案是Gzip，可用pako库进行压缩与解压；6.解压必须使用与压缩匹配的算法，如LZString对应decompress，pako对应ungzip；7.算法选择需权衡压缩率与性能开销
-
事件循环是浏览器保持响应和更新界面的核心机制，它通过不断检查调用栈和任务队列，在主线程空闲时执行宏任务或微任务；2.浏览器渲染（包括布局、绘制）也发生在同一主线程上，因此长时间JS执行会阻塞渲染；3.事件循环在每次清空调用栈和微任务队列后，会给予浏览器机会进行渲染更新，从而协调用户交互与页面刷新；4.优化方式包括拆分长任务、使用WebWorkers、批量DOM操作、事件防抖/节流，以及合理控制微任务执行时长，以避免主线程阻塞导致卡顿。
-
编写HTML文档最重要的规范是语义化，使用header、nav、main等语义标签能提升可访问性、SEO和可维护性；2.必须闭合标签并正确嵌套，避免结构混乱导致页面错误；3.图片必须添加alt属性，表单元素需与label通过for和id关联，以保障可访问性；4.保持代码可读性，统一缩进、添加必要注释，便于团队协作；5.声明UTF-8字符编码和viewport元标签，确保页面正常显示和响应式适配；6.修改HTML文件可用任何文本编辑器，推荐VSCode，结合开发者工具实时调试；7.高效修改需善用浏览器开发者
-
HTML5的video标签用于在网页中嵌入视频，其基础用法为添加src属性和controls属性即可启用浏览器默认控件；1.为解决格式兼容性问题，应使用多个<source>标签提供MP4（H.264）、WebM（VP8/VP9）等格式，确保主流浏览器均可播放；2.自定义播放器需移除controls属性，通过HTML/CSS构建界面，并利用JavaScript调用videoAPI（如play()、pause()、currentTime等）实现播放控制；3.性能优化包括压缩视频、合理使用prelo
-
margin和padding的区别在于作用对象不同：margin控制元素与其他元素之间的距离，padding控制元素内容与边框之间的距离。实际应用中，margin用于商品卡片间距，padding用于商品详情页内容间距。使用时需注意外边距塌陷和padding对元素大小的影响，可通过box-sizing:border-box;属性解决。
-
XSS防御需针对不同上下文进行安全编码。1.HTML内容中转义&为&、<为<、>为>、"为"、'为'。2.JavaScript字符串中对特殊字符使用\xHH或\uHHHH格式编码。3.URL中非字母数字字符转换为%HH形式。4.CSS属性值中非字母数字字符用\HH或\HHHHHH编码。5.推荐使用自动编码框架根据上下文自动选择编码方式。此外还需输入验证、CSP策略、HttpOnlyCookie、HTML净化库
-
JavaScript的find方法用于查找数组中第一个满足条件的元素。1.它通过遍历数组，对每个元素执行提供的回调函数，一旦找到符合条件的元素即返回该元素；2.若遍历结束未找到，则返回undefined；3.回调函数接收三个参数：当前元素、当前索引（可选）、原数组（可选）；4.与filter不同，find只返回第一个匹配项，而filter返回所有匹配项组成的数组；5.常用于根据唯一标识查找对象、表单验证中定位首个错误字段、选择特定配置等场景；6.使用时需注意：必须检查返回值是否为undefined、确保回
-
要用JavaScript递归扁平化一个数组，核心思路是遍历每个元素并递归处理子数组，1.遍历数组中的每一项，2.若当前项是数组，则递归调用函数将其扁平化，并将结果合并到最终数组，3.若不是数组，则直接将其添加到结果数组，4.最终返回完全扁平化的一维数组，该方法天然适合处理未知深度的嵌套结构，因其问题本身具有递归特性，代码逻辑清晰且贴近人类分治思维。
-
要让原型属性只读，核心方法是使用Object.defineProperty()并将writable设为false；1.使用Object.defineProperty()在原型上定义属性时设置writable:false，可防止属性被重新赋值；2.该方法通常配合configurable:false和enumerable:true使用，以锁定属性配置并控制是否可枚举；3.在严格模式下尝试修改只读属性会抛出TypeError，非严格模式下静默失败；4.writable:false仅保护引用不被修改，若属性值为对
-
<span>是行内元素，用于局部文本或行内元素的样式化，不破坏文本流，宽度和高度由内容决定，常用于小范围样式控制；2.<div>是块级元素，用于划分页面区域，独占一行，可设置宽高和边距，适合构建整体布局；3.两者核心区别在于display属性不同，<span>默认为inline，<div>默认为block；4.实际项目中，<div>常作为结构容器搭建框架，<span>用于内部细节修饰，二者配合使用实现清晰灵活的结构与样式分离，且应优先
-
<meter>标签用于展示已知范围内的标量值，如磁盘使用率、电量等；2.其核心属性包括value（当前值）、min（最小值）、max（最大值）、low（低值阈值）、high（高值阈值）和optimum（理想值），浏览器会根据value与optimum的关系调整颜色表现；3.<meter>与<progress>的区别在于前者表示静态的度量状态（如电量），后者表示动态任务进度（如文件上传）；4.为确保无障碍性，应提供有意义的内部文本、使用<label>关联、并可
-
页面无刷新跳转的核心在于利用historyAPI（pushState和replaceState）结合异步请求动态更新页面内容。1.监听导航事件，拦截链接点击并阻止默认跳转；2.使用fetch或XMLHttpRequest异步加载新内容；3.更新DOM替换页面局部内容；4.调用history.pushState()或replaceState()更新URL和历史记录；5.监听popstate事件以支持浏览器前进/后退按钮。pushState添加新历史条目，适用于常规页面导航；replaceState替换当前条
-
判断一个JavaScript对象是否在其原型链上，主要通过instanceof运算符和isPrototypeOf()方法实现：1.instanceof用于检测构造函数的prototype是否在对象的原型链上，如myDoginstanceofAnimal返回true；2.isPrototypeOf()用于检测某个对象是否存在于另一对象的原型链中，如Animal.prototype.isPrototypeOf(myDog)返回true；3.处理iframe问题时，因不同上下文的构造函数不一致，instance
-
div标签是HTML中用于创建区块的无语义容器，主要用于组织和包裹其他元素以方便样式化和脚本操作。1.div的核心作用是作为无语义容器，划分页面逻辑区域，需结合class和id赋予含义；2.使用div进行布局时通常配合CSS，早期依赖float和position，现多用Flexbox或Grid实现响应式布局；3.与语义化标签（如section、article）相比，div无明确语义，应优先使用语义化标签提高可读性和SEO；4.过度使用div会导致代码冗余、结构复杂，应避免不必要的嵌套，合理使用语义标签和模
-
JavaScript的单线程执行模型结合事件循环和任务队列，确保了Redux中同步状态更新的一致性。这意味着，即使快速连续点击，后续操作也能基于最新状态执行。然而，若Redux或React内部包含异步操作（如React的setState），状态更新可能会被调度到未来的任务中，导致在特定极端条件下（如代码执行速度极慢或用户操作快于纳秒级）出现短暂的“过时”感知。但在大多数实际应用中，这种异步延迟对用户交互几乎没有影响。
