![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
Xeeeeiii
接受自己是垃圾之后,每一天都是进步
展开
-
[学习笔记]开发环境和生产环境下webpack配置问题
当我们在不同环境下使用webpack对代码进行打包时, webpack内的配置一定是不一样的。 比如: 开发环境和生产环境下的代码压缩问题 开发环境和生产环境下sourceMap 和 Tree Shaking的配置不一 热模块替换在生产环境下不适用 devServer不需要在生产环境下使用 等等… 这些问题会导致开发过程中需要经常改写webpack配置。所以这个时候就需要对webpack的配置文件进行分割与合并, 我们可以创建两个webpack配置文件供不同模式下使用, 如 webpack.dev.原创 2021-07-03 18:34:20 · 312 阅读 · 0 评论 -
[学习笔记] Webpack简单了解
1. 什么是模块? 任何引入的npm包, 内置api或者拥有独立功能的js文件都可视为模块. 当编写程序时, 把所有代码堆在一起时非常杂乱无章的, 代码量一旦多的时候维护起来就会非常的难, 所以需要慢慢养成模块化思想, 即将特定的功能拆分为多个代码段, 每个代码段拥有独立特定的功能, 通过设计, 开发来连接接口并组合起来. 就像书上一个很好的比喻: 把城市想象成程序, 城市中有各个不同的职能部门, 学校, 医院, 警察局, 消防局等, 各司其职. 而这些职能部门就是程序中的一个个模块, 只有各个职能部门原创 2021-06-19 12:18:17 · 71 阅读 · 0 评论 -
[学习笔记]微任务和宏任务的输出顺序
本来标题是 ‘[学习笔记] Promise, async/await, setTimeout的输出顺序’, 结果因为限制长度太长就改成现在这个标题… 1. 事件循环, 微任务,宏任务 要弄清楚 Promise,async/await, setTimeout() 这三者函数体内的输出顺序, 首先要了解他们在事件循环中扮演的角色 异步任务: 微任务: Promise(), async/await 宏任务: setTimeout(), setInterval(), Ajax请求, DOM事件 事件循环简要流原创 2021-05-27 12:20:51 · 227 阅读 · 0 评论 -
[学习笔记] this 的5个应用场景
1. this 作用于普通函数使用 function fn() { console.log(this) //this === window } 2. this 作用于 call, apply, bind 这里也顺便写出 call, apply 和 bind 的用法和区别, 之前刚接触这3种方法的时候弄的有点懵 const obj = { num: 2 } const arr = [1,2,3] function AddTwo (a) { console.log(typeof this) /原创 2021-04-28 19:12:09 · 244 阅读 · 0 评论 -
[学习笔记] JS深拷贝
[学习笔记] JS深拷贝 //参数是一个对象 obj{} function deepCopy(obj) { // 1. 判断 obj 是否为对象或者是否为空 if(typeof obj !== 'object' || typeof obj == null){ return obj } let result // 2.这里用 instanceof 来决定result的类型原创 2021-04-28 14:30:33 · 88 阅读 · 2 评论