-
可直接拖拽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>；作用域插槽可用于父子通信。
-
使用column-count和gap属性可轻松实现响应式多列布局，column-count设置列数如3列，gap控制列间距为20px，结合媒体查询在不同屏幕下调整列数，手机端单列、平板双列、桌面三列，提升可读性与美观度，适用于文本内容，现代浏览器支持良好，避免用于复杂交互元素。
-
HTML5通过FileAPI和FileSystemAPI实现本地文件操作：1.FileAPI利用input或拖放获取文件，通过FileReader读取内容，支持文本、数据URL等格式；2.拖拽功能提升用户体验，允许将文件直接拖入页面读取；3.FileSystemAPI（实验性）可在沙盒中创建、读写文件，仅部分浏览器支持；注意事项包括安全限制、API兼容性及推荐使用NativeFileSystemAPI替代方案。
-
用sessionStorage保存表单草稿，关闭标签页即清空，适合临时场景；监听input事件实时存取，DOM加载后自动恢复，提交或放弃时及时清理。
-
最稳解法是起本地HTTP服务：用python3-mhttp.server8000或npminstall-gserve后运行serve，再访问http://localhost:8000；双击打开因file://协议限制导致fetch失败、CORS报错、图片路径异常等问题。
