随笔分类 - 2022目标
摘要：
Set 的用法 let mySet = new Set(); mySet.add(1); // Set [ 1 ] mySet.add(5); // Set [ 1, 5 ] mySet.add(5); // Set [ 1, 5 ] mySet.add("some text"); // Set [
阅读全文
Set 的用法 let mySet = new Set(); mySet.add(1); // Set [ 1 ] mySet.add(5); // Set [ 1, 5 ] mySet.add(5); // Set [ 1, 5 ] mySet.add("some text"); // Set [
阅读全文
摘要：
常用的 es6 语法有哪些？ let, const, class, import, export, export default, Promise, async, await, for await, Object.values,Object.kes, array.form array.reduce
阅读全文
常用的 es6 语法有哪些？ let, const, class, import, export, export default, Promise, async, await, for await, Object.values,Object.kes, array.form array.reduce
阅读全文
摘要：
什么是事件？ 事件可以理解为消息，信号，事件的工作过程中，必然会产生三个概念 1. 事件源 2.事件 3.事件目标，也就是说当 事件目标注册事件后，由事件源开始 ，发送事件信息，给到事件目标的 过程，称为事件的生命周期 DOM 中的事件机制 DOM 定义了为 Event 的事件接口，用来表示事件，我
阅读全文
什么是事件？ 事件可以理解为消息，信号，事件的工作过程中，必然会产生三个概念 1. 事件源 2.事件 3.事件目标，也就是说当 事件目标注册事件后，由事件源开始 ，发送事件信息，给到事件目标的 过程，称为事件的生命周期 DOM 中的事件机制 DOM 定义了为 Event 的事件接口，用来表示事件，我
阅读全文
摘要：
轻松理解webpack热更新原理：https://blog.csdn.net/chern1992/article/details/106893227/ webpack 热更新，基于浏览器和自定义服务，之间进行 websocket 通信，每次文件更新都会生成新的hash 后缀， 在把更新的文件代码，发
阅读全文
轻松理解webpack热更新原理：https://blog.csdn.net/chern1992/article/details/106893227/ webpack 热更新，基于浏览器和自定义服务，之间进行 websocket 通信，每次文件更新都会生成新的hash 后缀， 在把更新的文件代码，发
阅读全文
摘要：
保证 hash 值的唯一性，即为每个打包后的资源生成一个独一无二的 hash 值，只要打包内容不一致，那么 hash 值就不一致。 保证 hash 值的稳定性，我们需要做到修改某个模块的时候，只有受影响的打包后文件 hash 值改变，与该模块无关的打包文件 hash 值不变。 hash 文件名是实现
阅读全文
保证 hash 值的唯一性，即为每个打包后的资源生成一个独一无二的 hash 值，只要打包内容不一致，那么 hash 值就不一致。 保证 hash 值的稳定性，我们需要做到修改某个模块的时候，只有受影响的打包后文件 hash 值改变，与该模块无关的打包文件 hash 值不变。 hash 文件名是实现
阅读全文
摘要：
es6模块调用commonjs模块 可以直接使用commonjs模块，commonjs模块将不会被webpack的模块系统编译而是原样输出，并且commonjs模块没有default属性 es6模块调用es6模块 被调用的es6模块不会添加{esModule:true}，只有调用者才会添加{esMo
阅读全文
es6模块调用commonjs模块 可以直接使用commonjs模块，commonjs模块将不会被webpack的模块系统编译而是原样输出，并且commonjs模块没有default属性 es6模块调用es6模块 被调用的es6模块不会添加{esModule:true}，只有调用者才会添加{esMo
阅读全文
摘要：
https://blog.csdn.net/huangpb123/article/details/84170557 js异步加载(defer、async、module)和预加载(preload、prefetch、subresource、prerender)前端文件
阅读全文
https://blog.csdn.net/huangpb123/article/details/84170557 js异步加载(defer、async、module)和预加载(preload、prefetch、subresource、prerender)前端文件
阅读全文
摘要：
》https://www.cnblogs.com/houxianzhou/p/14707566.html webpack的构建流程分为三个步骤 初始化流程：从配置文件和 Shell 语句中读取与合并参数，并初始化需要使用的插件和配置插件等执行环境所需要的参数 编译构建流程：从 Entry 发出，针对
阅读全文
》https://www.cnblogs.com/houxianzhou/p/14707566.html webpack的构建流程分为三个步骤 初始化流程：从配置文件和 Shell 语句中读取与合并参数，并初始化需要使用的插件和配置插件等执行环境所需要的参数 编译构建流程：从 Entry 发出，针对
阅读全文
摘要：
node.js 事件循环机制 https://nodejs.org/zh-cn/docs/guides/event-loop-timers-and-nexttick/ node.js 是可以运行在服务端 js 程序，因为执行 js 代码的v8 引擎被植入到了node中。 node.js 的事件循环机
阅读全文
node.js 事件循环机制 https://nodejs.org/zh-cn/docs/guides/event-loop-timers-and-nexttick/ node.js 是可以运行在服务端 js 程序，因为执行 js 代码的v8 引擎被植入到了node中。 node.js 的事件循环机
阅读全文
摘要：
缓存是一种非常重要的技术，可以想象下一个网站每次都要请求非常多的资源，如果每次刷新都需要，重新向服务器请求一遍数据，这样服务器的压力就非常大，而且这种反复的请求是无意义的 概念：协商缓存就是强制缓存失效后，浏览器携带缓存标识向服务器发起请求，由服务器根据缓存标识决定是否使用缓存的过程。 特点：一定会
阅读全文
缓存是一种非常重要的技术，可以想象下一个网站每次都要请求非常多的资源，如果每次刷新都需要，重新向服务器请求一遍数据，这样服务器的压力就非常大，而且这种反复的请求是无意义的 概念：协商缓存就是强制缓存失效后，浏览器携带缓存标识向服务器发起请求，由服务器根据缓存标识决定是否使用缓存的过程。 特点：一定会
阅读全文
摘要：
html-webpack-plugin:(打包html文件)自动生成一个index.html文件（可以指定模板）将打包的js文件，自动通过script标签插入到body中 webpack-dev-server: 开启一个开发服务器，帮助我监视文件变动，做到按需更新页面 webpack-merge:
阅读全文
html-webpack-plugin:(打包html文件)自动生成一个index.html文件（可以指定模板）将打包的js文件，自动通过script标签插入到body中 webpack-dev-server: 开启一个开发服务器，帮助我监视文件变动，做到按需更新页面 webpack-merge:
阅读全文
摘要：
我理解的语义化 在我看来，语义化，等同是语言本身在与开发者进行沟通的言语，我们读一本书，他有章节，目录，有每一个段落，标点，都是在进行语义化的描述信息，所以html的语义化，在与根据不同意义的标签，构建通俗易懂的网页结构，这才是语义化 语义化的优势主要在于下面几点： 其他开发者便于阅读代码，通过不同
阅读全文
我理解的语义化 在我看来，语义化，等同是语言本身在与开发者进行沟通的言语，我们读一本书，他有章节，目录，有每一个段落，标点，都是在进行语义化的描述信息，所以html的语义化，在与根据不同意义的标签，构建通俗易懂的网页结构，这才是语义化 语义化的优势主要在于下面几点： 其他开发者便于阅读代码，通过不同
阅读全文
摘要：
浏览器渲染的理解 首先要理解，为什么会有回流和重绘的这个名词的出现，要知道，浏览器其实也是一个软件，浏览器在将html 字符串和css 字符串，解析为dom，样式的过程，被称为解析过程，最终会渲染为一棵DOM树和一棵style树，结合形成渲染树，之后浏览器，在将解析，已经解析好的元素位置大小，颜色信
阅读全文
浏览器渲染的理解 首先要理解，为什么会有回流和重绘的这个名词的出现，要知道，浏览器其实也是一个软件，浏览器在将html 字符串和css 字符串，解析为dom，样式的过程，被称为解析过程，最终会渲染为一棵DOM树和一棵style树，结合形成渲染树，之后浏览器，在将解析，已经解析好的元素位置大小，颜色信
阅读全文
摘要：
百度百科解答：XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功
阅读全文
百度百科解答：XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功
阅读全文
摘要：
基本数据类型: string number boolean null undefined es6 → symbol es10 → Bigint 引用数据类型: object array 正则 date map set ... 区别： 数据在内存中的存储位置不同，基本数据类型存储在栈中， 引用数据类型
阅读全文
基本数据类型: string number boolean null undefined es6 → symbol es10 → Bigint 引用数据类型: object array 正则 date map set ... 区别： 数据在内存中的存储位置不同，基本数据类型存储在栈中， 引用数据类型
阅读全文
摘要：
缓存是一种非常重要的技术，可以想象下一个网站每次都要请求非常多的资源，如果每次刷新都需要，重新向服务器请求一遍数据，这样服务器的压力就非常大，而且这种反复的请求是无意义的 强制缓存的特点是可以直接读取缓存，不需要访问服务器，从而减少http请求，其中又分为俩种类型，一种是内存缓存，一种磁盘缓存 强缓
阅读全文
缓存是一种非常重要的技术，可以想象下一个网站每次都要请求非常多的资源，如果每次刷新都需要，重新向服务器请求一遍数据，这样服务器的压力就非常大，而且这种反复的请求是无意义的 强制缓存的特点是可以直接读取缓存，不需要访问服务器，从而减少http请求，其中又分为俩种类型，一种是内存缓存，一种磁盘缓存 强缓
阅读全文
摘要：
source map指的是将编译、打包、压缩后的代码映射回源代码的过程 经过webpack打包压缩后的代码基本上已经不具备可读性，此时若是代码抛出错误，想要回溯他的调用栈是非常困难的，而有了source map，加上浏览器调试工具（dev tools)，要做到这一点就会变得很容易，同时对于线上问题的
阅读全文
source map指的是将编译、打包、压缩后的代码映射回源代码的过程 经过webpack打包压缩后的代码基本上已经不具备可读性，此时若是代码抛出错误，想要回溯他的调用栈是非常困难的，而有了source map，加上浏览器调试工具（dev tools)，要做到这一点就会变得很容易，同时对于线上问题的
阅读全文
摘要：
计算属性computer本质上是一个被getter、setter定义的了的属性。 计算属性使用起来和一般属性一样，只是在访问它的时候会得到getter函数返回来的值，改变它的时候，会触发setter函数，新的值会作为setter函数的值传递。 计算属性仅仅体现为一个取值的行为——每次访问它的时候，g
阅读全文
计算属性computer本质上是一个被getter、setter定义的了的属性。 计算属性使用起来和一般属性一样，只是在访问它的时候会得到getter函数返回来的值，改变它的时候，会触发setter函数，新的值会作为setter函数的值传递。 计算属性仅仅体现为一个取值的行为——每次访问它的时候，g
阅读全文
摘要：
常用的loader style-loader 将css添加到DOM的内联样式标签style里 css-loader 允许将css文件通过require的方式引入，并返回css代码 less-loader 处理less sass-loader 处理sass postcss-loader 用postcs
阅读全文
常用的loader style-loader 将css添加到DOM的内联样式标签style里 css-loader 允许将css文件通过require的方式引入，并返回css代码 less-loader 处理less sass-loader 处理sass postcss-loader 用postcs
阅读全文
摘要：
区别1: link 引入css文件 可以在html 中 通过link 标签引入，@import 在style 标签中引入 区别2: 页面加载时，link标签引入的css会被并行加载， @import 引入的css 只有等页面全部下载完成以后才进行加载，所以可能会出现闪烁 区别3: link 的兼容性
阅读全文
区别1: link 引入css文件 可以在html 中 通过link 标签引入，@import 在style 标签中引入 区别2: 页面加载时，link标签引入的css会被并行加载， @import 引入的css 只有等页面全部下载完成以后才进行加载，所以可能会出现闪烁 区别3: link 的兼容性
阅读全文
浙公网安备 33010602011771号