-
内联样式通过style属性直接设置元素样式，如<pstyle="color:red;">；2.内部样式表在<head>中用<style>标签定义页面级样式；3.外部样式表将CSS保存为独立文件并通过<link>引入，利于多页共享；4.@import可在CSS中导入其他样式文件，需置于规则前。
-
IE8无法识别HTML5新标签，需用html5shiv在DOM构建阶段注册为块级元素；须通过条件注释在head中同步引入，且页面必须声明<!DOCTYPEhtml>。
-
:focus边框颜色不生效主因是硬编码样式覆盖CSS变量，应统一用border-color:var(--focus-color)并检查computed值；动态换色需JS修改:root变量；禁用outline会破坏可访问性，建议用outline-offset+自定义边框替代。
-
border-radius:50%只有在元素宽高相等时才是正圆；若宽高不等（如400×300图片未设正方形容器），则呈现椭圆。需显式设置相等宽高、配合object-fit:cover或overflow:hidden+父容器裁剪，兼顾兼容性与响应式。
-
AJAX是一种通过JavaScript在不刷新页面前提下与服务器交换数据的技术模式；fetch是现代推荐实现方式，但默认不带Cookie、不自动处理4xx/5xx状态码，需手动检查response.ok、显式解析响应体并配置credentials等。
-
required属性仅对可输入且具“空值”语义的表单控件生效，如text、email、number、textarea、select（含空value选项）、checkbox、radio及file等；hidden、button等无效；它仅判空不校验格式，提示不可定制，不能替代服务端验证。
-
用position:fixed因其相对于视口定位、滚动不偏移；需避免父级transform等创建层叠上下文，设100vw/vh和z-index；传图需用naturalWidth/Height预加载；关闭逻辑要stopPropagation；移动端优先用原生缩放并配viewport和touch-action。
-
掌握浏览器开发者工具是解决JavaScript问题的关键。首先使用Console面板查看错误信息和日志，定位报错文件及行号；接着通过Sources面板设置断点或插入debugger语句实现逐行调试，观察变量值与调用栈；利用Network面板确认JS文件是否成功加载，排除404问题。常见问题包括变量未定义（检查声明与拼写）、异步执行混乱（用console打点或async/await优化）、DOM未就绪即操作（应绑定DOMContentLoaded事件）以及类型错误（调用前需判断对象是否存在）。配合conso
-
JavaScript数组方法如filter、find、some、every及reduce等，远超forEach和map的基础功能，支持声明式编程，实现高效数据筛选、判断与聚合。reduce通过累加器可完成求和、对象转换、计数、扁平化等复杂操作，配合initialValue灵活处理各类数据结构；some和every用于条件判定，find和findIndex快速定位元素，flat和flatMap则简化嵌套数组处理。这些方法提升代码简洁性与可读性，体现函数式编程优势，是进阶JS开发的关键技能。
-
复选框未选中时无法直接对input添加::before伪元素，需用label包裹并隐藏原生控件，再通过input:not(:checked)+span::before控制自定义图标显示。
-
不能。placeholder绝对不能当label用，因其缺乏语义权重、不被屏幕阅读器稳定播报、未进入无障碍树，且W3C明确禁止替代label；必须使用显式label或aria-label确保可访问性合规。
-
Grid“空行”实为grid-auto-flow:row默认按行填满所致，可通过改用column流向、rowdense回填或约束子项尺寸（如min-width:0、auto-fill列）解决。
-
flex容器内单个元素水平垂直居中需同时设置justify-content:center和align-items:center；若仅特定子元素居中可用margin:auto；justify-content不生效常见原因是父容器未设display:flex、子元素为inline或脱离文档流；column方向下二者作用轴互换，且容器需有明确高度才能体现align-items:center效果。
-
Vue中实现组件懒加载并动态加载远程JS，核心是结合defineAsyncComponent与import()，需处理CORS、MIME类型、重复加载、错误降级等边界问题，并通过组合式函数封装可复用的加载逻辑。
-
应优先使用HTML5的<dialog>元素配合showModal()实现模态框，其自动创建半透明遮罩层并禁用背景交互；兼容旧浏览器时可用div模拟结构，通过CSSz-index和JavaScript控制显隐；现代浏览器可添加backdrop-filter实现毛玻璃效果。
