这是我参与「第五届青训营 」伴学笔记创作活动的第 1天
前端
-
用于解决GUI人机交互问题。
-
跨终端
-
pc/移动浏览器
-
客户端/小程序
-
VR/AR等
-
web技术栈（超文本标记语言(HTML)、css、javascript）
包括各种标签、属性
块状元素（占位一行）、内联元素
标题 h1~h6
字体加粗，独占一行
列表
- 有序列表ol、li
- 无序列表ul、li
- 自定义列表dl、dt、dd
input 标签
属性有placeholder（提示信息）、type=“checkbox”(多选)、type="radio"(单选）
选项标签
select、option
文本引用
----块级引用blockquote
-----短引用cite（用于作品章节）q（具体内容）
强调
em(语气强调）
strong（内容强调）
缩略语或缩写
abbr
视频标签
< video > 此时只有一个视频框而没有暂停播放音量，需添加属性来控制 controls=“controls”
音频标签
< audio> ,behavior=”slide“会使滚动最终禁止，scroll会使循环，alternate会使在范围内反弹
img标签
title属性（鼠标悬停时）显示文本
--------------------------------------------
<meta> 元素包含了（ 作者）name 和（ 描述）content 属性
<iframe>, <embed> 和 <object> 元素。分别用来嵌入其他网页， PDF, SVG
<link rel="icon" href="favicon.ico" type="image/x-icon"> 自定义图标（浏览器的收藏，或书签列表）中显示
表格
table、tr、td
每一个方格用一个td表示，tr表示一行，所有行构成一个table
即table表格里有多个tr行，每个tr行有多个td
form标签
- method属性有两种请求（跳转到另一个地址，带参数的请求）
- get请求：会将用户输入的数据直接显示在地址栏上
- post请求：发送的数据以某种加密形式，不在地址上显示（敏感信息）
字体标签
空格 版权符号 © 小于号 < 大于号 >
------------------------------------------------------------------------------
层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。
不同类型的选择器
-
元素选择器（也称作标签或类型选择器）
-
ID 选择器（#）
-
类选择器（.）
-
属性选择器
-
伪（Pseudo）类选择器----特定状态下的特定元素（比如鼠标指针悬停）
--------------------------------------------------------------------------------
JavaScript（缩写：JS）是一门完备的动态编程语言。
- 浏览器应用程序接口（API）---动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等。
- 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者（Twitter、Facebook 等）提供的功能。
- 第三方框架和库 —— 用来快速构建网站和应用。
JavaScript 里一切皆对象，一切皆可储存在变量里。
