web前端开发js的设计及应用
摘 要随着HTML5的逐渐成熟，WEB开发的简易性、快捷性和易维护性得到很多公司的青睐，所以公司对于前端开发人员也有了更多的需求。在WEB前端开发中，理解JAVASCRIPT的作用和意义，掌握JAVASCRIPT基础知识和JAVASCRIPT的三大框架（JQUERY框架、ANGULAR框架、REACT框架）是当今企业对WEB开发人才的标准要求。在HTML5的带动下，JAVASCRIPT的未来发展需要不断研究。本文研究的是WEB开发中的难点和重点部分即JAVASCRIPT的设计与应用，主要以JQUERY和ANGULARJS两大流行框架为研究对象。JQUERY框架针对DOM元素操作，强大的选择器可以快速的找到节点，非常便于开发者对标签的处理。ANGULARJS和JQUERY则相反，ANGULARJS没有节点选择器，通过定义全局变量SCOPE，实时控制每一个标签的变化，对于数据的处理非常方便。本文通过观察法、实验法、交流法、实践法深入探讨JAVASCRIPT的作用，最终通过实验“美的你后台应用”验证了该框架的特点。
目 录
第一章 绪论 1
1.1研究背景和意义 1
1.2研究目的 1
1.3论文组织结构 2
第二章 JS框架的研究分析 3
2.1开发环境 3
2.2研究内容 3
2.2.1 JAVASCRIPT框架 3
2.2.2 JQUERY框架 3
2.2.3 ANGULARJS框架 7
2.3研究方法 9
2.4研究步骤 9
2.5研究成果 10
第三章 美的你后台应用设计 11
3.1 功能模块 11
3.2系统结构图 11
3.3系统详细设计 13
3.3.1 登录界面 13
3.3.2 功能框架 13
第四章 系统测试 19
4.1测试方案 19
4.2测试结果 19
第五章 研究总结 22
结束语 25
致 谢 26
参考文献 27
第一章 绪论
*好棒文|www.hbsrm.com +Q: ^351916072#
1.1研究背景和意义
随着HTML5的逐渐成熟，WEB开发的简易性、快捷性和易维护性得到很多公司的青睐，所以公司对于前端开发人员也有了更多的需求。在WEB前端开发中，掌握JAVASCRIPT基础知识，了解JAVASCRIPT的作用和意义，掌握JAVASCRIPT三大框架：JQUERY框架、ANGUALR框架、REACT框架，是当今企业对WEB开发人才的标准要求。虽然IT企业对前端开发人才的需求日益增大，但只有当自身技术能力和公司的需求相匹配时，才能赢得更多的机会。在Web开发中，JAVASCRIPT框架有着举足轻重的地位。所以开发者要想学习前端开发，掌握JAVASCRIPT框架是必备技能。
“我们不编写代码，我们只是国外优秀框架的搬运工”，这是时下流行的一句描述国内JS圈现状的话。个人认为这句话只具有部分意义，并不能完全概括当下国内JS的现状。因为很多国外框架都是开源的，我们可以互相学习，互相参考，取其精华。这从本质来说，并不只是搬运。知识本来就是要在学习中不断发展，力求突破。其实国内也有很多优秀的框架和库，比如玉伯开发的SeaJS框架，最近发展趋势甚好。但国内还是有很多好框架逐渐湮没了。综合分析，总结了如下四个原因：
1、闭门造车，缺乏交流。虽然网上有很多技术社区，但是专业的交流却少之又少。
2、固步自封，不愿意分享。很多公司开发了非常棒的框架，针对性却非常强，只解决自己公司的需求，不愿意开源和推广。
3、文档规范差。查看国内好的框架，发现官网的介绍非常浅显，API文档也不完整，增大学习难度。
4、国内就业压力大，对技术的专注度不够也是重要原因之一。宏观来看，国内的JS圈还有很大的发展空间，近几年国内社区的心态越来越开发，越来越主动，思考和交流也明显增加，文档规范的认识也在逐渐加强。
开发者熟练掌握JAVASCRIPT基础知识，熟练运用JAVASCRIPT框架实现页面开发、数据绑定，知道JAVASCRIPT三大流行框架，了解不同框架对不同浏览器的兼容性，是当今IT企业对WEB开发人才的基本要求。本论文主要研究的是WEB前端开发中JAVASCRIPT框架部分，JAVASCRIPT框架概念广而深，更需要深入探讨，仔细分析，总结经验，通过实例提高自身能力。
1.2研究目的
随着HTML5的发展，WEB应用越来越广泛，其中掌握JAVASCRIPT框架是必备技能。通过本论文加深对JAVASCRIPT框架的理解，掌握基础内容，提升个人编码技能，最终有能力根据需求设计框架，优化框架。
本论文的研究意义分为以下两个层面：
1、理论意义：JS框架容易学却难学精，通过本文的研究，增加对JS的认识，真正明白JS的作用和意义。
2、实践意义：为JS框架的发展提供个人见解，通过论文实验，总结经验，提高编码操作能力。
1.3论文组织结构
本文共分为四章，各章节的内容概述如下：
：绪论。介绍了课题研究背景、国内现状和研究目的和意义。
：JS框架的研究分析。阐述了研究环境、研究内容、研究方法、研究步骤以及研究成果。
：美的你后台应用设计。设计和实现了本论文的验证实验：美的你后台应用框架，通过实验，理解JS的设计思路。
：系统测试。对论文实验：美的你后台应用进行黑盒测试。实验表明，JS框架对于页面布局和后台绑定数据都有控制作用，因此掌握JS框架是实现系统的必要条件。
第五章：研究总结。本论文对JQUERY框架和ANGULARJS框架综合分析，对研究内容进行总结。
第二章 JS框架的研究分析
2.1开发环境
本系统采用的是ANGULARJS框架和JQUERY框架，要求引入ANGUALRJS库和JQUERY库。所需的硬件需求如下：
1、编程语言：HTML语言 JAVASCRIPT语言；
2、浏览器；谷歌浏览器；
3、操作系统：Windows2003及以上操作系统；
4、内存：2GMB及以上；
5、CPU：双核2.0G以上。
2.2研究内容
2.2.1 JAVASCRIPT框架
本文主要研究和探讨的是JAVASCRIPT框架部分。基于目前的三种流行框架（JQUERY框架、ANGULARJS框架、REACT框架），公司应用最广的是JQUERY和ANGULARJS。JQUERY框架是基于原生JS框架的最基本的框架，强大的选择器简化了复杂的元素操作。ANGULARJS框架目前是谷歌的项目，是由Misko Hevery等开发，采用MVC框架。创始者的本意是想仅采用简单的HTML语言就能够完成应用开发。这两个框架目前应用最多最广，通过本文理清不同框架的优势和缺陷，以提高前端开发的能力。
目 录
第一章 绪论 1
1.1研究背景和意义 1
1.2研究目的 1
1.3论文组织结构 2
第二章 JS框架的研究分析 3
2.1开发环境 3
2.2研究内容 3
2.2.1 JAVASCRIPT框架 3
2.2.2 JQUERY框架 3
2.2.3 ANGULARJS框架 7
2.3研究方法 9
2.4研究步骤 9
2.5研究成果 10
第三章 美的你后台应用设计 11
3.1 功能模块 11
3.2系统结构图 11
3.3系统详细设计 13
3.3.1 登录界面 13
3.3.2 功能框架 13
第四章 系统测试 19
4.1测试方案 19
4.2测试结果 19
第五章 研究总结 22
结束语 25
致 谢 26
参考文献 27
第一章 绪论
*好棒文|www.hbsrm.com +Q: ^351916072#
1.1研究背景和意义
随着HTML5的逐渐成熟，WEB开发的简易性、快捷性和易维护性得到很多公司的青睐，所以公司对于前端开发人员也有了更多的需求。在WEB前端开发中，掌握JAVASCRIPT基础知识，了解JAVASCRIPT的作用和意义，掌握JAVASCRIPT三大框架：JQUERY框架、ANGUALR框架、REACT框架，是当今企业对WEB开发人才的标准要求。虽然IT企业对前端开发人才的需求日益增大，但只有当自身技术能力和公司的需求相匹配时，才能赢得更多的机会。在Web开发中，JAVASCRIPT框架有着举足轻重的地位。所以开发者要想学习前端开发，掌握JAVASCRIPT框架是必备技能。
“我们不编写代码，我们只是国外优秀框架的搬运工”，这是时下流行的一句描述国内JS圈现状的话。个人认为这句话只具有部分意义，并不能完全概括当下国内JS的现状。因为很多国外框架都是开源的，我们可以互相学习，互相参考，取其精华。这从本质来说，并不只是搬运。知识本来就是要在学习中不断发展，力求突破。其实国内也有很多优秀的框架和库，比如玉伯开发的SeaJS框架，最近发展趋势甚好。但国内还是有很多好框架逐渐湮没了。综合分析，总结了如下四个原因：
1、闭门造车，缺乏交流。虽然网上有很多技术社区，但是专业的交流却少之又少。
2、固步自封，不愿意分享。很多公司开发了非常棒的框架，针对性却非常强，只解决自己公司的需求，不愿意开源和推广。
3、文档规范差。查看国内好的框架，发现官网的介绍非常浅显，API文档也不完整，增大学习难度。
4、国内就业压力大，对技术的专注度不够也是重要原因之一。宏观来看，国内的JS圈还有很大的发展空间，近几年国内社区的心态越来越开发，越来越主动，思考和交流也明显增加，文档规范的认识也在逐渐加强。
开发者熟练掌握JAVASCRIPT基础知识，熟练运用JAVASCRIPT框架实现页面开发、数据绑定，知道JAVASCRIPT三大流行框架，了解不同框架对不同浏览器的兼容性，是当今IT企业对WEB开发人才的基本要求。本论文主要研究的是WEB前端开发中JAVASCRIPT框架部分，JAVASCRIPT框架概念广而深，更需要深入探讨，仔细分析，总结经验，通过实例提高自身能力。
1.2研究目的
随着HTML5的发展，WEB应用越来越广泛，其中掌握JAVASCRIPT框架是必备技能。通过本论文加深对JAVASCRIPT框架的理解，掌握基础内容，提升个人编码技能，最终有能力根据需求设计框架，优化框架。
本论文的研究意义分为以下两个层面：
1、理论意义：JS框架容易学却难学精，通过本文的研究，增加对JS的认识，真正明白JS的作用和意义。
2、实践意义：为JS框架的发展提供个人见解，通过论文实验，总结经验，提高编码操作能力。
1.3论文组织结构
本文共分为四章，各章节的内容概述如下：
：绪论。介绍了课题研究背景、国内现状和研究目的和意义。
：JS框架的研究分析。阐述了研究环境、研究内容、研究方法、研究步骤以及研究成果。
：美的你后台应用设计。设计和实现了本论文的验证实验：美的你后台应用框架，通过实验，理解JS的设计思路。
：系统测试。对论文实验：美的你后台应用进行黑盒测试。实验表明，JS框架对于页面布局和后台绑定数据都有控制作用，因此掌握JS框架是实现系统的必要条件。
第五章：研究总结。本论文对JQUERY框架和ANGULARJS框架综合分析，对研究内容进行总结。
第二章 JS框架的研究分析
2.1开发环境
本系统采用的是ANGULARJS框架和JQUERY框架，要求引入ANGUALRJS库和JQUERY库。所需的硬件需求如下：
1、编程语言：HTML语言 JAVASCRIPT语言；
2、浏览器；谷歌浏览器；
3、操作系统：Windows2003及以上操作系统；
4、内存：2GMB及以上；
5、CPU：双核2.0G以上。
2.2研究内容
2.2.1 JAVASCRIPT框架
本文主要研究和探讨的是JAVASCRIPT框架部分。基于目前的三种流行框架（JQUERY框架、ANGULARJS框架、REACT框架），公司应用最广的是JQUERY和ANGULARJS。JQUERY框架是基于原生JS框架的最基本的框架，强大的选择器简化了复杂的元素操作。ANGULARJS框架目前是谷歌的项目，是由Misko Hevery等开发，采用MVC框架。创始者的本意是想仅采用简单的HTML语言就能够完成应用开发。这两个框架目前应用最多最广，通过本文理清不同框架的优势和缺陷，以提高前端开发的能力。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1297.html
