-
JavaScript函数是执行特定任务的可重用代码块，核心作用在于封装逻辑、避免重复、提升可读性与可维护性，支持函数声明、表达式、箭头函数及对象方法等多种定义方式，并构成模块化、高阶函数、闭包和异步编程的基础。
-
在NetSuite客户端脚本中，向子列表（如销售订单或估价单的项目子列表）动态添加多个新项目时，尤其是在iOS设备上，可能会遇到仅最后一个项目被成功提交的问题。本文将深入探讨在动态模式下，如何正确使用selectNewLine、setCurrentSublistValue和commitLine方法，以确保跨平台（包括iOS）稳定且一致地添加子列表项目，并提供详细的代码示例和最佳实践。
-
统一使用Tailwind的hover类并保持类名一致，如hover:bg-blue-600、hover:shadow等，避免浏览器默认样式干扰，添加focus:outline-none和transition过渡，并通过组件化抽象按钮样式以确保所有按钮悬停效果一致。
-
CSS支持按属性值部分内容选择元素，通过1、[$=]、[*=]实现：[^=]匹配属性值开头，如a[href^="https"]选中HTTPS链接；[$=]匹配结尾，如a[href$=".pdf"]为PDF文件添加图标；[=]匹配任意位置，如a[href="company.com"]高亮特定邮箱。这些选择器在不修改HTML时非常实用，但需注意避免过度宽泛影响性能与可读性。=↩
-
JavaScript可通过navigator.clipboard实现安全复制粘贴，需HTTPS/localhost环境及用户手势触发；writeText()和readText()分别处理纯文本读写，返回Promise；权限需permissions.query检测，旧浏览器可降级execCommand；富文本或图片需write()配合ClipboardItem，兼容性有限。
-
fieldset和legend用于表单语义化分组，提升可访问性；fieldset包裹相关控件，legend作为其标题，为屏幕阅读器提供上下文，优于div+h3的纯视觉分组；常用于注册页、支付信息、配置表单等场景；需注意浏览器默认样式、legend定位、disabled属性影响及嵌套使用等问题。
-
HTML5是面向现代Web应用的底层能力升级，核心在于canvas像素控制、video/audio跨浏览器限制、localStorage同步阻塞风险及语义化标签的无障碍价值。
-
热重载通过HMR实现模块更新不刷新页面，依赖开发服务器与客户端通信，支持状态保留；React用FastRefresh、Vue3默认集成，Vite提升速度，需合理拆分模块、避免副作用、启用CSS热重载并处理错误提示，注意第三方库兼容与资源清理。
-
使用LiveServer扩展可实时预览HTML页面，安装后右键选择“OpenwithLiveServer”即可在浏览器中自动加载页面并监听文件变化。
-
flex-basis是解决Flex子项比例失效的关键，它明确弹性计算起点；设为0配合flex-grow可实现严格比例分配，比width更可靠，且需配合min/max-width防止异常。
-
防抖是“等你停手再执行”，节流是“固定节奏执行”；防抖适用于搜索建议、表单校验等需操作结束后响应的场景，节流适用于滚动加载、resize适配等需持续但限频响应的场景。
-
浮动元素的宽高遵循CSS盒模型，宽度未设置时由内容决定，行内元素浮动后转为块级；高度由内容撑开，子元素浮动可能导致塌陷，需清除浮动；box-sizing影响宽高计算，margin、padding等正常应用但外边距折叠可能变化，常用于文字环绕或布局，建议配合清除浮动并优先使用Flexbox或Grid。
-
JSON.parse()遇Unexpectedtoken错误主因是字符串含HTML标签、BOM、缩进不规范或字段名缺双引号；应先trim去空、检查不可见字符，优先用response.json()；JSON.stringify()会忽略函数/undefined/Symbol等，需replacer处理特殊类型；嵌套JSON须两层解析并try/catch；环境差异上，浏览器fetch自动校验Content-Type，Node.js需手动处理，且均不支持注释和尾随逗号。
-
navigator可获取userAgent、platform、vendor、hardwareConcurrency、deviceMemory、maxTouchPoints等属性，其中platform和maxTouchPoints相对可靠；iOS判断需结合UA匹配与触控特征；UA已因减损策略不可信，推荐用运行时能力探测替代字符串解析。
-
应根据需求选择偏移方式：需精确控制位置且影响布局流时用position+top/left；仅视觉偏移且不扰动布局时优先用transform:translate()；简单联动调整可用margin；响应式场景推荐rem、%或clamp()。
