移动端个人信息的M端网页或者APP

论文总字数：29894字

摘 要

该项目作为移动端的一款APP项目，主要的表现力在于前端的页面，移动端的兼容性使得该项目能够更加生动的表现出其功能，由该项目看现阶段的很多移动端项目，如何制作移动端上用户满意的页面，需要的不仅仅是给出的前端框架，还要很多页面元素需要设计师自己设计，包括特效和其他功能性组成。前端设计不是开发者简单的使用前端框架进行拼凑，而是严格的按照设计把每一个元素都亲自使用代码来绘制出来。从无变有，由静变动，让页面活过来。本论文首先会介绍该毕业设计项目前端部分的注意点，之后会具体讲述该项目中的前端部分特效实现所用到的技术和知识，包括html标签选择，css属性活用以及js和jquery的一些用法。

关键词：前端；代码规范 ；移动端

Web pages or APP of user’s information on mobile terminal

Abstract

Mobile pages have its’ outstanding compatibility, so, These pages could describe many fancy webs more than PC did, how to design a page satisfying users, it needs not just new frames. Many documents need designers to design partly. Including special efficiency and other function components. Front-end is not just the designers using frames and piece elements together,but also designing unique elements and many special efficiency and functions, still using codes to draw them. From none to exist, from static to dynamic, give souls to pages. This article will first describe the key points of front-end of this graduation project. And then It will describe the technology of the special efficiency, including the choice of html elements, usage of css property, javascript and jquery.

Keywords: front-end; coding rules; mobile terminal

目 录

1. 引言…………………………………………………………………………5

1.1 选题背景和意义……………………………………………………………5

1.2 移动端前端UED现状………………………………………………………5

1.2.1 较为成熟的网页现状…………………………………………… 5

1.2.2 后台开发者主导的前端网页现状……………………………… 7

1.3 该项目实现目标及其内容…………………………………………………7

1.4 本文内容结构………………………………………………………………7

第2章 相关技术概述………………………………………………………………8

2.1项目的技术简介……………………………………………………………8

2.2.1 Nodejs（服务端脚本）………………………………………… 8

2.2.2 HTML CSS/CSS3………………………………………………… 9

2.2.3 JS/Jquery…………………………………………………………12

2.2 公司平台和提供的接口的简介……………………………………………12

2.3 本章小结……………………………………………………………………12

1. 该前端项目的具体设计……………………………………………………12

3.1 功能需求分析………………………………………………………………13

3.2服务端的设计………………………………………………………………13

3.3 页面的设计…………………………………………………………………14

3.4代码优化的设计……………………………………………………………14

3.5本章小结……………………………………………………………………14

第4章 该前端项目设计的具体实现………………………………………………14

4.1服务端的实现………………………………………………………………14

4.2 页面的实现…………………………………………………………………14

4.3 页面用户信息Ajax的实现……………………………………………… 24

4.4 其它功能的实现……………………………………………………………25

4.5 特效和功能函数的优化……………………………………………………27

4.6本章小结……………………………………………………………………31

第5章 总结…………………………………………………………………………32

致谢………………………………………………………………………………… 33

参考文献…………………………………………………………………………… 34

附件………………………………………………………………………………… 35

1. 引言

1.1 选题背景和意义

现阶段很多手机端的简单页面都是由后台开发者来顺带实现的，其中很多html标签选择以及css属性都没有一定的规范。虽然视觉上实现了要求，但是在实质上还是很不严格，很不标准的。该毕设项目，会以该项目的前端部分运用到的一些技术和注意点来展示较为标准的前端实现。

该项目的服务由nodejs来实现，具体实现靠公司内部框架，在此不做具体讨论，不过可以涉及一些nodejs基础。

该项目的前端部分讨论主要分四个部分：

前端设计的基本考虑要点：包括兼容性问题，标签选择的规范，页面的文档流，盒模型的理解，移动端和PC端的本质区别，自适应等问题；

需要自行绘制路线的css动画函数的实现：包括对一些css和css3的属性的区分和操作，对各种浏览器识别css3属性的hack写法；

Javascript/jquery和页面元素的互动：包括jquery对页面特效的操作和一些页面的功能实现；

剩余内容已隐藏，请支付后下载全文，论文总字数：29894字