码迷,mamicode.com
首页 > 移动开发 > 详细

单页开发web app项目中使用的技术点总结

时间:2017-03-12 13:27:29      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:span   blog   npm   min   nodejs   zha   监视   md5   动态加载   

首先项目中需要的技术依赖于业务,所以先说下业务概述

1.业务概述

个人用户在线申请房源

2.技术分解

2.1 项目布局结构

技术分享

2.2 开发环境

   2.2.1安装NodeJS环境

@echo off
rem ======= 如何安装handlebars编译器 =======
rem 1.到https://nodejs.org/下载并安装nodejs
rem 2.打开cmd并定位到项目目录
rem 3.执行npm install handlebars -g命令
rem 4.执行npm install grunt-cli -g命令
rem 5.执行npm install命令
rem 6.执行grunt watch命令
rem ========================================

grunt watch

2.2.2 每次开发之前打开预编译监视
        打开Cmd窗口以管理员的权限,执行下面命令:grunt watch
        目的:自动将模板编译生成js脚本(生成到release文件夹),用于页面展现

2.3 总体思路采用mobilebone.js-mobile移动web APP单页切换骨架

    以下是js说明:

2.3.1 js:存储核心js文件,包括项目业务js文件

js\biapi.js :api数据通信(jsonp跨域)

js\biui.js: Handlebars.js(js模板引擎)

js\bifile.js:上传文件

js\birouter.js:路由

js\dispatcher.js:js配置文件

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

第三方引用:

lib:jquery.min.js:JavaScript 库

lib\md5.min.js:md5加密

lib\fastclick.min.js:大家可能都知道的,在移动设备上,click具有较长时间的延迟,用户在操作的时候总会有点怪怪的不顺畅的感觉

lib\mobilebone.min.js:mobilebone.js-mobile移动web APP单页切换骨架

lib\LAB.min.js:LABjs里的动态加载脚本文件

2.3.2.templates:存储页面模板文件,由node自动编译为js生成到release目录下;

2.3.3.release:生成后的js文件,用于页面展现

 

单页开发web app项目中使用的技术点总结

标签:span   blog   npm   min   nodejs   zha   监视   md5   动态加载   

原文地址:http://www.cnblogs.com/bwlluck/p/4768099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!