-
JavaScript压缩通过语法分析、安全替换和移除冗余减小体积并保持功能，核心是提升下载与解析速度；需结合构建工具（Webpack/Vite/esbuild）、TreeShaking、服务端Gzip/Brotli及代码拆分等策略精准优化。
-
Flex布局三步搭建页面结构：先设display:flex启用，再用flex-direction定主轴方向，最后用justify-content和align-items控制对齐及flex分配空间。
-
图片行内垂直居中困难源于vertical-align:baseline，默认使图片底部对齐文字基线；推荐用display:inline-block+vertical-align:middle，并配合显式设置父元素line-height以确保效果稳定。
-
border属于盒模型，增加元素尺寸并影响布局，而outline不占空间且不影响排列；2.border位于背景与外边距之间，outline绘制在边框外侧；3.border可单独设置四边样式，outline只能统一设置；4.outline具有可访问性功能，浏览器默认为聚焦元素添加outline以提示键盘用户，而border无此作用。两者应根据布局需求和用户体验合理选用。
-
<p>最常用方法是使用toFixed(2)结合parseFloat或Number转换为数字，因toFixed返回字符串；对于精度要求高的场景，推荐使用Math.round(num*100)/100来避免浮点数误差；若需保留两位小数的格式化输出（如金额），可直接使用toFixed(2)保持字符串形式。</p>
-
typeof判断基础类型（含function、symbol），instanceof判断引用类型是否由某构造函数创建；二者解决不同层面问题，混用易致误判。
-
JavaScript的replace()方法支持正则表达式、函数回调、全局匹配和捕获组，第二个参数可为字符串（含$1等引用）或动态函数，返回新字符串且不修改原串。
-
JavaScript操作下拉列表核心是动态添加选项和获取选中值：用createElement或add()添加option，select.value获取值、options[selectedIndex].text获取文本，change事件监听变化。
-
JavaScript调试主要依靠浏览器DevTools，核心包括断点调试、控制台交互、实时修改与性能分析；Chrome/Edge按F12打开，关键面板有Console、Sources、Network、Elements等，Firefox功能对等，VSCode可进阶协作调试，实用技巧如console.table、console.group提升效率。
-
JavaScript全屏功能依赖FullscreenAPI，需用户手势触发；调用requestFullscreen()进入、exitFullscreen()退出；通过fullscreenElement判断状态；监听fullscreenchange事件响应变化，并需处理Promise拒绝。
-
要在网页中正确显示下划线符号“\_”，可采用四种方法：一、用HTML实体_或_编码；二、用CSStext-decoration属性控制样式；三、用语义化<u>标签并配合text-underline-offset；四、用border-bottom替代实现精确控制。
-
min()函数用于选择多个值中的最小值作为CSS属性值，语法为min(值1,值2,...)，支持px、%、vw、rem等同类单位混合使用，常用于响应式宽度、字体大小和间距控制，如width:min(80%,600px)确保元素不超宽，font-size:min(4rem,10vw)实现弹性字体，现代浏览器广泛支持，可通过先声明旧值实现回退兼容，提升响应式设计简洁性。
-
媒体查询的width指视口宽度而非容器宽度，@media(width:300px)无法响应div尺寸变化；应基于视口断点设计，优先使用移动优先和min-width，避免混用min/max-width，容器查询才适用于组件级响应式。
-
制作HTML5网页应用需五步：一、用语义化标签搭建标准结构；二、用Flexbox/Grid和媒体查询实现响应式CSS；三、集成地理定位、localStorage等原生API增强交互；四、用ES6模块化组织JavaScript逻辑；五、通过polyfill、懒加载、GPU加速和缓存策略优化兼容性与性能。
-
可通过window.location.hostname获取当前域名，如"example.com"；window.location.host返回域名加端口；document.domain可被设置为父域；URL构造函数支持IDN等复杂场景；performanceAPI适用于导航溯源。
