-
JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程；它解决ES6模块的局限性，支持Loader/Plugin扩展、代码分割、TreeShaking等工程化能力。
-
Vue3中<img>默认不居中是因为其为inline元素，需设display:block或父容器用text-align:center；错误做法包括误用内联样式、忽略盒模型、SSR下依赖onMounted操作DOM；正确方案是语义化HTML结构+CSS类控制布局。
-
padding默认会让元素变大，因content-box模型下width/height仅指内容区，padding和border额外增加；改用box-sizing:border-box可使宽高包含padding和border，推荐全局设置*{box-sizing:border-box}。
-
Canvas是HTML5的位图绘图API，通过getContext('2d')获取上下文，设置样式后调用fillRect/strokeRect、lineTo/beginPath/stroke、arc等方法绘制图形，需注意清空画布、beginPath重置路径及弧度单位换算。
-
background-position:center仅控制背景图定位点对齐容器中心，不控制缩放与裁剪；需配合background-size:cover才能实现居中剪裁，且裁剪区域受图片与容器宽高比影响。
-
<mark>标签用于语义化高亮，表示内容在当前上下文中被突出标注，适用于搜索匹配、引文强调、教学标注三类场景；不可滥用或仅作视觉装饰，须保留其语义特性。
-
答案：JavaScript解构赋值的高级用法包括函数参数默认值结合、变量重命名、嵌套结构部分提取、剩余操作符收集字段及数组默认值与跳过元素，提升代码简洁性与健壮性。
-
class选择器以点号开头，可多元素复用，权重为10；id选择器以井号开头，页面唯一，权重为100，优先级更高，常用于唯一结构与JS快速获取。
-
首先判断年份是否为闰年，再通过switch语句累加前几个月天数，最后加上当月日期得出当年第几天。例如2024年3月1日为第61天，因2024是闰年，2月有29天。
-
PostCSS-pxtorem没生效主因是插件顺序错误、构建工具配置位置不对或样式未走PostCSS流程；rootValue必须与HTML实际font-size严格对应；需合理配置exclude和propList控制转换范围。
-
Flex容器滚动卡顿主因是浏览器对flex-wrap布局的O(n²)算法复杂度，子元素超200个时重排耗时骤增；可用content-visibility:auto（配contain-intrinsic-size）、优化flex-basis、或改用Grid/绝对定位缓解。
-
IE10/11中flex-basis被完全忽略，需用-ms-flex+width双声明并设box-sizing:border-box兜底。
-
浏览器本地存储数据不以明文文件形式暴露在系统路径中，Chrome等浏览器使用LevelDB等私有格式存于用户目录下，但路径不公开且不可靠；唯一可靠读取方式是在同源页面中用JavaScript调用localStorage等API，或通过开发者工具的Application面板查看。
-
推荐使用display:flex+justify-content:flex-start实现图片左对齐，不破坏文档流；float:left已过时且需clear:both清除浮动；text-align:left需作用于父容器且图片保持inline；注意vertical-align和全局样式干扰。
-
font-family按顺序匹配字体，遇首个存在即停止；中文场景应按“系统首选→同类替代→系统泛用→通用族类”排序，如"PingFangSC","MicrosoftYaHei","NotoSansCJKSC",system-ui,sans-serif，并确保引号、逗号、大小写正确。
