跳转至

前端自定义代码开发规范

禁用循环调用服务端接口

前端代码禁止循环调用服务端接口,应构造单次调用实现批量处理。

前端子表行添加时尽量采用批量添加

禁止使用 DOM 操作

DOM 操作存在以下影响:

  1. 随着产品功能升级迭代,DOM 操作依赖的 DOM 元素可能变更,导致业务功能失效或产品升级失败。
  2. DOM 操作可能对应通用需求,若产品暂未支持可向氚云提交需求。通过产品能力实现可提升效率并为其他用户提供便利,过度依赖 DOM 实现可能影响产品能力迭代。

⚠️ 注意
若在列表或表单中收到不合规代码提醒,该提示不影响功能正常使用,仅表明存在需优化的代码。请及时修复或联系服务商处理,若为正常功能需求可向氚云或服务商反馈。

不合规的 DOM 操作清单

选择节点
document.getElementById(idName)
document.getElementsByName(name)
document.getElementsByClassName(className)
document.getElementsByTagName(tagName)
获取/设置元素的属性值
element.getAttribute(attributeName) 
element.setAttribute(attributeName,attributeValue) 
创建节点Node
document.createElement("h3")
document.createTextNode(String)
document.createAttribute("class")
增添节点
element.appendChild(Node)
elelment.insertBefore(newNode,existingNode)
删除节点
element.removeChild(Node)