StackBlitz 是一个在线 IDE，您可以通过它快速轻松地在浏览器中创建 Angular、React 和 Vue 等项目。它会自动安装依赖项、编译、捆绑、热重新加载等等。 StackBlitz 消除了在开始编写原型或演示之前必须配置部署和构建工具的压力。StackBlitz 通过提供单独的窗口供您实时预览和调试，感觉功能与您的本地开发环境完全一样！每个项目都有自己唯一的 URL 和重命名项目的选项，登陆之后甚至可以长久保存，分享，还可以以ZIP的格式下载到本地。 试一试：https://stackblitz.com/edit/vue-owetzp StackBlitz的一些特性：

* 综合知识 * 知识点 * 在浏览器上输入URL回车- url校验 - url编码 - 域名解析 - 检查缓存 - 发起请求 - 接收响应 - 执行缓存 - 根据content-type来做对应的响应 * 知识体系

* Typescript * 知识点 * tsconfig配置1 * 高级类型 * Partial * Pick * Required * Omit * Exclude * Extract * Readonly * Record * 知识体系

* Canvas * 知识点 * API * clip * pattern * 0.5px问题 * 优化 * 海量绘制优化 * 减少beginPath和stroke/fill的调用次数 * 使用pattern做批量绘制 * 图形图像 * 工具

* Vue * 知识点 * Vue2.0 * Vue * 常见问题 * 源码 * 依赖收集 * diff算法 * 指令系统 * 事件系统 * 渲染 * Vue-router * 常见问题 * Vuex * 常见问题

* 前端监控 * 知识点 * 分类 * 异常监控 * 异常的分类 * 系统异常 * 浏览器崩溃 * 使用service-worker监控并捕获 * 网络异常 * XMLHttpRequest异常 * xhr.onerror * xhr.ontimeout

* Webpack * 知识点 * 初级 * webpack,rollup的区别以及使用场景 * webpack v4， v5的区别 * webpack的基础配置 * webpack打包结果的代码结构和执行流程，index.js，runtime.js是干嘛的 * amd,cmd,commonjs, esm分别是什么 * 所有模块化标准（common.js, esm）定义模块怎么写？ * 口述一段代码完成模块打包和执行的核心逻辑

* Git * 知识点 * 概念 * branch * commit * index * head * workspace * stash * tag * remote * 命令 * git add * git commit * git push * git pull * git branch * git

* 算法 * 动态规划 * 基本概念 * 子问题和原问题 * 子问题是和原问题具有相似结构但规模比原问题小；如F(10)是求10的阶乘，则F(k)(k<10)就是子问题； * 状态 * 状态就是子问题中变化的量，可以把状态看成我们求解问题的自变量,比如F(10)是求解10的阶乘，自变量10就是一个状态； * 状态转移方程 * 可以表示状态之间转移的方程，一般利用关于状态的某个函数建立起来。例如：阶乘F(n)=n*F(n-1)

* 编程思想 * 设计原则 * S: 单一职责原则（single） * O: 开闭原则（open-close） * I: 接口隔离原则（interface segragation ） * L: 里氏代换原则 * D: 迪米特法则 * D: 依赖倒置原则