idataway_前端

时间:2023-03-10 04:49:42
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中。

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

欢迎大家补充