基础前端知识体系
2021-03-19 12:39:17 613 举报
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
 (空格)
<(小于号)
>(大于号)
&(&符号)
©(版权符号)
超过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
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
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", "2", "3"].map(parseInt)
StringLiteral
Character--字符
String(字符串)数据类型表示零或多个 16 位 Unicode 字符序列
Code Point--代码点
What
是 Unicode 中一个字符的完整标识
在 Unicode 代码空间中的一个值,取值 0x0 至 0x10FFFF,代表一个字符
某个字符在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
GB
GB2312
GBK(GB13000)
GB18030
ISO-8859
BIG5
语法
单引号语法
双引号语法
反引号语法
通过代码如何实现字符串模板
Boolean
Object
Array
创建数组
- let arr = []
- let arr = new Array()
- let arr = [1,2,3]
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语句
语句块
控制型语句
if
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
单位
机制
排版布局
正常流
弹性布局
....
伪元素
动画
优先级
0 条评论
下一页
为你推荐
查看更多