

首页  思维导图  详情



基础前端知识体系

2021-03-19 12:39:17   614  举报





AI智能生成

前端知识体系

模版推荐

作者其他创作

大纲/内容

API

浏览器环境

API

DOM

创建节点

createElement

createTextNode

createDocumentFragment

createAttribute

查询节点

querySelector

querySelectorAll

更新节点

innerHTML

innerText

textContent

style

添加节点

innerHTML

appendChild

insertBefore

setAttribute

删除节点

removeChild

CSSOM

事件

BOM

window

location

navigator

screen

history

Nodes

Document

DocumentFragment 

Element

DocumentType

Text

ProcessingInstruction

Commont

Ranges

Events

实现原理

解析

构建DOM树

计算CSS

渲染，合成，绘制

Node环境

Electron环境

小程序环境

HTML

html当做通用的计算机语言

语法

词法

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

html继承自  SGML的部分

DTD

混杂模式

How

不设置doctype

对于CSS/JS有什么影响

标准模式

How

对于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

其他标签

head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr pre blockquote ol ul menu li dl dt dd figure figcaption main div a em strong small s cite q dfn abbr ruby rt rp data time code var samp kbd sub sup i b u mark bdi bdo span br wbr ins del ins del picture source img iframe embed object param video audio track map area table caption colgroup col tbody thead tfoot tr td th form label button select datalist optgroup option textarea output progress meter fieldset legend details summary button input option dialog script noscript template slot canvas

文档元信息

语义相关内容

链接

替换型元素

表单

表格

总集

JavaScript

文法(Grammar)

词法(Lexical)

空格(WhiteSpace)

TAB

NBSP

ZWNBSP

USP

换行符/回车(LineTerminator0

注释(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", "2", "3"].map(parseInt)

StringLiteral

Character--字符

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

Code Point--代码点

What

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

How-如何获取字符的码点

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

JS中如何表示

"\u0061" 表示a

"\u0067" 表示g

....

Code Unit--代码单元

What

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

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

UTF

UTF8

UTF16

UTF32

字符集

ASCII

Unicode

UCS

GB2312

GBK(GB13000)

GB18030

ISO-8859

BIG5

语法

单引号语法

双引号语法

反引号语法

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

Boolean

Object

Array

创建数组

<ul><li>let arr = []</li><li>let arr = new Array()</li><li>let arr  = [1,2,3]</li></ul>

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

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

arr.toString()

arr.indexOf()

arr.lastIndexOf()

arr.concat()

会修改原来的数组

arr.push()

arr.unshift()

arr.shift()

arr.pop()

arr.splice(a,b,c)

arr.sort()

arr.reverse()

迭代器

会修改原数组

map

filter

不会修改原数组

forEach

every

some

reduce

Null

Undefined

Symbol

RegularExpressionLiteral

Template

语法(Syntax)

Atom-原子

Expression-表达式

Statement-语句

普通语句

声明类语句

let 声明

var 声明

const 声明

函数声明

类声明

表达式语句

空语句

with语句

debugger语句

语句块

控制型语句

switch

for

while

continue

break

return

throw

try

带标签语句

Structure-结构

Script/program&Module-程序/模块

语义(Semantics)

运行时(Runtime)

数据结构

Type

原始对象类型

Boolean

Number

String

Undefined

Null

Object

属性

prototype

__proto__

constructor

方法

Object这个构造函数上的方法

defineProperties()

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

getOwnPropertyNames()

setPrototypeOf()

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

hasOwnProperty()

isPrototypeOf()

Symbol

内部对象类型

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

语法/词法

@规则: @rule

普通规则

选择器

简单选择器

.class

#id

tagname

属性选择器: [attr=v]

复合选择器

复杂选择器

选择器列表

属性(Property)

Value

单位

机制

排版布局

正常流

弹性布局

....

伪元素

动画

优先级

 Collect

Get Started

年度总结模板：阅读书单总结与知识体系构建

 Collect

Get Started

自学-前端知识体系梳理

 Collect

Get Started

Technical Antenna Engineer 岗位知识体系理体系

 Collect

Get Started

知识体系脑图





0 条评论

下一页