Vue.js 实战教程 V2.x(1)前端发展史

1.1 Web 1.0时代

1989年,英国科学家蒂姆·伯纳斯-李在欧洲核子研究中心工作时发明了万维网(WWW)。

第一个网站的截图(图片来源:CERN)

1990年,HTML(Hyper Text Markup Language)1.0发布。

1993年,CGI(Common Gateway Interface)诞生。

1994年,HTML 2.0发布。

1994年,Netscape公司成立,发布了第一款商业浏览器Navigator。

第一款商业浏览器的截图

1995年,Netscape推出了JavaScript。

1995年,PHP诞生。

1996年,W3C发布CSS 1.0规范。

1996年,ASP诞生。

1997年,W3C发布HTML3.2规范。

1997年,ECMA发布ECMAScript 1.0规范。

1997年,W3C发布HTML 4.0规范。

1998年,W3C发布CSS 2.0规范。

1998年,ECMA发布ECMAScript 2.0规范。

1999年,ECMA发布ECMAScript 3.0规范。

1999年,W3C发布HTML 4.01规范。

1999年,JSP诞生。

2000年,W3C发布XHTML1.0规范。

2001年,W3C发布CSS 3.0规范。

1.2 Web 2.0时代

2004年,AJAX诞生。

2005年,Prototype诞生。

2006年,W3C废弃XHTML 2.0规范。

2006年,jQuery诞生。

jQuery官网的截图(2019年7月)

2008年,HTML5.0正式草案发布。

2008年,Chrome 发布JavaScript引擎V8。

全球浏览器市场份额(2018年6月-2019年6月)

2009年,ECMAScript 5.0规范发布。

1.3 Web新时代

2009年,Node.js 诞生。

Node.js官网的截图(2019年7月)

2011年,ECMAScript 5.1 规范发布。

2012年,微软发布TypeScript公开版。

2013年,微软发布TypeScript 0.9正式版。

2014年,W3C正式发布 HTML 5.0标准。

SPA(Single Page Application)

2009年,AngularJS 诞生。

2011年,React 诞生。

2014年,Vue.js 诞生。

2015年,ECMAScript 6.0 发布。

App开发

原生

H5

混合

微信

小程序

2017年,微信小程序诞生。

欢迎观看视频教程:https://ke.qq.com/course/432961?tuin=36914f34,如有疑问,请加QQ群665714453交流讨论。

原文地址:https://www.cnblogs.com/daqiang123/p/11368364.html

时间: 2024-10-01 01:30:28

Vue.js 实战教程 V2.x(1)前端发展史的相关文章

热烈庆祝《Vue.js 实战教程 V2.x(一)基础篇》上线了!

课程简介 课程地址:https://ke.qq.com/course/432961 机构名称:大华软件学院 授课讲师:大强老师 课程名称:Vue.js 实战教程 V2.x(一)基础篇 课程简介:包括前端发展史.Vue.js简介.第一个Vue.js程序.安装环境和Vue.Vue实例.模板语法.计算属性和侦听器.Class与Style绑定.条件渲染.列表渲染.事件处理.表单输入绑定.组件基础等等. 适合人群: 1.初出茅庐,想学习前端开发的同学: 2.没用过Vue.js,想学习更多框架的同学: 3.

Vue.js 实战教程 V2.x(8)Class与Style绑定

8 Class与Style绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求. 8.1绑定HTML Class 对象语法 我们可以传给 v-bind:class 一个对象,以动态地切换 class: <div v-bind:class="{ active: isActive }"></div> 上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 的 truthiness. 你可以在对象中传入更多属性来动态

Vue.js 实战教程 V2.x(7)计算属性和侦听器

7计算属性和侦听器 7.1计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的. 在模板中放入太多的逻辑会让模板过重且难以维护. 所以,对于任何复杂逻辑,你都应当使用计算属性. 基础例子 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMe

Vue.js 实战教程 V2.x(2)Vue.js简介

2.1 Vue.js概述 Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架. Vue.js官网的截图(2019年7月) 易用 会HTML.CSS.JavaScript就可以构建应用. 灵活 可以在一个库和一套完整框架之间自如伸缩. 高效 20kB运行大小,超快虚拟 DOM,最省心的优化 2.2与React对比 React官网的截图(2019年7月) 性能 React 和 Vue 都是非常快的. 优化 在 Vue 应用中,组件的依赖是在渲染过程中自动追踪的,所以

Vue.js 实战教程 V2.x(6)模板语法

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据. 6.1插值 var obj = { msg: 'Hello Vue.js', rawHtml: '<span style="color: red">This should be red.</span>' } new Vue({ el: '#app', data: obj }) <div id="app"> ... <

Vue.js 实战教程 V2.x(3)第一个Vue.js程序

假设你已了解关于 HTML.CSS 和 JavaScript 的知识. 3.1起步 创建一个 .html 文件,然后通过如下方式引入 Vue: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 3.2声明式渲染 Vue.js核心: <div id="app"> {{ message }} </div> var app = new V

Vue.js 实战教程 V2.x(11)事件处理

11事件处理 11.1监听事件 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. 示例: <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p> </di

Vue.js 实战教程 V2.x(13)事件处理

13组件基础 13.1基本示例 Vue 组件的示例: // 定义一个名为 button-counter 的新组件 Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' }) 组件是可复用的 Vue

Vue.js 实战教程 V2.x(5)Vue实例

5 Vue实例 5.1创建一个 Vue 实例 创建 Vue 实例: var vm = new Vue({ // ... }) 5.2数据与方法 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中 var vm = new Vue({ data: data }) // 获得这个实例上的属性 // 返回源数据中对应的字段 vm.a == data.a // => true // 设置属性也会影响到原始数据 vm.a = 2 data.a // =>