基础前端知识体系
2021-03-19 12:39:17 613 举报
AI智能生成
前端知识体系
作者其他创作
大纲/内容
前端知识体系
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
所有的实体在哪里找到
 (空格)
<(小于号)
>(大于号)
&(&符号)
©(版权符号)
超过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
单位
机制
排版布局
正常流
弹性布局
伪元素
动画
优先级
0 条评论
回复 删除
下一页