-
JavaScript模块化需用ES6import/export原生语法，仅支持于现代浏览器或Node.js≥12且启用"module"模式；import必须顶层静态声明，动态位置会报错，可用import()函数替代；exportdefault单个可重命名，命名导出多个须原名导入；Node.js中需.mjs扩展名或"package.json"设"type":"module"，路径须带扩展名。
-
HTML5无法自动校正扫描件倾斜，需前端JavaScript处理：用Canvas+getImageData做像素级几何变换，或CSS仅视觉微调，或第三方库实现透视校正；注意iPad性能限制与预处理必要性。
-
JavaScript闭包是函数与其定义时词法环境的组合，需满足嵌套函数、引用外部变量、在外部调用三条件；它延长变量生命周期，易因引用管理不当导致内存泄漏，应通过let声明、精简引用、及时清理和WeakMap等措施安全使用。
-
函数节流通过限制执行频率优化高频事件，如滚动或点击，确保在设定间隔内仅执行一次，提升性能。
-
浮动与定位可组合使用以实现复杂布局，float用于多栏结构，position用于精确定位；例如侧边栏浮动固定，内容区通过margin避让并创建定位上下文，内部元素用absolute定位；需注意clear清除浮动、避免高度塌陷，并合理利用relative建立定位参考，z-index控制层级，兼顾老浏览器兼容性，适用于旧项目维护或特定场景。
-
十六进制颜色通过#后接6位或3位数字定义RGB值，如#FF5733；相同双位可简写为3位如#FC0；8位格式#RRGGBBAA支持透明度，最后两位为Alpha通道；需注意格式规范与合法字符。
-
答案：通过HTML结构、CSS样式和JavaScript动态控制宽度实现进度条，支持封装复用与参数校验。具体描述：HTML定义外层容器和填充条，CSS设置外观与过渡效果，JavaScript通过修改fill元素的width属性更新进度，可封装为ProgressBar类实现set方法并限制百分比范围，提升组件复用性与健壮性。
-
使用position:fixed可将图标固定在页面角落，通过bottom、right等属性定位，结合flex居中、z-index层级控制及媒体查询适配移动端，适用于返回顶部、客服图标等场景。
-
HTML5通过WebCryptoAPI手动实现HKDF（Extract+Expand），需用HMAC-SHA256分两步派生密钥：先以salt为key、IKM为message得PRK，再以PRK为key迭代HMAC生成输出；主流浏览器均支持，但旧版Safari对raw导入有限制。
-
class名重复或嵌套过深易致样式冲突与DOM耦合，BEM命名+作用域限定可切断冲突链；须禁用标签/ID选择器、强制block唯一前缀、元素修饰符挂靠block、样式包裹在:scope或data-component下，并通过stylelint和CI拦截违规写法。
-
掌握盒模型与伪元素结合使用，可通过content插入装饰内容并利用定位、尺寸等属性实现丰富视觉效果，如按钮圆点、引号标注及外部链接图标，同时保持HTML结构简洁。
-
字体加载失败主因是@font-face声明不完整、路径错误、格式兼容性差或未设font-display；需确保路径正确、优先woff2并备选格式、必设swap/optional、font-family名称严格一致、排除样式覆盖。
-
FileReader是读取文件内容的唯一标准API，需通过onload回调获取结果；URL.createObjectURL()适合轻量预览但须手动revoke防内存泄漏；文件校验应结合type与size而非仅依赖后缀。
-
动态导入和代码分割通过按需加载降低首屏体积。利用import()语法可实现模块异步加载，结合React的lazy与Suspense进行路由级分割，或将大型第三方库延迟加载，Webpack自动拆分chunk并支持自定义命名，提升应用性能。
-
答案：通过id设置锚点并用href链接实现页面内快速跳转，配合唯一id和CSS平滑滚动提升体验。
