idataway_前端

 一半架构，一半标准。---纯属个人意见

 

-----------------------------------------

基本的插件：（尽量使用iviews）

1.传输图片。

2.下拉框。日期控件。

3.message提示框。

5.弹出框的封装。

6.基本的alert和conform.

7.分页的封装。

 --------------------------------------------------------------

基本的技术封装：

1.ajax,jsonp的封装。注意生命周期。

2.tab中滚动条的滚动长度的记录。（放到最后）

3.可见加载。

4.路由。

5.cookie操作的封装。

6.js渲染dom的引擎。推荐handerbars也可以考虑其他。

-----------------------------------------

基本配置的封装。

 1.前后端的一些宏定义。

 错误代码

var ec = {
        "00000101": "用户名或密码不能为空",
        "00000102": "用户名不存在",
        "00000103": "密码错误",
        "00000104": "用户被禁止使用",
        "00000105": "用户名不能为空",
        "00000106": "用户名xxxxx已经存在(导入时动态显示错误用户名)",
        "00000107": "登录会话超时，请重新登录",
        "00000108": "导入用户失败，请联系管理员！",
        "00000109": "手机号不能为空",
        "00000110": "公司名不能为空",
        "00000111": "公司地址不能为空",
        "00000112": "联系电话不能为空",
        "00000113": "邮箱不能为空",
        "00000114": "手机号码xxxxx或者Email xxxx的用户已经存在!",
        "00000115": "获取数据失败，请重试！",
        "00000116": "新旧密码不能相同",
        "00000118": "活动结束时间必须晚于今天",
        "00000201": "上传文件失败",
        "00000202": "上传的不是图片文件",
        "00000203": "裁剪失败（原图无法下载）",
        "00000205": "上传文档格式不正确",
        "00000206": "上传的文件尺寸不能为0",
        "00000231": "调用远程服务失败",
        "00000204": "裁剪失败（裁剪图片时出现错误）",
        "00000401": "未绑定公众号，操作失败",
        "00000402": "您已被纳入黑名单，操作失败",
        "00000403": "非法请求",
        "00000405" : "绑定失败，公众号信息无效",
        "00000901":  "当前组下没有用户"
    };

    //  前端错误码扩展
    $.extend(ec, {
        "00000010": "请裁剪图片再点击按钮",
        "00000011": "选择的项中，没有可以操作的记录。",
        "00000012": "上传失败(请求错误)",
        "00000601": "分类名称已存在",
        "00000701": "请选用系统提供的模板文件导入数据",
        "00000801": "关键字重复",
        "00000802": "传递的参数错误"
});

 ----------------------------------------------------------------

vue基本的组件封装

头部，尾部，二维码咨询弹窗。按钮弹窗。

  ----------------------------------------------------------------

基本的代码标准mvc。

1.css使用规范，统一less,scoped.

颜色同一定义到base.less中。

2.熟悉promise避免回调地狱。

3.熟悉js的柯丽化。

4.方法的参数，如果参数多余3个的统一使用Object.

5.注意代码的健壮性。对于传入的参数，或者数据处理结果必须类型的判断。不能报错。

6.父子之间的传参，对于可以使用强耦合的一定不要使用若耦合，对于需要放到全局vuex中管理的一定不能放到data中。

 ----------------------------------------------------------------

欢迎大家补充