1.介绍-What is Vue?
An approachable, performant and versatile framework for building web user interfaces.
[一个平易近人、高性能和多功能的框架,用于构建 Web 用户界面。]
--来自官网Vue.js - The Progressive JavaScript Framework | Vue.js (vuejs.org)
1.1平易近人
建立在标准 HTML、CSS 和 JavaScript 之上,具有直观的 API 和世界一流的文档。
CSS、JavaScript 和 HTML 是 Web 开发中常用的三种技术,它们分别负责网页的样式、交互和结构。
1.1.1HTML、CSS 和 JavaScript的分别介绍:
HTML(HyperText Markup Language):
HTML 是一种标记语言,用于创建网页的结构和内容。
HTML 主要负责定义网页的各个元素,如标题、段落、列表、链接等。
HTML 通过标签来描述文档的结构,例如
、
、
- 、 等。
HTML 页面的静态内容和基本布局都是由 HTML 来定义的。
CSS(Cascading Style Sheets):
CSS 是一种样式表语言,用于控制网页的外观和布局。
CSS 主要负责定义网页的样式,如颜色、字体、间距、背景等。
CSS 可以独立于 HTML 使用,通过选择器和属性来选择并美化页面元素。
CSS 的样式可以集中定义,然后应用到不同的 HTML 元素上,实现样式与内容的分离。
JavaScript:
JavaScript 是一种脚本语言,用于实现网页的交互效果和动态行为。
JavaScript 主要用于处理用户输入、响应事件、操作DOM(文档对象模型)等。
JavaScript 可以与 HTML 和 CSS 配合使用,实现更丰富的用户体验和功能。
JavaScript 可以通过脚本嵌入到 HTML 中或作为外部脚本文件引入。
1.1.2关联:
HTML、CSS 和 JavaScript 通常一起使用来创建现代 Web 页面,它们共同构成了前端开发的基础。
HTML 定义了页面的结构和内容,CSS 负责页面的样式和布局,而 JavaScript 则实现了页面的交互和动态效果。
这三种技术相互配合,使得 Web 页面能够展示出更加丰富、交互和吸引人的特性。
1.1.3区别:
HTML 主要用于定义网页的结构和内容,CSS 用于控制样式和布局,而 JavaScript 则用于实现交互和动态效果。
HTML 是一种标记语言,CSS 是一种样式表语言,JavaScript 是一种脚本语言。
HTML 页面的静态内容和基本布局由 HTML 定义,样式由 CSS 控制,而交互和动态行为则由 JavaScript 实现。
1.1.4实例e.g.: