-
TreeShaking通过静态分析移除未引用代码，需用ES6模块、支持工具及生产模式；代码压缩则通过删除冗余字符和混淆缩小体积，两者结合可显著优化前端包大小。
-
可使用浏览器另存为、复制源码、开发者工具或命令行工具保存网页HTML。首先通过“另存为”可完整保存网页及资源；其次查看源代码并复制粘贴至文本编辑器，保存为.html文件；再者利用开发者工具精准提取特定DOM结构；最后通过curl或wget命令实现自动化抓取，适合批量处理。
-
使用CSStransform:rotate()与@keyframes可创建无需JavaScript的旋转动画。首先定义@keyframes动画如spin，设置从0deg到360deg的旋转变化；再通过animation属性将动画绑定到元素，如animation:spin2slinearinfinite，实现持续匀速旋转。可结合transform-origin调整旋转中心，利用translateZ(0)开启硬件加速提升性能，适用于加载图标、悬停效果等场景。
-
内联样式优先级最高但不利于维护；2.内部样式表适用于单页但不可跨页复用；3.外部样式表利于协作与缓存，推荐优先使用；4.@import可组织文件但性能较差，不推荐。
-
localStorage与sessionStorage的核心区别在于数据生命周期：1.localStorage数据永久保留，除非手动清除；2.sessionStorage数据仅在当前会话有效，关闭标签页或窗口即清除。两者同属WebStorageAPI，容量更大且使用更简洁，localStorage适用于长期存储用户偏好、主题设置等信息，sessionStorage则适合临时数据如表单中间状态、购物车内容，均遵循同源策略，不应用于存储敏感信息。
-
掌握width和height需理解盒模型、相对单位与布局影响。1.使用box-sizing:border-box;统一尺寸计算；2.采用%、vw/vh等相对单位提升响应性；3.结合max-width、min-height等属性控制范围；4.处理浮动塌陷与Flex布局自适应；5.图片设width:100%、height:auto防布局跳动。
-
SourceMap是记录压缩代码与源码映射关系的JSON文件，通过构建工具生成并配合堆栈反解析技术，可将线上混淆后的错误位置还原为原始文件、行、列及函数名，结合服务端解析与安全管控实现高效错误定位。
-
元素的视觉大小受padding和border影响，设置box-sizing:border-box可使width和height包含content、padding和border，避免尺寸超出预期。
-
JavaScript中的Generator函数通过function*关键字定义，使用yield暂停和恢复执行。1.基本用法：通过next()方法控制执行，返回包含value和done的对象。2.异步操作：使用yield处理异步任务，避免回调嵌套。3.错误与调试：注意调用next()，处理yield返回值，避免无限循环。4.性能与最佳实践：避免过度使用，适用for...of循环遍历。Generator函数在处理异步和迭代时非常有用，但需谨慎选择使用场景。
-
z-index用于控制定位元素的堆叠顺序，数值越大越靠前；需配合position:relative、absolute、fixed或sticky使用，且受堆叠上下文限制，不同上下文间层级独立，建议分层管理z-index值以避免冲突。
-
使用锚点：在页面顶部设置id为top的元素，底部添加指向该id的链接即可实现返回顶部功能。2.可选JavaScript平滑滚动：通过onclick触发window.scrollTo实现流畅滚动。3.固定按钮位置：用position:fixed将链接固定在右下角，提升用户体验。最简单且兼容性好的方法是锚点方式，确保id存在即可生效。
-
本教程详细讲解如何在Vue3应用中实现表格<td>单元格的点击切换文本显示功能。通过引入响应式状态变量和条件渲染，用户可以点击表格单元格，将原先截断的文本（如邮件主题）动态展开显示完整内容，再次点击则恢复截断状态，从而优化用户体验。
-
本教程旨在解决在Laravel模块化开发中，使用Vite加载JavaScript和CSS资源时遇到的404错误。文章将深入探讨传统方法失败的原因，并详细介绍如何通过Laravel提供的@viteBlade指令，正确且高效地在Blade模板中引入模块化Vite资产，确保开发和生产环境下的资源路径解析无误。
-
WebRTC是实现点对点实时音视频通信的成熟方案，通过getUserMedia获取本地流，RTCPeerConnection建立连接并添加音视频轨道，结合STUN/TURN服务器进行NAT穿透，利用信令通道交换SDP和ICE候选完成协商，最终实现媒体流直连传输。
-
Symbol解决了对象键名冲突问题，模拟私有属性，支持元编程。1.Symbol创建唯一键，避免不同模块间属性覆盖；2.Symbol键默认不可枚举，隐藏内部属性；3.内置知名Symbol扩展对象行为。Symbol()每次生成唯一值，适合局部唯一键；Symbol.for()在全局注册表中查找或创建Symbol，确保跨模块共享。访问Symbol键需用方括号语法并持有Symbol引用，遍历可用Object.getOwnPropertySymbols或Reflect.ownKeys。二者区别在于唯一性与作用域，使用
