前端Js代码架构设计

前端架构原则：

1.职责分离，高内聚，低耦合

2.分层，结构清晰合理

3.算法性能较优

4.复用性,维护性优

js是如何合理架构的？

1.如何满足职责分离，高内聚，低耦合：

举例：创建不同的js,每个js满足自己角色职责的事情 ，比如页面跳转js , 数据处理js(增删改查) , 数据验证js（效验）  , 封装js(相似相同的不断复用的js封装) ， 计算结果js ，上传资源 js.......

2.如何满足js分层，结构清晰合理

举例： 首先是学会分包 ，以js 包举例， 在最外层可分为locajs 和 js , localjs 里面是每个对象的js包， 可能有user / news / report / system / honor ,还有工具包 ，如tools ,共有使用的js  , 对于js包中一般放组件， 何为组件， jquery.js , bootstrap.js ,mui.js 等第三方js 内容

3.js算法性能较优：

减少使用多内嵌for 循环和负责递归 ，不同数据量情况选择不同的排序方法等

4.js 复用性,维护性优:

做到不第二次写 “ 相同或者相似 ” 的 js 代码， 对于多次编写的相似或者相同的代码进行封装， 构建函数和多个传入参数，实现复用，其他js 使用只要通过函数调用即可， 方便日后维护和调优