Web04

webpack 核心概念 一切静态资源视为模块，又叫静态资源模块打包器。 通过入口文件递归构建依赖图，构建抽象语法树（如没有引用的东西就不会被找到），借助不同 loader 处理相应的文件源码，最终输

vue cli 从入门到精通 cli 相关概念及知识 cli 是一种通过命令行来交互的工具应用，全称时 Command Line Interface。比较常⻅的就是 create- react-app

react 基础 jsx 知识介绍 引入react.js 和 react-dom.js （dom 操作） jsx 模版与普通xml区别 jsx 中可以使用一些表达式，不支持语句 表达式一般要加分号 语

重编译，轻运行 思考1. 哪些是 vue2.x 的性能提升点？ diff 如果你想到了 diff，那怎么更快呢？ proxy 当让比 Object.defineProperty 好，为什么？ SSR

深入理解响应式设计 svelte svelte 不用this.data 原理就是静态编译，纯函数 Vue2 响应式 vue 响应式要对依赖进行依赖收集，本质是对data 进行拦截 -> ObjectD

问题 vue 的diff 算法和 react 的 diff 算法有什么区别？ 最早的 diff 算法复杂度是O(m^3n^3) -> 2011 年降低到O(n^3) n 代表节点数 -> react

Vue 实战 vue cli4 介绍 安装 常用命令 查看版本 更新 其他 创建项目 项目分析 首页 + 详情页: 左侧内容不同 header.vue 通过插槽 插入不同内容 主页布局： 左侧导航 +

VueX & SSR 状态管理 本质就是一个对象 状态？ 怎么管理？ 为什么管理？ 前端发展到今天，更主流的模式是 UI = f(state)，视图通过底层框架（vue，react 等提供的能力）根据

Vue 路由及异步组件 背景 后端路由 koa express 前后端开发未分离的时候，路由基本上都是由服务端控制 前端/客户端 发起http 请求 -> 服务端 -> 根据url 路径去匹配不同的路

mixin 全局混入 会影响每一个之后创建的 Vue 实例 局部混入 缺点：数据来源不明确 当 mixins 与 当前元素下的数据有冲突时，会进行递归合并；如果 key 有冲突，则会以组件的为主，mi

Vue 响应式的前端视图层框架 库：定义方法进行调用 框架：框架中约定的规范进行方法实例化，给模版进行操作 两个简单的demo Vue 引入 通过CDN: 包含了vue中所有功能，适合小型项目或部分使

算法学习知识结构 算法复杂度 complexity - 时间复杂度、空间复杂度 时间复杂度 关注点在循环次数最多的代码块 最大值原则 - 存在多个循环，总复杂度等于最大的代码块复杂度 乘法原则 - 嵌

this 类型 及其 极端情况 默认绑定（函数直接调用） 非严格模式下： 严格模式下： 面试题： var 声明时会绑定在全局，而let 不会 函数 直接 执行，不管几层，都会指向window 只要是赋

面向对象编程 什么是面向对象编程？ 面向对象编程是一种思想，经常被拿来和面向过程编程对比。 面向过程：关注的重点是动词，是分析出解决问题需要的步骤，编写对应的函数来实现每个步骤，依次来调用函数。 面向

历史 version5.1 2011 年 6 月 version6 2015 年 6 月 版本最大的用处：polyfill 引入解析 ESNext -> ES的下一个版本 ES6及以后新增的常用API