- 博客(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
93
转载 webpack学习——webpack构建流程
在以上过程中，Webpack 会在特定的时间点⼴播出特定的事件，插件在监听到感兴趣的事件后会执⾏特定的逻辑，并且插件可以调⽤ Webpack 提供的 API 改变 Webpack 的运⾏结果。等导入其它模块语句时，便将其加入到依赖的模块列表，同时对新找出的依赖模块递归分析，最终搞清所有模块的依赖关系。该对象是编译阶段的主要执行者，主要会依次下述流程：执行模块创建、依赖收集、分块、打包等主要任务的对象。的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来。中的模块，或者是动态引入的模块。
2024-01-25 17:18:55
224
原创 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
67
原创 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
75
原创 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
79
原创 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
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人