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

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

基本的插件:(尽量使用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_前端的更多相关文章

  1. idataway_前端代码规范

    1.前后端json对接的规范. 前后端的json代码规范 result ={ success:”true”,//true表示成功,false表示失败. data:{}, //数据 errorCode: ...

  2. 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)

    通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 ja ...

  3. 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)

    前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...

  4. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  5. 总结:Mac前端开发环境的搭建(配置)

    新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...

  6. Fis3的前端工程化之路[三大特性篇之声明依赖]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  7. Fis3的前端工程化之路[三大特性篇之内容嵌入]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  8. Fis3的前端模块化之路[基础篇]

    Fis3版本:v3.4.22 fis3是一个构建工具 解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 ...

  9. 细说前端自动化打包工具--webpack

    背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档 ...

随机推荐

  1. java读取文件和写入文件的方式

    https://www.cnblogs.com/fnlingnzb-learner/p/6011324.html

  2. epoll的水平触发和边缘触发,以及边缘触发为什么要使用非阻塞IO

    转自:http://www.cnblogs.com/yuuyuu/p/5103744.html 一.基本概念                                               ...

  3. python之udp协议的套接字

    udp是无链接的,先启动哪一端都不会报错 udp服务端 1 ss = socket() #创建一个服务器的套接字 2 ss.bind() #绑定服务器套接字 3 inf_loop: #服务器无限循环 ...

  4. python基础--概念性问题

    面试其他篇 目录: 头条面试题:https://blog.csdn.net/m0_37947204/article/details/80103151 1.1 python常见基础题 1.遍历文件夹 # ...

  5. 02MySQL中的数据类型

    一.数值 INT DECIMAL 准确的小数值 FLOAT DOUBLE 二.字符串类型 CHAR(m) 此数据类型用于表示固定长度的字符串,可以包含最多达255个字符,其中m代表字符串的长度.长度固 ...

  6. Python3基础 list [] 创建空列表

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  7. resure挽救笔记本系统和一些相关的操作记录

    使用fedora23很久了, 但是感觉不是很流畅, 出现了一些不太稳定的体验, 所以想改到centos7. 因为centos7的很多东西 跟 fedora23 很相近了. 所以应该是无缝过渡 是选择3 ...

  8. dataTable表头未对其解决方法

    本文为博主原创,未经允许不得转载: 在tab页中使用dataTable时,默认显示的dataTable表头与数据显示正常,另一个的datatable则表头与数据未对其. 检查元素发现,datatabl ...

  9. web前端关于html转义符的常用js函数

    web前端关于html转义符的常用js函数 //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+? ...

  10. HDU 4403 A very hard Aoshu problem(dfs爆搜)

    http://acm.hdu.edu.cn/showproblem.php?pid=4403 题意: 给出一串数字,在里面添加一个等号和多个+号,使得等式成立,问有多少种不同的式子. 思路: 数据量比 ...