-
JavaScript代码规范是提升可读性、可维护性与协作效率的约定，涵盖命名（驼峰式、全大写常量、首字母大写类）、结构（单一职责、早期返回、解构）、格式（空格、换行、箭头函数）和注释（重“为什么”轻“是什么”）。
-
本文详解如何为HTMLselect元素绑定onchange事件，实时获取选中值、转为数字、与固定费用相加，并格式化显示结果；重点解决字符串拼接导致的求和失效问题。
-
WebNFC仅支持NDEF标准标签（如NTAG213/215/216），不支持身份证、门禁卡等普通IC卡；需HTTPS或localhost环境，仅ChromeforAndroidv95+稳定支持，iOS完全不支持；初始化前须检测'NDEFReader'inwindow且协议为https或localhost；scan()为单次扫描，reading事件需立即绑定，record.data为ArrayBuffer，须用TextDecoder解码；write()需用户手势触发且标签可写，不提供UID读取能力。
-
本文详解如何通过HTML5原生表单验证机制替代手动JavaScript校验逻辑，解决表单提交被阻断、错误提示无法实时清除、日期验证缺失等核心问题，并提供可直接复用的完整代码方案。
-
用fr单位配合minmax()可有效解决CSSGrid列宽不均问题，关键在于避免固定像素值干扰自动分配逻辑，并为每列设置合理的弹性范围。
-
navigator.getBattery()并非所有现代浏览器都支持：Chrome38+、Edge79+、Firefox109+支持，Safari全系不支持；必须先检测'getBattery'innavigator再调用，返回Promise且仅在HTTPS安全上下文中可用，移动端基本不可用。
-
this是JavaScript中动态绑定的关键字，其值取决于函数调用方式：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无自有this，继承外层词法作用域的this。
-
微前端CSS样式泄漏是因ShadowDOM缺失和全局样式共用导致的必然问题；qiankun通过styledIsolation配置实现隔离，strictStyleIsolation强制ShadowDOM但限制DOM操作，micro-app需组合scoped、选择器前缀与all:initial切断继承，字体图标、CSS变量等仍需约定+工具链管控。
-
绝对定位元素的width:100%常失效，因其百分比宽度相对于最近已定位祖先计算；若无已定位父级，则相对于html计算，导致撑满视口或截断；修复需设父级position:relative或改用left/right。
-
margin正值推远邻居、负值实现重叠或回拉、auto依上下文分配空间、百分比相对包含块宽、移动端慎用百分比而推荐vw/rem。
-
TailwindCSS通过实用类实现高效布局，支持响应式与状态变体，结合自定义配置提升复用性，让开发者在HTML中快速构建一致且灵活的UI。
-
draggable设了没反应是因为普通元素需手动监听dragstart并调用setData()，drop事件依赖dragover中preventDefault()，且移动端完全不支持原生拖拽。
-
absolute元素默认宽度不随内容撑开，需通过left/right、显式width或min-width等手段控制；其撑宽效果依赖position非static的包含块，父容器常需设position:relative。
-
将HTML文件放在webapp目录下，通过正确路径访问，配置欢迎页可实现根路径自动加载，使用IDE部署到Tomcat后即可访问多个页面，注意项目名和路径大小写。
-
推荐用background-blend-mode混合纯色层与纹理层实现带纹理按钮，确保单条background声明、纹理no-repeat并设background-size，优先选用小尺寸SVG或CSS渐变纹理。
