-
必须保留的内联样式包括：动态计算尺寸、后端注入个性化样式、防FOUC关键布局样式、SVG内部fill/stroke变量值；应剥离静态颜色、间距、字体、边框/圆角、非动态布局属性。
-
<p>HTML单行注释唯一写法是<!--注释内容-->，浏览器完全忽略，不可嵌套，空格非必需；//或#在HTML正文里会被当作文本渲染。</p>
-
@import不适合管理大型项目核心变量，因其同步阻塞加载、无法被预处理器识别变量作用域，导致变量不可复用、覆盖混乱及构建问题。
-
在Sass中定义品牌色需先创建\_variables.scss集中声明$primary-color等变量，并在main.scss顶部用@use引入；变量作用域和加载顺序错误是颜色未更新的主因；暗色模式应结合CSS变量实现，Sass仅管理静态设计值。
-
可直接拖拽HTML文件到浏览器中运行，2.通过浏览器菜单选择“打开文件”加载，3.在地址栏输入file:///加本地路径访问，4.使用VSCode等编辑器的LiveServer扩展启动本地服务器预览，适用于测试交互功能，注意涉及AJAX时应使用本地服务器避免跨域问题，确保代码以<!DOCTYPEhtml>开头符合HTML5标准。
-
相对定位通过top、right、bottom、left偏移元素视觉位置，但元素仍占据原空间，不影响其他元素布局。例如设置top:20px;left:30px;时，元素视图移动，但原有占位不变，周围元素按原位置排列，可能造成重叠但不破坏结构。常用于为绝对定位子元素创建参考框、微调位置而不影响文档流。
-
单例模式确保一个类仅有一个实例并提供全局访问点，通过闭包或ES6静态属性实现，适用于配置管理、日志记录等场景，核心是检查实例存在性以避免重复创建。
-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
HTML中通过is属性扩展原生元素的自定义元素（CustomizedBuilt-inElements）一旦创建，其行为即被固化；标准明确禁止运行时修改is属性来切换类行为，但可通过attributeChangedCallback+手动原型重绑定+生命周期协调实现近似动态效果。
-
Vue.js的h函数对属性执行归一化处理：props与attrs按组件声明自动分离；class/style深度合并并统一格式；事件监听器标准化（onXxx→小写键+修饰符解析）；ref/key/modelValue等特殊prop被优先拦截转换。
-
Prettier是提升JavaScript代码可读性和团队协作效率的主流格式化工具，支持多种语言，能自动处理空格、换行、引号等格式问题。通过npm或yarn在项目中本地安装可避免版本不一致问题。支持配置文件如.prettierrc或prettier.config.js来自定义规则，常用配置包括semi、singleQuote、trailingComma、printWidth和tabWidth。集成到VSCode等编辑器后可实现保存时自动格式化。若项目使用ESLint，需安装eslint-config-pr
-
移动端按钮:active失效是因iOSSafari等浏览器默认延迟激活以避免误触，需添加touch-action:manipulation才能即时响应；配合opacity、transform缩放等轻量变化，并用JS补足touchstart/touchend临时class实现可靠点击反馈。
-
navigator.onLine仅反映浏览器的联网感知状态而非真实网络连通性，返回true/false表示浏览器是否认为已连接，需配合轻量探测等策略验证实际服务可达性。
-
WebWorkers通过在后台线程执行JavaScript，避免主线程阻塞，提升页面响应性。它适用于计算密集型任务，如大数据处理、图像操作、复杂算法等，能有效分离UI渲染与逻辑计算，结合TransferableObjects可优化通信性能，调试较复杂但现代工具已支持良好，另有SharedWorker、ServiceWorker和Worklets等扩展类型适应不同场景。
-
插槽内容无法被<keep-alive>直接缓存，必须将需保留状态的逻辑封装为具名组件，再用<keep-alive>包裹该组件而非<slot>；作用域插槽可用于父子通信。
