前端页面开发前期注意事项

1.公共方法的封装

封装公共方法的好处：

 　   代码益于维护。

　　减少重复的代码。

　　现在前端都开始流行组件化开发，即使不用框架，项目有公用函数库，也能实现组件开发的效果。

 

封装公用函数库时，不要将所有方法放到一个.js 文件内，应该根据功能分成不同的文件，不然一个文件里面代码上千行后，维护起来也挺烦的。

如：

common> //文件夹

　　echartsCommon.js //关于eachrt图表功能的方法

　　tableCommon.js //关于表格功能的方法

　　dateCommon.js //关于时间功能的方法

　　common.js        //像数组的处理，字符串判空等 

2.请求路径的配置表

　　现在开发一般都是前后台分离，前期我们都会调用本地的json文件来测试页面。

我们需要一个专门配置请求路径的js文件，来方便后期的维护和前期测试

如：

const API_ROOT_VALUE = 'http://xxx.xxx.xxx.xxx:8080/;

const  state = 'client'// 或 server

const urlConfig  ={
　　testPath : state =='client'?API_ROOT_VALUE +'/getTable.action':'../test.json'
}

 

3.页面的状态

每个页面一般都会在请求数据前有个初始状态或者说是默认状态，

这个状态应该是不变的，当页面加载数据前给他先加载默认状态，使页面不会因为后台请求的时间过长或者返回失败而受到影响。

转载于:https://www.cnblogs.com/sunyilindbk/p/9342418.html