Vue.js:渐进式JavaScript框架-前端开发

简介: Vue.js:渐进式JavaScript框架-前端开发

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.:
相关文章
|
2月前
|
JavaScript 前端开发 API
|
1月前
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。
146 24
|
2月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
104 8
|
2月前
|
JavaScript 前端开发 容器
|
2月前
|
JavaScript 前端开发
|
2月前
|
存储 JavaScript 前端开发
|
2月前
|
移动开发 JavaScript 前端开发
|
2月前
|
存储 JavaScript 前端开发
|
2月前
|
JavaScript 前端开发
|
2月前
|
存储 JavaScript 前端开发