vue,js的特点:当前最火的MVVM的框架,特点包括:轻量,简洁,高效,数据驱动+组件化核心思想。 开发APP的流程:需求分析+脚手架工具+数据mock+架构设计+代码编写+自测+编译打包。 代码开发测试环节:1.UI标注。2.真实数据演示。 代码规范:1.架构设计 2.组件抽象 3.模块拆分。4.代码风格统一。5.JS变量命名规范。6.css代码规范。高可维护通用性强的app开发。
功能技术分析:1.用vue-resource与后端做数据交互。2.用vue-router作前端路由实现单页应用。3.第三方js库的使用better-scroll.js 4.最大程度组件化。5.利用html5的localstorage实现收藏商家的功能。6.图标字体的应用。7.移动端1像素边框。8. css stickyfooter 布局。
学习目标:1.掌握Vue.js再实战中的运用。2.学会VUE.js完整的开发移动端App.3.学会组件化模块化的开发方式。(好处是:提到代码的复用性,可维护性和可扩展性。)
学习内容:
1.Vue.js框架介绍。
2.vue-cli脚手架 搭建基本代码框架。
3.vue-router 官方插件管理路由。
4.vue-resource Ajax通信。
5.Webpack 构建工具。
6.es6+eslint eslint:es6代码风格检查工具。基于es6编写的代码有两点好处:第一:es6提供了很多简洁好用的语法糖,慢慢成为前端开发的趋势,vue的源码和它的社区提供的插件都是基于es6编写的,学会es6有助于学习开发vue的第三方插件。eslint可以规范es6的代码风格和一些静态代码的语法检查。我们可以通过配置文件配置代码风格,它的好处可以规范一个团队的代码风格保证一个团队的代码相近的,便于阅读和维护。
7.工程化 组件化 模块化 用模块化和组件化的方式去组织代码,在项目开发过程中,用工程化思想输出代码。
8.移动端的常用开发技巧:
flex弹性布局
经典的cssstickyfooter
酷炫的交互设计以及组件的设计开发