前端开发规范.docx

文档介绍：前端环境搭建步骤:
 
安装步骤
npm config set user 0
npm config set unsafe-perm true
npm install fekit –g
修改源码
进入Windows目录:
C:\Users\LDL\AppData\Roaming\npm\node_modules\fekit\lib\middleware\
修改文件:
替换:“_p = (root, (/^\//, './'));”
为“_p = (/^\//, './');”
fekit基本命令
fekit export 导入
fekit min 打包
fekit server 启动
浏览器访问localhost 验证安装是否成功
下载前端项目:svn://:30001/lingcai/trunk/fekit
前端项目结构:
projectName
--- images 页面图标图片
--- plugin js插件
--- prd 打包编译
--- src 存放js文件
--- ver 版本
--- vm 存放vm文件


前端开发规范:
所有目录、文件命名均小写、js面向对象的类名大写
文件存放位置规范:
涉及到第三方插件放入最外层/plugin/,
页面涉及图标:/images/
业务js文件:/src/script/
业务css文件:/src/style/
业务vm文件:/vm/business
vm目录命名规范
vm文件放 business目录下, business目录下可根据业务创建子目录
如
账户明细: business>account>
银行卡管理:business>account>
用户管理: business>user >
js开发规范:
最顶部加fekit导入标示:/* [export] */
顶部加整体注释,说明js功能
写法面向对象
例子:
/* [export] */
/**
* 交易记录页面
* ***@author LDL
*/
DealRecord = {
url : '',
changeTab : function(type) {
// 切换页签
}
};
vm所有JS代码以接口形式调用
如:<a onclick="('today')">今天</a>
vm页面加载、请求方式
以ajax+json为主,如表格异步刷新。
带参数的页面跳转需要通过后台跳转,后台直接排模板加载数据
内部JS插件和工具类介绍:
以下零彩宝平台已有的工具类和插件,如有需要自己可以往里添加。

常见工具类
如请求后端:
var str = Util. ajaxPost(url,param);
var dataObj =