1. 研究目的与意义
| 2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。 在前端技术中框架占一大分支。框架(Framework)是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法;另一种定义认为,框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。 可以说,一个框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程,表现为一组抽象类以及其实例之间协作的方法,它为构件复用提供了上下文(Context)关系。因此构件库的大规模重用也需要框架。 在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。Vue作为最火的MVVM框架,具有数据驱动、组件化、轻量、简洁、高效的特点。Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。通过本次研究,掌握vue.js在实战中的应用,学会使用vue.js完整的开发移动端App,学会组件化、模块化的开发方式。
|
2. 研究内容和预期目标
研究内容:
用vue作为项目技术栈进行页面设计,vue.js在实战中的应用,学会使用vue.js完整的开发移动端app,学会组件化、模块化的开发方式。整个项目中包含了第三方js 库bette-scroll、最大程度组件化、html5的localstorage、图标字体的使用、移动端1像素边框、css sticky footer布局等功能技术。
3. 研究的方法与步骤
研究方法:
项目以html5、javascript、css为基础进行开发。vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,后端用vue-resource 实现,前端用vue-router实现。整个项目中包含了第三方js 库bette-scroll、最大程度组件化、html5的localstorage、图标字体的使用、移动端1像素边框、css sticky footer布局等功能技术。
4. 参考文献
[1] 杨学瑜.高立军,软件开发过程与项目管理[m].电子工业出版社.2008.43-46.
[2] 任立红,丁永生.移动电子商务的框架与应用[j].计算机工程与应用,2001
[3]vue.js:轻量高效的前端组件化方案.csdn首页-程序员杂志.2015-08-11[4]vue.js.vue.js官网
5. 计划与进度安排
第1周:了解题目的主要背景 第2周:开始学习编程和所需要的软件,查阅和消化相关的资料。 第3周:分析需求,准备资源,制作图标字体
