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

33 阅读2分钟

前端语言串讲

01 前端语言的基本能录

HTML 为网页提供了基本的骨架,使浏览器能够呈现文本、图像和其他媒体。

css CSS 用于描述 HTML 元素的外观和布局

javascript 填充肌肉,增加交互性和动态效果

HTML 标签元素 搭建文本文件,文件转化为页面

CSS

selector 这里的p选择器 选择一个或者多个需要添加样式的元素

declaratian 声明,开添加样式元素的属性

Properties 属性 这里的color ,来改变HTML元素样式的途径

Property value 属性的值,冒号后面 p{ color: red; }

有哪些常见的选择器 p 元素选择器

ID选择器
具有特定ID的元素,

或者

类选择器 具有特定类的元素,一个类可以有多个实例

  属性选择器<img src="myimage.png">拥有特定属性的元素

伪类选择器 特定状态下的特定元素 CSS Syntax (w3schools.com)

js的⑦;种基本数据类型

1、number 整数和浮点数

2、string 字符串 3、布尔 true false

4\null

5\undefined为定语

5\symbol 符号

7\object 对象

对象类型(Object)是可变的引用数据类型

var a = 7 +"2" var a

02 前端语言的相互配合

image.png

image.png

 ### JavaScript in HTML

HTML同样可以写在JavaScript中,这个语法的文件后缀名是JSX,延伸的有TSX。分别表示使用JS编写和TS编写。这种 语法在React中尤其常见

你不知道的HTML

image.png

HTML5语义化标签

image.png

HTML5表单增强

image.png

HTML5 Video

实现了创建一个媒体源,将该媒体源与一个 video 元素关联,为该媒体源添加媒体数据,并开始播放该视频的功能

HTML5 二进制

实现了一个函数 loadAsText(),用于从本地文件读取数据,并将其转换为不同的格式输出