前端架构原则:
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 使用只要通过函数调用即可, 方便日后维护和调优