-
提升首屏加载速度的关键是减少初始资源体积并优先加载核心内容。1.内联首屏关键CSS，避免外部请求阻塞渲染；2.异步加载非必要JS，使用async或defer属性；3.预加载关键资源，如使用<linkrel="preload">；4.利用Webpack、Vite等工具的动态import()实现代码分割，按需加载模块；5.多页面应用中拆分独立chunk，提取公共依赖至vendor文件以提升缓存复用；6.压缩HTML、移除注释与空格，精简结构；7.图片启用懒加载，如loading
-
CSS属性选择器可通过多种方式精准定位元素，如[attr]、[attr="val"]、[attr~="val"]、[attr^="val"]、[attr$="val"]、[attr*="val"]、[attr|="val"]及大小写不敏感匹配[attri]，并可与后代、子、兄弟、伪类等选择器组合使用，提升定位精度。结合JavaScript的querySelector、matches、closest等方法，可高效操作DOM，但需注意性能、特异性及兼容性问题。
-
HTML5原生支持音视频，无需插件；应使用<source>标签配合type属性声明MIME类型以确保兼容性；移动端自动播放需同时设置autoplay和muted属性，且服务器须正确配置MIME类型。
-
使用flex-wrap和gap可实现响应式图片列表。容器设display:flex、flex-wrap:wrap及gap，确保子项自动换行且间距统一；通过flex:00calc()结合媒体查询控制每行数量，如小屏每行两个、中屏三个、大屏四个；图片设width:100%、height:auto以自适应容器并保持比例。关键用gap替代margin管理间隙，避免外边距问题，代码更简洁易维护。
-
transform会改变定位基准，因为非none的transform值会强制创建新包含块和层叠上下文，使absolute元素相对于它而非预期父容器定位。
-
fetch适合简单请求、轻量项目或最小化依赖场景，如静态页、PWA、微前端子应用；axios更适用于中大型项目，具备自动JSON处理、拦截器、取消请求、默认错误抛出等优势。
-
BOM是JavaScript与浏览器窗口交互的核心机制，以window对象为顶层和全局对象，提供document、location、history、navigator、screen等属性及open、alert、focus等方法，并支持窗口事件监听与同源跨窗口通信。
-
JavaScript迭代器和可迭代协议是语言级遍历契约：对象实现[Symbol.iterator]方法并返回符合next()协议的迭代器，即可被for...of等语法无缝使用。
-
通过定义.success、.warning、.error、.info等CSS类设置提示信息颜色，分别用绿、橙、红、蓝配色区分状态，结合背景色、边框和文字颜色提升可读性，并在HTML中应用对应类名，使用户快速识别信息类型，同时建议配合图标或文字标签以增强可访问性。
-
空值合并运算符（??）仅在左侧为null或undefined时返回右侧值，否则返回左侧值；而逻辑或（||）对所有假值（如0、''、false、NaN）均触发替换。
-
使用CSSModule可解决大型前端项目中CSS类名冲突问题。首先在webpack.config.js中启用modules配置并设置localIdentName；接着将样式文件重命名为*.module.css格式，并通过import导入生成局部类名映射；然后在TypeScript项目中创建.d.ts声明文件以支持CSS模块类型；最后结合sass-loader配置处理.module.scss文件，实现Sass特性与模块化共存，确保样式的隔离性与可维护性。
-
本文详解React应用下a.xyz.com与b.xyz.com（同属xyz.com）跨子域数据共享的可行方案，涵盖URL查询参数、服务端中继、postMessage配合iframe等生产级方法，并提供可运行示例与关键注意事项。
-
Flexbox布局的核心优势在于简化对齐与空间分配，特别是通过display:flex、flex-direction和justify-content等属性协同实现灵活的元素排列；它能轻松实现垂直居中、响应式换行及主轴空间均匀分布，减少媒体查询依赖，提升开发效率与可维护性。
-
1、通过修改HTML标签和属性可调整按钮文本及标识；2、利用CSS设置颜色、尺寸、边框、圆角及悬停效果以优化外观；3、使用JavaScript绑定点击事件实现交互功能；4、内联样式适用于快速调试但不利于维护；5、通过JavaScript操作classList实现动态样式切换，如激活或禁用状态。
-
TypeScript是JavaScript的超集，所有合法JS代码都是合法TS代码，其核心价值在于类型系统与编译时检查，而非运行时能力；真正使用TS需主动定义interface/type、利用泛型、字面量类型等实现接口契约。
