前端开发

ECMAScript 2020(ES2020)空值合并操作符、可选链操作符

2020-09-141748次阅读javascript
空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。可选链操作符( ?. )允许读取位于连接对象链深处属性的值,在引用为 (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。
前端开发

html-webpack-plugin插件生成多个html页面引入不同的js文件

2020-09-014320次阅读webpack
webpack中html-webpack-plugin插件生成多个html页面,引入不同的js文件。只要在插件配置文件中加入:chunks:["入口文件名"]即可,如果不加的话,会在生成的html页面中引入所有的入口文件。
前端开发

document.currentScript和import.meta

2020-08-272721次阅读javascript
Document.currentScript属性返回当前正在运行的脚本所属的元素。调用此属性的脚本不能是JavaScript模块,模块应当使用import.meta对象。
前端开发

DOM中Element.closest()方法

2020-08-253015次阅读DOM
Element.closest() 方法用来获取:匹配特定选择器且离当前元素最近的祖先元素(也可以是当前元素本身)。如果匹配不到,则返回 null。
前端开发

css下划线动画

2020-08-251392次阅读csscss模块
css下划线动画,支持多个文字换行下划线动画。
前端开发

html-webpack-injector在文档不同的地方注入脚本

2020-08-182738次阅读webpack
html-webpack-injector在一个html文档不同的位置如head、body处注入脚本,依赖HtmlWebpackPlugin的chunks属性。
前端开发

node-portfinder自动检测当前端口是否被占用如占用会返回新端口

2020-08-134032次阅读nodewebpack
node-portfinder自动检测当前端口是否被占用,如占用默认会返回最新端口。portfinder默认为8000端口,并扫描是否被占用,如占用递增+1为8001、8002、8003.。。。直到达到最大端口号(65535)。所以webpack-dev-server结合node-portfinder会启用多个端口。
前端开发

require图片显示[object module]

2020-08-132266次阅读webpack
require('./images/title.png').default即可
前端开发

Node核心API的fs模块学习(二)

2020-08-121761次阅读node
在webpack配置中经常会碰到path、fs等API使用,之前总结过path模块,现在总结一下fs模块mkdir或mkdirSync方法创建目录、readdir或readdirSync方法读取目录、existsSync方法检查一个文件或目录是否存在、realpath或realpathSync方法获取一个文件或目录的绝对路径、chmod或chmodSync方法修改文件或目录的读写权限、stat方法查看文件信息、rename或renameSync方法移动文件或目录....
前端开发

Node核心API的fs模块学习(一)

2020-08-111854次阅读node
在webpack配置中经常会碰到path、fs等API使用,之前总结过path模块,现在总结一下fs模块readFile与readFileSync读操作、writeFile方法与writeFileSync写操作、open与openSync方法打开文件、read与readSync和fsync方法从文件的指定位置处读取文件、close与closeSync方法关闭文件。