#00 拉勾前端 - 学习笔记

### 首次渲染过程 * `Vue` 初始化，实例成员，静态成员 * `new Vue()` * `this._init()` * `vm.$mount()` * `src/platforms

开篇前言 差不多是3月份开始加入拉勾高薪训练营，算下来刚好3个多月，有一些感想在这里和大家一起聊一聊。 与拉勾相遇 之前工作比较忙，也没时间提高自己的专业水平。在空闲的时候也没有继续学习，差不多2-3

Vue 的虚拟 DOM 参考了 snabbdom 1. 什么是虚拟DOM Virtual DOM Virtual DOM(虚拟DOM)，是由普通的JS对象来描述DOM对象 真实DOM成员 - 属性太多

数据驱动 数据响应式 数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我

问题：创建 Vue 实例时传入的 router 的作用是什么？ 会给 vue 实例注入两个属性 $route 路由规则 $router 路由对象 01 动态路由 在组件中获取这个 id 的方式 02

Rollup https://www.rollupjs.com/ Rollup 与 Webpack 作用类似 Rollup 更为小巧 仅仅是一款 ESM 打包器 Rollup 中并不支持类似 HMR

历史问题 ES Modules 存在环境兼容问题 模块文件过多，网络请求频繁 所有的前端资源都需要模块化 毋庸置疑，模块化是必要的 提出设想 目标 新特性代码编译 模块化 javascript 打包

1. 为什么要有规范化标准 软件开发需要多人协同 不同开发者具有不同的编码习惯和喜好 不同的喜好增加项目维护成本 每个项目或者团队需要明确统一的标准 2. 哪里需要规范化标准 代码、文档、甚至是提交日

打包后的源码分析 如何实现的懒加载 import() 嗯可以实现指定模块的懒加载操作 当前懒加载的核心原理就是 jsonp t 方法可以针对于内容进行不同的处理（处理方式取决于传入的数值 8 6 7

历史 模块化 内容概述 模块化演变过程 模块化规范 常用的模块化打包工具 基于模块化工具构建现代Web应用 打包工具的优化技巧 1. 模块化演变过程 Stage 1 - 文件划分方式(每个功能和具体的

1. 自动化构建简介简介就是将我们的源代码自动化的去转换成生产代码。这个转换的过程我们称之为自动化构建流脱离运行环境兼容带来的问题在开发环境使用提高效率的语法、规范和标准比如：ESMAScript N

1. 脚手架介绍1. 脚手架的本质作用约定：相同的组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码eg: 举个例子IDE 创建项目的过程就是一个脚手架的工作流程例如iOS项目在使用XC

1. 前端工程化"刀耕火种"的年代技术是为了解决问题而存在的面临的问题想要使用ES6+新特性，但是兼容有问题想要使用Less / Sass / PostCSS 增强CSS的编程性，但是运行环境不能直接

1. 减少判断层级 2. 减少作用域链查找层级 3. 减少数据读取次数 4. 字面量与构造式 5. 减少循环体活动 6. 减少声明及语句数 7. 采用事件委托

1. Performance工具 1. 为什么使用Performance 2. 内存问题的体现 3. 监控内存的几种方式 4. Performance总结 2. 优化 1. 代码优化 2. 全局变量 3. 通过原型新增方法 4. 避开闭包陷阱 5. 避免属性访问方法使用 6. …

1. 内存管理 2. 垃圾回收与常见GC算法 1. 引用计数 *. 标记清除可以解决循环引用问题 3. 标记整理 3. V8引擎 即时编译: 之前很多的JavaScript引擎都需要将源代码转成字节码，然后再去执行。而对于V8来说，就可以直接将源码翻译成我们当前可以直接执行的机…

1. 类型介绍 1. 强类型 vs 弱类型 2. 类型系统 ...... 2. Flow js的类型检查工具 3. TypeScript 1. 基本使用 2. 访问修饰符 3. 只读属性 4. 类与接口 5. 抽象类 6. 泛型 Generics 7. 类型声明 Type De…

1. ECMAScript 概述 2. ES2015 let 与块级作用域，以及const 3. ES2015 模板字符串 4. ES2015 数组和对象的解构 5. ES2015函数的参数 6. 箭头函数 7. 对象 及 字面量增强 8. ES2015 Proxy 9. Re…

``` // 初始状态 const PENDING = "pending"; // 完成状态 const FULFILLED = "fulfilled"; // 失败状态 const REJECTED

1. 同步模式、异步模式、回调函数 2. 回调函数 Promise