- 博客(5)
- 收藏
- 关注
RSS订阅原创 [学习笔记]开发环境和生产环境下webpack配置问题
当我们在不同环境下使用webpack对代码进行打包时, webpack内的配置一定是不一样的。 比如:开发环境和生产环境下的代码压缩问题开发环境和生产环境下sourceMap 和 Tree Shaking的配置不一热模块替换在生产环境下不适用devServer不需要在生产环境下使用等等…这些问题会导致开发过程中需要经常改写webpack配置。所以这个时候就需要对webpack的配置文件进行分割与合并, 我们可以创建两个webpack配置文件供不同模式下使用, 如webpack.dev.
2021-07-03 18:34:20
394
原创 [学习笔记] Webpack简单了解
1. 什么是模块？任何引入的npm包, 内置api或者拥有独立功能的js文件都可视为模块.当编写程序时, 把所有代码堆在一起时非常杂乱无章的, 代码量一旦多的时候维护起来就会非常的难, 所以需要慢慢养成模块化思想, 即将特定的功能拆分为多个代码段, 每个代码段拥有独立特定的功能, 通过设计, 开发来连接接口并组合起来.就像书上一个很好的比喻: 把城市想象成程序, 城市中有各个不同的职能部门, 学校, 医院, 警察局, 消防局等, 各司其职. 而这些职能部门就是程序中的一个个模块, 只有各个职能部门
2021-06-19 12:18:17
132
原创 [学习笔记]微任务和宏任务的输出顺序
本来标题是 ‘[学习笔记] Promise, async/await, setTimeout的输出顺序’, 结果因为限制长度太长就改成现在这个标题…1. 事件循环, 微任务，宏任务要弄清楚 Promise,async/await, setTimeout() 这三者函数体内的输出顺序, 首先要了解他们在事件循环中扮演的角色异步任务:微任务: Promise(), async/await宏任务: setTimeout(), setInterval(), Ajax请求, DOM事件事件循环简要流
2021-05-27 12:20:51
284
原创 [学习笔记] 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
322
原创 [学习笔记] 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
178
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人