前端语言串讲 | 青训营笔记

105 阅读4分钟

课程内容

  1. 前端语言的基本能力
  2. 前端语言的协作配合
  3. 你不知道的HTML5
  4. 拓展分享

前端语言的基本能力

HTML

HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,专门用来设计和编辑网页。

使用 HTML 编写的文件称为“HTML 文档”,一般后缀为.html

HTML 不是编程语言,没有逻辑处理能力,没有计算能力,不能动态地生成内容,而只能静态地展示网页信息

CSS

CSS 是“Cascading Style Sheet”的缩写,中文意思为“层叠样式表”(层层叠加的样式),它是一种标准的样式表语言,用于描述网页的表现形式(例如网页元素的位置、大小、颜色等)。 CSS 的主要作用是定义网页的样式(美化网页),对网页中元素的位置、字体、颜色、背景等属性进行精确控制。CSS 不仅可以静态地修饰网页,还可以配合 JavaScript 动态地修改网页中元素的样式,而且市面上几乎所有的浏览器都支持 CSS。

JavaScript

JavaScript ( JS ) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

前端语言的协作配合

前端语言之间可以通过相互调用、数据交换等方式进行协作配合。例如,JavaScript 可以与 HTML 和 CSS 配合,实现动态页面的设计和交互功能。另外,也可以使用 AJAX 技术实现异步通信,使不同语言之间的数据交换更加高效方便。此外,前端框架和库的出现也为协作开发提供了更加方便高效的工具支持

Trending

通常是指当前最热门、最流行的话题、事件、产品或服务,这些内容通常通过社交媒体、搜索引擎、新闻网站等途径进行传播和推广。在网络时代,Trending成为了一种重要的营销手段和社交现象。

JavaScript和HTML的协作

JavaScript和HTML是紧密协作的技术,它们一起构成了Web页面的基础。HTML定义了Web页面的结构和内容,而JavaScript可以用于操作和动态更新页面的内容。简单来说,HTML是Web页面的“骨架”,而JavaScript则是负责让页面“动起来”的“肌肉”。JavaScript可以基于HTML元素的事件触发,来实现各种复杂的交互效果,包括验证表单、动态改变页面元素的属性和样式等。同时,JavaScript也可以基于AJAX技术实现异步加载数据,从而让Web页面获得更好的用户体验。

JavaScript和css的协作

JavaScript 和 CSS 在网页开发中有着密切的协作关系。JavaScript 可以通过操作 CSS 样式来改变网页的外观和行为,而 CSS 可以通过设置样式规则来控制 JavaScript 中元素的显示和隐藏,以及动态添加或删除元素等。比如,JavaScript 可以通过修改 DOM 元素的类名来改变元素的样式,也可以通过获取和设置元素的 CSS 属性来调整元素的位置、尺寸和样式。而 CSS 则可以通过设置伪类和伪元素的样式来实现一些特殊的效果,比如:hover、:active、:before、:after 等。总之,JavaScript 和 CSS 的协作为网页开发带来了更加丰富和动态的交互体验。

你不知道的HTML5

HTML5的设计目的是为了在移动设备上支持多媒体。 增加了新特性:语义特性,本地存储特性,设备兼容特 性,连接特性,网页多媒体特性,三维、图形及特效特 性,性能与集成特性,CSS3特性。 废弃一些元素和属性比如 font 、center 等