美文网首页
JavaScript与前端框架介绍

JavaScript与前端框架介绍

作者: gregoriusxu | 来源:发表于2018-12-23 13:23 被阅读128次

  JavaScript是门优秀的语言,自从它出生开始就有了跨平台的特性,在1995 年 Netscape 一位名为 Brendan Eich 的工程师创造了 JavaScript,随后在 1996 年初,JavaScript 首先被应用于 Netscape 2 浏览器上。最初的 JavaScript 名为 LiveScript,后来因为 Sun Microsystem 的 Java 语言的兴起和广泛使用,Netscape 出于宣传和推广的考虑,将它的名字从最初的 LiveScript 更改为 JavaScript。

  几个月后,Microsoft 随着 IE 3 推出了一个与之基本兼容的语言 JScript。又几个月后,Netscape 将 JavaScript 提交至 Ecma International(一个欧洲标准化组织), ECMAScript标准第一版便在 1997 年诞生了,随后在 1999 年以 ECMAScript 第三版的形式进行了更新,从那之后这个标准没有发生过大的改动。由于委员会在语言特性的讨论上发生分歧,ECMAScript 第四版尚未推出便被废除,但随后于 2009 年 12 月发布的 ECMAScript 第五版引入了第四版草案加入的许多特性。第六版标准已经于2015年六月发布。

  JavaScript 是一种面向对象的动态语言,它包含类型、运算符、标准内置( built-in)对象和方法。它是运行web客户端的语言,虽然历史长河中出现过很多远行在web客户端的语言,但是JavaScript 取得了最终的胜出。虽然ECMA发布了多个版本的标准,但是各大浏览器对标准的支持都不一样,导致了之前的前端工程师必须对主流浏览器进行兼容,这一直都是困扰前端工程师的噩梦。

  经过10年的规划,ES5的终于出来了,ES5 与 ES3 基本保持兼容,较大的语法修正和新功能加入,ES5 在 2013 年的年中成为 JavaScript 开发的主流标准,并在此后五年中一直保持这个位置。ES6作为下一代的JavaScript语言,终于引入了Class和Module的概念,同时随着nodejs的推出,JavaScript已经具备了后端面向对象语言的能力,可以完全使用JavaScript开发出复杂的系统。这里是目前各大浏览器对ES6的支持情况

当前主流的前端框架

angular
Angular1
AngularJS的工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此, NG框架是在DOM加载完成之后, 才开始起作用的。
Angular (原本的 Angular 2)
Angular 事实上必须用 TypeScript 来开发,因为它的文档和学习资源几乎全部是面向 TS 的。TS 有很多好处——静态类型检查在大规模的应用中非常有用,同时对于 Java 和 C# 背景的开发者也是非常提升开发效率的。

React

React 的渲染建立在 Virtual DOM 上——一种在内存中描述 DOM 树状态的数据结构。当状态发生变化时,React 重新渲染 Virtual DOM,比较计算之后给真实 DOM 打补丁。

Virtual DOM 提供了函数式的方法描述视图,它不使用数据观察机制,每次更新都会重新渲染整个应用,因此从定义上保证了视图与数据的同步。它也开辟了 JavaScript 同构应用的可能性。

Vue

React 和 Vue 有许多相似之处,它们都有:

  • 使用 Virtual DOM
  • 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。
  • 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。

三大主流系统都是支持组件模块化的框架,这里是Vue提供的对比图,值得参考。

框架选择

  对于中小型项目来说,选择Vue可能是最好的选择,它兼固其它两大框架的优势,并且学习曲线相当平坦,劣势在于生态方面弱于两者。官网提供了丰富的文档,完全可以只看官网文档即可入门和精通。如果想深入学习可以参考这个blog

本文参考文章如下:
https://www.25xt.com/html5css3/15161.html
http://es6.ruanyifeng.com/#docs/intro
http://caibaojian.com/toutiao/6864
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
https://cn.vuejs.org/v2/guide/index.html

相关文章

  • JavaScript与前端框架介绍

      JavaScript是门优秀的语言,自从它出生开始就有了跨平台的特性,在1995 年 Netscape 一位名...

  • NodeJS--01

    前端框架的发展历史 一篇文章了解前端框架演变前端框架的发展现状与趋势The best of JavaScript,...

  • Angular 2.0 介绍及入门

    Angular 2.0 介绍 AngularJS 是一款来自 Google 的前端 JavaScript 框架,也...

  • 优秀文章收集

    html css javascript 前端框架与插件 项目总结与日常记录 前端其他 gulp gulp API ...

  • 二、flask开发基础与入门

    一、web开发基础 1、前端知识 前端开发基础: HTML CSS JavaScript 前端常用的库与框架: b...

  • Bootstrap学习笔记

    介绍:基于html css javascript 的前端框架 特点:是以移动设备为优先,pc 平板 手机 引入: ...

  • js

    JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户...

  • JavaScript基本语法

    JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用...

  • 「JS」JavaScript 介绍

    JavaScript 介绍 JavaScript的引入方法 JavaScript 介绍 前端开发三要素,HTML(...

  • React Native环境搭建和创建项目-个人笔记

    一: React介绍:是一套前端JavaScript框架,由Fackbook开源特点:jsx语法,组件化模式,Vi...

网友评论

      本文标题:JavaScript与前端框架介绍

      本文链接:https://www.haomeiwen.com/subject/apagkqtx.html