推荐一个在线IDE-StackBlitz

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

前端综合知识点总结

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

Canvas知识点总结

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

Vue知识点总结

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

前端监控解决方案总结

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

Webpack知识总结

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

Git工具知识总结

* 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: 依赖倒置原则
阅读全文〉