- 博客(7)
- 收藏
- 关注
RSS订阅转载 webpack学习——webpack热更新原理
关于webpack通过创建两个服务器：提供静态资源的服务（express）和 Socket 服务express server 负责直接提供静态资源的服务（打包后的资源直接被浏览器请求和解析）socket server 是一个 websocket 的长连接，双方可以通信当 socket server 监听到对应的模块发生变化时，会生成两个文件.json（manifest 文件）和.js 文件（update chunk）
2024-01-25 19:05:56
153
转载 webpack学习——webpack构建流程
在以上过程中，Webpack 会在特定的时间点⼴播出特定的事件，插件在监听到感兴趣的事件后会执⾏特定的逻辑，并且插件可以调⽤ Webpack 提供的 API 改变 Webpack 的运⾏结果。等导入其它模块语句时，便将其加入到依赖的模块列表，同时对新找出的依赖模块递归分析，最终搞清所有模块的依赖关系。该对象是编译阶段的主要执行者，主要会依次下述流程：执行模块创建、依赖收集、分块、打包等主要任务的对象。的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来。中的模块，或者是动态引入的模块。
2024-01-25 17:18:55
314
原创 ES6学习笔记5——数字操作
学习资料来源 文章开头感谢技术胖的知识分享！ 数字操作 1、旧特性补习 // 二进制声明 let binary = 0B010101; // 零B开头，大小写均可 // 八进制声明 let octal = 0O666; // 零和字母O开头，大小写均可 2、数字方法 let a = 11/4; console.log(Number.isFinite(a)); // true 判断是否为数字 console.log(Number.isNaN(NaN)); // true 判断是否非数字 consol
2021-08-01 16:12:08
113
原创 ES6学习笔记4——字符串模板
学习资料来源 文章开头感谢技术胖的知识分享！ 字符串模板 字符串模板（反引号``）可以无需拼接变量，并支持在其中进行简单的计算操作，支持HTML标签。 1、字符串模板 let jspang = 'JSPang'; let text1 = `我在${jspang}这里学ES6。` // 用${变量名}插入变量内容 let text2 = `我在<b>${jspang}</b>这里学ES6。` // 支持HTML标签 let [a,b] = [1,2]; let text3 = `${a
2021-08-01 15:52:47
125
原创 ES6学习笔记3——扩展运算符
学习资料来源 文章开头感谢技术胖的知识分享！ 扩展运算符 扩展运算符可以很好的解决参数和对象数组未知的情况下的编程，让代码健壮简洁。 1、对象扩展运算符 编写一个函数时，当传入的参数不确定时，可以用对象扩展运算符作为参数： function a(...arg){ console.log(arg[0]); console.log(arg[1]); console.log(arg[2]); console.log(arg[3]); } a(1,2,3); // 1 2 3 undefined 常用于合
2021-08-01 15:19:19
113
原创 ES6学习笔记1-2——新的声明方式和变量的解构赋值
学习资料来源 文章开头感谢技术胖的知识分享！ 一、新的声明方式 1、let局部声明： 同var用于声明变量，但是只在声明的区块内起作用，无法变量提升，可以用于防止数据污染。 2、const局部声明： 用于声明常量变量，声明后不可修改；只在区块内起作用，无法变量提升，声明时须赋初值。 二、变量的解构赋值 1、数组的结构赋值 let a = 1; let b = 2; let c = 3; 等同于 let [a,b,c] = [1,2,3]; 注： 1)、等号左侧的数组与等号右侧的赋值形式须统一： le
2021-08-01 14:32:35
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人