JavaScript 学习指南/目录

基于本人学习经历，尝试写一篇零基础的 JavaScript 新手指南

javascript

__proto__

• 获取原型 [[getPrototypeOf]]
• 设置原型 [[setPrototypeOf]]
• 获取对象的可拓展性 [[isExtensible]]
• 获取自有属性 [[getOwnProperty]]
• 禁止拓展对象 [[preventExtensions]]
• 拦截对象操作 [[defineProperty]]
• 判断是否是自身属性 [[hasOwnProperty]]
• [[get]]
• [[set]]
• delete
• enum
• 获取键集合 [[ownPropertyKeys]]
• 声明过程
• new 过程

base

• 概念
• 常见产品
• 数据类型
• 上下文
• 方法
• 继承

blob

• base64 转 blob
• json 转为 blob
• 字符串转为 blob 并返回对象的 URL
• 从 blob 中提取数据
• 从 Response 中读取

bom

• window 对象
• Location 对象
• Navigator 对象
• Screen 对象
• History 对象
• 存储对象

class

• 类

common-use-api

• document.querySelector API
• XMLHttpRequest

context/apply

• 说明
• 特性
• 数组添加到另一个数组
• 变更入参类型
• 链接构造器
• call 与 apply 区别

context/bind

• 说明
• 特性

context/call

• 说明
• 特性
• call 与 apply 区别

context/index

• 概念
• apply 方法
• bind 方法
• call 方法

data-structure/array

• 不改数组
• 改变数组

data-structure/index

• 数据结构

data-structure/number

• 数字-number

data-structure/object

• 对象

data-structure/string

• 字符串

design-models/index

• 常见的设计模式
• 发布订阅模式 (观察者模式)

dom

• 知识点
• dom 继承顺序
• Document 对象属性+方法
• HTML DOM 属性对象
• HTML DOM 元素对象

event

• 事件的传播
• 事件代理
• 鼠标
• 键盘
• 框架/对象事件
• 表单事件
• 剪切板
• 拖动事件
• 多媒体 (Media) 事件
• 动画事件
• 过渡事件
• 其他事件
• 事件对象
• 目标事件对象
• 事件监听对象
• 文档事件对象
• 鼠标/键盘事件对象
• 焦点事件
• 事件委托/事件代理

eventloop

• JavaScript 事件
• Node
• reference

function/function-anonymous

• 匿名函数

function/function-arrow

• 箭头函数

function/function-callback

• 函数式回调

function/function-constructor

• 构造函数

function/function-declaration

• 函数声明

function/function-global

• 全局属性
• 全局方法

function/function-named

• 具名函数

function/index

• 特性
• 静态方法
• 函数声明提升

highLight/index

• 匿名函数、具名函数、箭头函数比较
• 一段 axios 上传文件的支持
• for i 与 for in 的比较
• 巧用 & 与操作

index

• javascript-学习指南-目录

inherit/index

• 继承概念
• 继承有几种？
• 方式一：原型链
• 方式二：构造继承
• ❎ 方式三：实例继承
• ❎ 方式四：拷贝继承
• ✅ 方式五：组合继承
• ✅ 方式六：寄生组合
• ❎ 方式七：Object.assign
• 方式八：class 继承

inherit/inherit-dynamic-proto

• 动态原型

inherit/inherit-mixin

• 混淆继承

inherit/inherit-parasitic-structure

• 寄生构造

inherit/inherit-stable-structure

• 稳妥构造

keyword

• 关键字、保留字分类

module

• CommonJS
• AMD

object/date

• date-对象

object/index

• js 三大对象
• 本地对象
• 宿主对象
• 内置对象
• 静态方法

object/math

• math-对象

promise

• promise

prototype

• 概念定义
• 构造函数
• JavaScript 原型继承的几种方法
• 闭包 (closure) 函数

pure-function

• 纯函数是什么？

regex

• 正则 RegExp 对象
• 字符串的正则方法
• 正则的修饰符
• 正则的方括号
• 正则的元字符
• 正则的量词
• 常用实例

scoped/closure

• 定义
• 常见
• 解决与避免
• 场景
• 如何消除闭包？
• 引用

scoped/index

• 几个作用域
• 作用域定义

static-method

• String 方法
• Boolean
• Number
• Object
• Array
• Symbol
• WebSocket
• MediaSources
• Audio
• Vidio
• Canvas

switch

• switch-语句

term

• IIFE

this

• 概念
• 立即执行函数中的 this 指向问题

type

• 基本类型
• 类型转换

useful/currying

• 柯里化

useful/debounce

• 概念
• 场景
• 实现
• 同时使用

useful/deep-copy

• 差异化
• 浅拷贝
• 深拷贝

useful/front-route

• 前端路由

useful/memory

• 内存指向

useful/new

• new 操作符

useful/throttle

• 概念
• 场景
• 实现
• 同时使用

variable/variable-private

• 私有变量