-
代码分割与懒加载通过将JavaScript拆分为按需加载的模块，显著提升前端性能。使用动态import()可实现路由级（如React.lazy）和功能级（如异步加载图表库）的懒加载，结合webpackPrefetch等预获取提示优化用户体验，合理分割可减少首屏体积并降低初始加载耗时。
-
Ulefone手机适配无需特殊处理，只需遵循通用移动端规范：正确设置viewport、动态计算rem、安全区降级兼容、禁用电话自动识别，并避免机型枚举，专注viewport+rem+flex+fallback四件套。
-
display:none无法触发动画，因display是离散属性；应改用opacity+visibility组合实现渐显/隐，或用max-height/transform模拟无占位隐藏效果。
-
Symbol是JavaScript中唯一能保证值唯一性的原始类型，每次调用Symbol()都返回全新不相等的值，其唯一性由引擎内部私有标识保障，不可枚举且防冲突，但JSON.stringify会忽略、不可点访问、类中不能static声明。
-
JavaScript代码覆盖率衡量的是测试执行时源码中被实际运行的语句、分支、函数和行，而非测试数量；它不保证质量，但能暴露未触达的逻辑盲区如else分支、catch块等。
-
盒模型是CSS布局的起点和底层语言，必须优先掌握；它解释了元素实际尺寸计算、margin塌陷、居中失效等常见问题，启用box-sizing:border-box可大幅降低出错率。
-
应仅在无更合适语义标签时用<span>，如纯样式或事件绑定；误用如<spanclass="date">应改用<timedatetime>，且<span>每页不宜超3次。
-
侧边栏固定可通过sticky或fixed实现。1.sticky结合relative与fixed特性，需设top值且父容器无overflow:hidden，适合跟随滚动；2.fixed脱离文档流，需手动留白并处理层级与适配；3.配合flex/grid布局更灵活；4.注意兼容性、滚动性能及移动端体验优化。
-
内容撑开布局的解决核心是组合使用min-height与overflow：min-height设定容器最小高度以避免僵化，overflow控制溢出行为，二者协同实现弹性稳定布局。
-
JavaScript通过事件循环实现异步，宏任务执行后立即清空微任务队列，微任务优先级高于宏任务，如console.log('1')、setTimeout、Promise.then混合执行时输出1→4→3→2。
-
空格（ ）仅用于纯文本内强制保留不可折行空格，如“10 px”；padding用于控制内容与边框间视觉呼吸感，影响盒模型、支持响应式单位且提升移动端体验。
-
JavaScript可选链操作符（?.）用于安全访问嵌套属性，遇null/undefined即返回undefined而非报错；支持属性访问、方法调用、数组索引及动态属性；可与??配合提供默认值，但不可用于赋值且不校验类型合法性。
-
首先启用星标功能将HTML模板添加至收藏栏，可通过右键菜单或拖放操作快速创建书签，随后在“编辑书签”中重命名以提升识别性；高级用户还可手动编辑~/.config/gtk-3.0/bookmarks文件，自定义书签路径与分类，实现高效管理与访问。
-
grid-auto-rows用于控制隐式网格行的高度，解决内容超出预设行数时的布局问题；可设为auto、1fr、固定值或repeat语法，并需配合grid-auto-flow使用。
-
hover旋转突兀因缺少过渡动画，须在默认状态设transition:transform0.3s–0.5sease等，仅用transform属性，避免重排，防止动画堆叠。
