-
JavaScript通过DOM操作表单，核心是获取元素、监听事件（submit/input/blur）、读写值（value/checked）和验证提交；需注意preventDefault及事件时机差异。
-
会，但只在特定情况下；当position:absolute/fixed使视觉顺序与DOM语义顺序不一致时，如“跳过导航”链接放<header>末尾却视觉置顶，屏幕阅读器仍按源码顺序读取，导致功能失效。
-
mix-blend-mode仅对非隔离且同层叠上下文的兄弟或后代元素生效；父元素设isolation:isolate、transform、filter或opacity<1会创建新层叠上下文导致失效。
-
delete只对对象自有可配置属性有效，不能删除变量、函数声明或不可配置属性；赋值undefined不删除属性，而delete真正移除属性；数组中delete产生空槽，应使用splice等方法。
-
JavaScript错误处理核心是try...catch语句，用于捕获同步异常；基本结构为try{可能出错代码}catch(err){处理逻辑}，catch参数含message、name等属性；可结合instanceof或error.name区分ReferenceError、TypeError等；finally块总会执行，适合清理操作；注意其不捕获异步错误和全局错误，且避免空catch。
-
需通过HTML5viewport标签、相对单位CSS、媒体查询、Grid/Flexbox布局及响应式图片实现响应式设计：一、添加viewport标签控制缩放；二、用em/rem/%/vw/vh等相对单位；三、用媒体查询适配手机、平板、桌面断点；四、用Grid和Flexbox实现弹性布局；五、设置max-width:100%、srcset和background-size:cover优化图片。
-
Async/Await是Promise的语法糖，async函数必返回Promise，await仅在async内部有效，会将后续逻辑注册为微任务，需用try/catch显式处理错误，避免与.then()混用。
-
根本原因是cover依赖设备像素比和视口尺寸精度，Windows缩放125%时CSS像素≠物理像素，导致按CSS宽高比裁切出现拉伸或裁切异常。
-
hsla()的alpha值必须是0–1小数而非百分比，如hsla(200,50%,60%,0.4)有效，hsla(200,50%,60%,40%)无效；alpha=0时元素仍占布局空间且可响应事件。
-
系统字体需按平台分组声明并严格排序：macOS用"-apple-system","BlinkMacSystemFont"，Windows用"SegoeUI","Roboto"，Linux用"Ubuntu","Cantarell"等，末尾必加"sans-serif"；含空格字体名须加双引号，大小写敏感，避免无效声明导致整链失效。
-
块级元素设置固定宽度并使用margin:auto可实现水平居中，适用于div等块级元素，需注意元素不能为inline或浮动、绝对定位，否则需改用text-align或Flexbox等方法。
-
最基础可靠的获取HTML页面方式是直接用浏览器打开HTML文件或通过本地服务器访问。file://协议适合静态页但禁用fetch等特性；Python内置服务器可模拟真实环境；curl/fetch适用于远程获取但受同源和JS渲染限制；关键在确保路径正确与脚本执行。
-
::after能清浮动而::before不行，因::after位于容器末尾可设clear:both下移撑开父容器，::before在开头无约束力；必须设content:""且display为block/table等块级值。
-
:visited伪类仅允许修改color、background-color等有限CSS属性，禁止font-size、display等样式及复杂选择器组合，本质是浏览器为保护隐私实施的限制。
-
作用域插槽允许子组件向父组件传递数据，通过slot属性传入响应式对象，父组件用v-slot解构接收；支持默认插槽、命名插槽及配合v-for动态渲染，但仅适用于单向数据流，双向通信应使用v-model或props+emit。
