-
在HBuilder中开发HTML5Plus应用需启用5+App支持、监听plusready事件后调用plus.barcode.scan扫码、plus.camera.captureImage拍照、plus.gallery.pick选图，所有API仅在真机或5+App环境中生效。
-
使用grid-auto-flow控制排列方向，结合grid-auto-columns/rows和minmax实现自动布局。1.设display:grid并用grid-auto-flow定义流向；2.通过grid-auto-columns/rows设置自动生成行列尺寸；3.使用repeat(auto-fit)与minmax(120px,1fr)实现响应式列数；4.设grid-auto-flow:column可切换为列优先排列。
-
应使用aspect-ratio或padding-bottom技巧实现视频宽度100%时高度自适应：现代浏览器用video{width:100%;aspect-ratio:16/9;object-fit:cover}，旧浏览器用外层容器padding-bottom:56.25%配合绝对定位video。
-
给input的直接父容器加position:relative，再对图标用absolute定位，并配合padding和border-radius调整right/top值；推荐父容器用flex布局实现垂直居中，图标设pointer-events:none避免遮挡输入。
-
JavaScript模块化分CommonJS和ES6两种：前者用require/module.exports，同步动态加载，Node原生支持；后者用import/export，静态编译解析，浏览器原生支持，具实时绑定与循环引用优化。
-
八皇后问题通过回溯算法在8×8棋盘上放置8个互不攻击的皇后，使用数组记录每行皇后的列位置，逐行尝试并利用isSafe函数检查列与对角线冲突，若无法继续则回退至上一行调整，最终找出所有可行解。
-
优先用innerHTML填充，但需防范XSS；纯文本用textContent；结构化内容用createElement+appendChild；大批量用DocumentFragment；追加内容用insertAdjacentHTML。
-
浮动布局仍适用于传统项目，通过父容器overflow:hidden触发BFC防止塌陷，子元素用float实现左右固定、中间自适应的三栏等高布局，结合calc()提升响应性，每行用overflow:hidden隔离浮动影响，并在移动端取消浮动实现堆叠，确保兼容与可读性。
-
JavaScript是解释型、动态类型、基于原型、事件驱动的多范式脚本语言；它无需编译、弱类型隐式转换、依赖原型链继承、依托事件循环处理异步。
-
用flex-column实现底部固定布局需设父容器min-height:100vh且flex-direction:column，main设flex:1占剩余空间，footer不设flex；Grid方案用grid-template-rows:auto1frauto更语义化，1fr表示剩余空间，二者均需处理移动端vh抖动问题。
-
flex-grow按权重分配剩余空间，order改变子元素显示顺序。例如flex-grow:2的元素比flex-grow:1的多占一倍空间，order:-1的元素排在最前，二者结合可实现响应式布局调整。
-
父容器未设置display:grid或网格线不足导致跨行跨列失效，需确保父元素正确声明为grid容器，合理定义网格轨道，使用正确语法如grid-column:1/3或grid-column:2/span2，并检查样式优先级与覆盖问题。
-
confirm方法是浏览器提供的用于获取用户“是/否”确认的机制，其核心作用是返回布尔值：点击“确定”返回true，点击“取消”或关闭对话框返回false。它常用于删除操作、提交表单前确认、离开未保存页面提示等场景。1.confirm具有阻塞性，会暂停JavaScript执行；2.样式不可控，无法与现代UI统一；3.信息展示有限，不支持复杂内容；4.移动端体验不佳；5.存在轻微安全风险。替代方案是使用自定义模态对话框，具备样式可控、交互丰富、非阻塞、兼容框架等优势，并可通过HTML/CSS/JavaScr
-
fr是CSSGrid中专用于分配剩余可用空间的弹性单位，先扣除固定尺寸和gap，再按比例分割剩余空间；它不是像素、百分比或em，不表示绝对长度，也不依赖父容器尺寸的百分比计算。
-
箭头函数的this指向固定且不可修改，它捕获定义时外层普通函数的this值；不能用作构造函数、无prototype、无arguments、不支持yield，特定场景下完全不可用。
