基础前端知识体系

前端知识体系

API

浏览器环境

DOM

对象模型-维基百科

创建节点

createElement

createTextNode

createDocumentFragment

createAttribute

查询节点

querySelector

querySelectorAll

更新节点

innerHTML

innerText

textContent

style

添加节点

appendChild

insertBefore

setAttribute

删除节点

removeChild

CSSOM

事件

BOM

BOM-维基百科

window

location

navigator

screen

history

Nodes

Document

DocumentFragment 

Element

DocumentType

Text

ProcessingInstruction

Commont

Ranges

Events

实现原理

解析

构建DOM树

计算CSS

渲染，合成，绘制

Node环境

Electron环境

小程序环境

HTML

html当做 通用的计算机语言

语法

词法

HTML词法文档

Tokenization-做词法分析的一个过程

html继承自  SGML的部分

DTD

混杂模式

How

不设置doctype

对于CSS/JS有什么影响

标准模式

Entity

所有的实体在哪里找到

&nbsp(空格)

&lt(小于号)

&gt(大于号)

&amp(&符号)

&copy(版权符号)

超过200种.....

html继承自  XML的部分

Namespace

SVG

mathml

ARIA

MDN文档

HTML标准文档

Tag

标签分类

html

html里面有哪些属性，怎么用

script

属性

async

表示应该立即开始下载脚本，但不能阻止其他页面动作，比如下载资源或等待其 他脚本加载。只对外部脚本文件有效

defer

表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效

src

type

module

代表ES6模块

text/javascript

其他标签

headtitlebaselinkmetastylebodyarticlesectionnavasideh1h2h3h4h5h6hgroupheaderfooteraddressphrpreblockquoteolulmenulidldtddfigurefigcaptionmaindivaemstrongsmallsciteqdfnabbrrubyrtrpdatatimecodevarsampkbdsubsupibumarkbdibdospanbrwbrinsdelinsdelpicturesourceimgiframeembedobjectparamvideoaudiotrackmapareatablecaptioncolgroupcoltbodytheadtfoottrtdthformlabelbuttonselectdatalistoptgroupoptiontextareaoutputprogressmeterfieldsetlegenddetailssummarybuttoninputoptiondialogscriptnoscripttemplateslotcanvas

文档元信息

语义相关内容

链接

替换型元素

表单

表格

总集

JavaScript

文法(Grammar)

词法(Lexical)

空格(WhiteSpace)

TAB

VT

FF

SP

NBSP

ZWNBSP

USP

换行符/回车(LineTerminator0

LF

CR

LS

PS

注释(Comment）

单行注释

多行注释

Token

符号(Punctuator)

IdentifierName

标识符/变量名(Identifier)

变量名

关键字(KeyWords)

What

关键字有特殊用途，比如表示控制语句的开始和结束， 或者执行特定的操作。按照规定，保留的关键字不能用作标识符或属性名

分类

var

变量提升的问题

function

函数申明提升的问题

new

如何工作

创建一个空的简单JavaScript对象（即{}）

链接该对象（设置该对象的constructor）到另一个对象

将步骤1新创建的对象作为this的上下文

如果该函数没有返回对象，则返回this

Future reserved Keywords --将来可能会用的

let

自动生成块级作用域

如果通过代码模拟块级作用域

const

......

.........

Literal-- 直接量

NumericLiteral

IEEE 754 Double Float 标准

二进制语法

八进制语法

十进制语法

科学计数法

小数写法

十六进制语法

最佳实践

安全的整数范围

浮点数比较

parInt() 的问题

[\"1\

StringLiteral

Character--字符

String(字符串)数据类型表示零或多个 16 位 Unicode 字符序列

Code Point--代码点

是 Unicode 中一个字符的完整标识在 Unicode 代码空间中的一个值，取值 0x0 至 0x10FFFF，代表一个字符某个字符在Unicode编码表中对应的代码值

How-如何获取字符的码点

\"a\".codePointAt().toString(16)  返回Unicode码点

JS中如何表示

\"\\u0061\" 表示a

\"\\u0067\" 表示g

....

Code Unit--代码单元

在计算机中用来表示码点的，大部分码点只需要一个代码单元表示，但是有一些是需要两个代码单元表示的

Encodeing --编码方式(编程代码转换为机器码)

UTF

UTF8

UTF16

UTF32

字符集

ASCII

Unicode

UCS

GB

GB2312

GBK(GB13000)

GB18030

ISO-8859

BIG5

单引号语法

双引号语法

反引号语法

通过代码如何实现字符串模板

Boolean

Object

Array

创建数组

arr.split(\"\")   字符串转数组

arr.join(\"\")  数组转字符串

arr.toString()

arr.indexOf()

arr.lastIndexOf()

arr.concat()

会修改原来的数组

arr.push()

arr.unshift()

arr.shift()

arr.pop()

arr.sort()

arr.reverse()

迭代器

会修改原数组

map

filter

不会修改原数组

forEach

every

some

reduce

Null

Undefined

Symbol

RegularExpressionLiteral

Template

语法(Syntax)

Atom-原子

Expression-表达式

Statement-语句

普通语句

声明类语句

let 声明

var 声明

const 声明

函数声明

类声明

表达式语句

空语句

with语句

debugger语句

语句块

控制型语句

if

switch

for

while

continue

break

return

throw

try

带标签语句

Structure-结构

Script/program&Module-程序/模块

语义(Semantics)

运行时(Runtime)

数据结构

Type

原始对象类型

Number

String

prototype

__proto__

constructor

方法

Object这个构造函数上的方法

defineProperties()

defineProperty()  修改属性的默认特性

getOwnPropertyNames()

setPrototypeOf()

Object的原型(Object.prototype)上的方法

hasOwnProperty()

isPrototypeOf()

内部对象类型

List & Record

Set & Relation

Completion Record

Reference

Property Descriptor

Lexical Environment & Environment Record

Data Blocks

实例

应用和机制

执行过程

执行过程(算法)简介

事件循环

微任务的执行

函数的执行

语句级的执行

Job

Script/Module

Promise

Function

Statement

Expression

Literal

Identifier

CSS

css标准查询

语法/词法

@规则: @rule

普通规则

选择器

文档

简单选择器

.class

#id

tagname

*

属性选择器: [attr=v]

复合选择器

复杂选择器

选择器列表

属性(Property)

Value

单位

机制

排版布局

正常流

弹性布局

伪元素

动画

优先级