推荐一个在线IDE-StackBlitz
/
StackBlitz 是一个在线 IDE,您可以通过它快速轻松地在浏览器中创建 Angular、React 和 Vue 等项目。它会自动安装依赖项、编译、捆绑、热重新加载等等。
StackBlitz 消除了在开始编写原型或演示之前必须配置部署和构建工具的压力。StackBlitz 通过提供单独的窗口供您实时预览和调试,感觉功能与您的本地开发环境完全一样!每个项目都有自己唯一的 URL 和重命名项目的选项,登陆之后甚至可以长久保存,分享,还可以以ZIP的格式下载到本地。
试一试:https://stackblitz.com/edit/vue-owetzp
StackBlitz的一些特性:
阅读全文〉
前端综合知识点总结
/
* 综合知识 * 知识点 * 在浏览器上输入URL回车- url校验
- url编码
- 域名解析
- 检查缓存
- 发起请求
- 接收响应
- 执行缓存
- 根据content-type来做对应的响应
* 知识体系
阅读全文〉
Typescript知识点总结
/
* Typescript * 知识点 * tsconfig配置1
* 高级类型 * Partial
* Pick
* Required
* Omit
* Exclude
* Extract
* Readonly
* Record
* 知识体系
阅读全文〉
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: 依赖倒置原则
阅读全文〉