前端语言
前端语言的基本能力
三剑客
HTML
Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
CSS
CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
W3C
W3C 是一个国际组织，成立于 1994 年，负责制定和维护 Web 标准。它的目标是确保 Web 发展的长期可持续性和可访问性。W3C 制定了许多 Web 技术的规范，如 HTML、CSS、XML、SVG 等。
Javascript
js 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
基础语法
基本数据类型：
- Number ：用于表示整数和浮点数。
- String ：表示一串字符。
- Boolean ： 通常用于表示条件、逻辑操作或比较的结果，只有两个值：true（真）和 false（假）。
- Null ： 表示一个空值或不存在的引用。
- Undefined ：当一个变量声明了，但尚未赋值时，其默认值为 undefined。
- Symbol ：主要用于创建对象的唯一属性名。
- Object ： 用于表示复杂的数据结构。
Object
Object（对象）是一种引用数据类型，用于表示一组键值对。对象可以用来存储和操作数据，它是 JavaScript 中最基本和重要的数据结构。
- 键值对： 对象由一组键值对组成，键是字符串，值可以是任何数据类型（包括原始类型和引用类型）。键也称为属性名，而值称为属性值。键和值之间用冒号分隔，键值对之间用逗号分隔。
- 对象字面量： 对象字面量是创建对象的一种简洁表示方式。它使用大括号
{}包围一组键值对。 - 属性操作： 可以通过赋值操作符为对象添加新属性，也可以通过赋值操作符修改现有属性的值。
- 方法：通常用于表示对象的行为，它们可以访问和操作对象的其他属性
Function
- 函数是一种特殊的对象，它封装了一段可执行的代码。函数的主要作用是实现代码的复用、模块化和抽象。
- 参数和实参： 函数可以接受参数。参数是在函数声明或表达式中定义的，用于接收调用函数时传递的实参。实参是在调用函数时传递给函数的值。
- 返回值： 函数可以返回一个值，这个值可以是任何数据类型。要返回一个值，可以在函数体内使用
return语句。
三剑客关系
Browser
V8 引擎实现了 JavaScript 源代码的高效执行。在实际使用过程中，V8 会根据代码的运行情况动态调整优化策略，确保在不同场景下都能实现最佳性能。
CSS in HTML
JavaScript in HTML
通过script 标签 引入外部资源 或者在script 标签块里面写脚本代码
HTML in JavaScript
CSS in JavaScript
通过JavaScript 提供的Dom API 可以修改元素的css属性
你不知道的HTML
标签分类
- 文档型
- 闭合型
- 执行型
- H5 新增元素
head 头部标签
body 中的标签
HTML ARIA
ARIA是一套让 Web 应用和网站更具可访问性的技术规范。ARIA 通过在 HTML 中添加特定的属性，帮助屏幕阅读器等辅助技术更好地理解页面内容和交互。
H5 存储
- Web 存储：Web 存储包括 localStorage 和 sessionStorage 两种，可以保存在浏览器端，不需要每次向服务器请求数据，提高了网页加载速度。这两种存储方式都是以 key-value 对的形式进行存储，并且只能存储字符串类型的数据。
- IndexedDB：IndexedDB 是浏览器中另一种存储机制，它是一种更灵活的对象数据库，允许存储非字符串类型的数据。
需要注意的是，由于这两种存储方式都是针对客户端而言的，因此不宜存储敏感信息
H5音频
H5 视频
H5 API
HTML5 API是指HTML5标准所定义的一系列JavaScript API，它们提供了开发者处理DOM、Canvas、Web Storage、WebSocket等各种功能的能力。
