-
qrcode.js是最轻量无依赖的浏览器端二维码生成方案，体积约4KB，支持Canvas/SVG输出，但需DOM挂载、中文需设type:'byte'，纠错等级固定为M级。
-
<p>应使用box-sizing:border-box；它使width/height包含content、padding和border，避免尺寸错位，符合设计稿标注逻辑，推荐全局设置*{box-sizing:border-box;}。</p>
-
<p>设置box-sizing:border-box能避免width:100%溢出，因其将padding和border计入width内，而非额外增加；全局启用需写,::before,*::after{box-sizing:border-box;}，并用Computed面板验证生效。</p>
-
项目选CSS框架需先确认三点：团队熟悉度、是否需快速出原型、设计系统是否固定或需高度定制；Tailwind适合改得快但HTML膨胀，Bootstrap适合快速交付管理后台但定制难。
-
required属性仅对可输入且具“空值”语义的表单控件生效，如text、email、number、textarea、select（含空value选项）、checkbox、radio及file等；hidden、button等无效；它仅判空不校验格式，提示不可定制，不能替代服务端验证。
-
递归算法的时间复杂度取决于递归树总节点数与各节点工作量之积，空间复杂度由最大递归深度（即调用栈最大高度）决定；斐波那契朴素递归为O(2ⁿ)时间、O(n)空间，二分查找为O(logn)时间与空间，归并排序为O(nlogn)时间、O(logn)空间。
-
ZurbFoundation移动端布局依赖栅格系统和响应式工具类自动适配，需正确引入CSS/JS、执行$(document).foundation()初始化，并理解其移动优先断点逻辑（small≤640px、medium≥641px、large≥1024px）。
-
<meter>用于表示已知范围内的静态标量值（如CPU使用率），而非任务进度；<progress>才表示动态、单向的完成比例。
-
答案：ReactHook规则要求只能在函数组件顶层和自定义Hook中调用Hook，确保每次渲染调用顺序一致，避免状态错乱和副作用异常，这些规则是React依赖调用顺序管理状态的机制基础，违反会导致bug或错误，可通过自定义Hook抽象逻辑、正确设置依赖数组和使用eslint插件来规避问题。
-
根本原因是组件未挂载完成就访问ref，ref.value仅在mounted后才指向真实DOM；应于onMounted中读取，避免setup或onBeforeMount中使用，并注意v-if、异步组件及v-for等场景的延迟问题。
-
position:relative使元素保持文档流位置并支持偏移，结合z-index可控制层叠顺序，z-index数值越大越靠前，同级元素未设z-index时后渲染的覆盖前一个，且父元素的层叠上下文影响子元素层级。
-
Web标准浏览器（如Chrome、Firefox）无法实现窗口级透明效果，因此纯静态HTML/CSS/JS或PWA均无法让桌面壁纸透过浏览器窗口可见；真正可行的方案需借助桌面应用框架（如Electron），通过原生窗口属性控制透明度。
-
CSS盒模型由内容、内边距、边框和外边距组成，总宽度=width+左右padding+左右border+左右margin；默认box-sizing:content-box导致尺寸膨胀，推荐使用box-sizing:border-box使宽高包含padding和border，配合*{box-sizing:border-box}重置全局样式，并注意垂直margin合并现象，以实现精确布局控制。
-
WebGL纹理黑屏或纯色的主因是图像未就绪即调用gl.texImage2D，需确保img.complete为true且naturalWidth>0；跨域图片须设crossOrigin="anonymous"并配服务端响应头；NPOT尺寸需禁用mipmap或升至WebGL2.0；多纹理须正确绑定不同纹理单元。
-
toRaw()用于从Vue3响应式代理中获取原始对象，解决第三方库因Proxy拦截导致的兼容性问题，如属性读取失败、初始化异常或JSON序列化为空；它仅对reactive/ref创建的对象有效，返回值无响应性。
