摘要:本篇教程介绍了JavaScript基础教程 Vue.js发展历程,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
本篇教程介绍了JavaScript基础教程 Vue.js发展历程,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
<
1 单页面应用程序
Single Page Application (SPA)
从字面意义来看就是一个网站就一个页面,如:
coding
网易云音乐
极致的用户体验,就像nativeapp一样
优点:
具有桌面应用的即时性、网站的可移植性和可访问性。
用户体验好、快,内容的改变不需要重新加载整个页面,web应用更具响应性和更令人着迷。
基于上面一点,SPA相对对服务器压力小。
良好的前后端分离。SPA和RESTful架构一起使用,后端不再负责模板渲染、输出页面工作,web前端和各种移动终端地位对等,后端API通用化。
对前端人员javascript技能要求更高,促使团队技能提升。
缺点:
分功能模块的鉴权不好实现。
不利于SEO。所以不适用于购物网站
前进、后退、地址栏等,需要程序进行管理;
书签,需要程序来提供支持;
简单的应用原理:
hash
window.onhashchange事件
当hash改变的时候,根据不同的hash做不同处理
2 MVVM模式
MVVM是Model-View-ViewModel的简写。 一种架构模式,开发思想。这种模式最大的好处在于解耦,数据和视图不再是强耦合在一起。它本质上就是MVC 的改进版。
M - Model 业务数据模型
V - View 视图
VM - ViewModel 视图数据模型(负责V和M交互)
核心思想:数据驱动视图(VM)
优点:
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用Expression Blend可以很容易设计界面并生成xml代码。
4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
3 主流的前端Java Script框架
Angular
09年诞生
原来是个人开发的,后来被谷歌收购了
React
诞生于facebook公司内部
facebook不满足于市场上所有js框架,所以自己搞了一个。
vue.js
尤雨溪(中国江苏无锡人)----创造
12年左右诞生
文档都中文的,对英文要求不高,非常友好
目前在国内公司中,BAT级别的企业:React > Angular > vue,不大使用国内产品。在中小型公司,vue.js更多一些
4 Vue.js介绍
是什么?
前端Java Script框架
为什么要用它?
它能帮助提升网站应用程序开发效率
一般什么情况会使用?
一般需要开发SPA应用程序的时候取用
但是vue是渐进式的,可以融入到不同的项目中
既可以和传统的网站开发架构融合在一起,例如:可以简单的把它当作一个类似JQuery的库来使用。
也可以使用它开发大型的SPA单页面应用程序。
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号