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中。
----------------------------------------------------------------
欢迎大家补充
idataway_前端的更多相关文章
- idataway_前端代码规范
1.前后端json对接的规范. 前后端的json代码规范 result ={ success:”true”,//true表示成功,false表示失败. data:{}, //数据 errorCode: ...
- 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)
通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 ja ...
- 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)
前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...
- 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...
- 总结:Mac前端开发环境的搭建(配置)
新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...
- Fis3的前端工程化之路[三大特性篇之声明依赖]
Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...
- Fis3的前端工程化之路[三大特性篇之内容嵌入]
Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...
- Fis3的前端模块化之路[基础篇]
Fis3版本:v3.4.22 fis3是一个构建工具 解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 ...
- 细说前端自动化打包工具--webpack
背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档 ...
随机推荐
- 百度uid-generator源码
https://github.com/baidu/uid-generator snowflake算法 uid-generator是基于Twitter开源的snowflake算法实现的. snowfla ...
- Python学习基础(三)——装饰器,列表生成器,斐波那契数列
装饰器——闭包 # 装饰器 闭包 ''' 如果一个内部函数对外部(非全局)的变量进行了引用,那么内部函数被认为是闭包 闭包 = 函数块 + 定义时的函数环境 ''' def f(): x = 100 ...
- Android图片裁剪解决方案 -- 从相册截图
在看Storage Access Framework,里面有一个加载相册图片的程序片断,可能是系统版本的问题,无法返回结果,这里找到一个适用于旧版本的方法. 在Android开发中,可以轻松调用一个I ...
- 89. a^b【快速幂模板】
a^b Description 求 aa 的 bb 次方对 pp 取模的值. 输入格式 三个整数 a,b,pa,b,p ,在同一行用空格隔开. 输出格式 输出一个整数,表示a^b mod p的值. 数 ...
- How to Install LibreOffice 6.0 on Ubuntu 16.04 LTS +
1. Add the LibreOffice 6.0 PPA The LibreOffice Fresh PPA is maintained by LibreOffice. It provides l ...
- 【做题】CF388D. Fox and Perfect Sets——线性基&数位dp
原文链接https://www.cnblogs.com/cly-none/p/9711279.html 题意:求有多少个非空集合\(S \subset N\)满足,\(\forall a,b \in ...
- 论文笔记:A Review on Deep Learning Techniques Applied to Semantic Segmentation
A Review on Deep Learning Techniques Applied to Semantic Segmentation 2018-02-22 10:38:12 1. Intr ...
- (zhuan) Some Talks about Dual Learning
研究|对偶学习:一种新的机器学习范式 this blog copy from: http://www.msra.cn/zh-cn/news/blogs/2016/12/dual-learning-2 ...
- Git-Flow | How it’s used and why you should
Git-Flow | How it’s used and why you should What is Git-Flow about? Git-Flow is a workflow for using ...
- Qt button和buttons区别
假设我的鼠标左键已经按下.若移动鼠标,会发生的move事件,button返回Qt::NoButton,buttons返回LeftButton.再按下右键,会发生press事件,button返回Righ ...