-
ES8（ECMAScript2017）聚焦提升开发效率与异步编程体验，核心新增async/await、Object.values()与Object.entries()、padStart()/padEnd()等实用特性，均已稳定支持主流环境。
-
Canvas绘制文字主要用fillText()和strokeText()方法，结合font、textAlign、textBaseline等属性设置样式与布局，支持阴影、渐变等效果，需先设样式再绘制。
-
用gap属性替代margin是解决按钮排列不均的最佳方案——它专用于Flex/Grid布局，统一控制子元素间距且不干扰盒模型；需确保父容器为flex或grid，移除按钮自身margin，并注意Safari14.1+才完全支持。
-
使用border-radius:50%可将正方形图片变为圆形头像，需设置等宽高、用object-fit或background-size优化显示效果，并注意图片比例与分辨率。
-
box-sizing设置为border-box可让宽高包含边框和内边距，避免布局溢出；全局设置,::before,*::after{box-sizing:border-box}能统一元素尺寸计算方式，提升布局可控性与一致性。
-
Vue.js基于属性劫持与模板依赖追踪，通过Proxy/Object.defineProperty监听数据变化并自动更新视图；MobX采用透明观察者模式，利用getter/setter实现任意JS对象的响应式，无需模板绑定。前者贴近组件化开发，后者更灵活通用，适配多种框架。
-
通过优化box-shadow和transition设置可使阴影动画更自然明显。1.设置合理过渡时间（如0.3s~0.5s）；2.增大阴影差值，扩大模糊半径与偏移量；3.使用ease-in-out或cubic-bezier等缓动函数增强视觉反馈；4.避免transition:all导致的干扰，应单独指定box-shadow过渡；5.可启用硬件加速提升渲染性能。示例中卡片悬停时阴影从02px4pxrgba(0,0,0,0.1)过渡到08px24pxrgba(0,0,0,0.3)，配合0.3秒缓动，变化清晰流畅
-
JavaScript装饰器（@）仍是Stage3提案，未被ECMAScript标准采纳，所有浏览器原生不支持；必须经Babel或TypeScript编译转译为函数调用才能执行，其本质是语法糖而非内置机制。
-
JavaScript无法直接读取本地文件，但可通过FileAPI和FormData配合fetch实现安全上传；用input[type="file"]获取File实例，FileReader预览小文件，FormData+fetch上传并支持进度监听，URL.createObjectURL快速预览，所有操作需用户主动触发。
-
单页应用通过HistoryAPI实现路由，利用pushState和replaceState修改URL不刷新页面，结合popstate监听浏览器导航，动态更新DOM内容。示例中封装Router类管理路径与处理函数，支持页面跳转与历史记录控制；需服务器配置fallback至index.html，并在JS中添加404处理，确保路由正确响应。
-
Monorepo通过统一仓库管理多个项目，提升协作效率与维护性，支持跨包引用、原子提交、统一配置和增量构建，常用工具包括Lerna、Turborepo和Nx，其中Turborepo适合前端项目优化构建速度，Nx适用于大型复杂架构。
-
实现响应式导航栏需结合HTML结构、CSS媒体查询与JavaScript交互：桌面端通过flex布局水平排列导航项；移动端用媒体查询隐藏列表，显示汉堡按钮；点击按钮通过JavaScript切换.nav-links的active类控制显隐，配合transition可添加过渡效果。关键在于结构语义化、状态类管理及断点适配。
-
JavaScript可选链（?.）用于安全访问嵌套属性、方法、数组索引及动态属性，遇null/undefined即短路返回undefined；可与??搭配设默认值；不可用于赋值左端或链式调用中非可选部分。
-
可通过内联样式、内部样式表、CSS类名、@import引入网络字体四种现代方法自定义HTML文字字体与大小，font标签已废弃。
-
JavaScript不实现WebAssembly，而是作为宿主加载、编译和调用Wasm模块；Wasm是浏览器原生执行的二进制格式，由Rust/C/C++/TypeScript等编译生成，JS仅负责协调、实例化及与Wasm通过导入/导出、共享内存交互。
