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

    

猜你喜欢

转载自blog.csdn.net/qq_35394891/article/details/82722484