gogo2027

2023年2月28日

摘要：对 rest 参数的理解扩展运算符被用在函数形参上时，它还可以把一个分离的参数序列整合成一个数组： function mutiple(...args) { let result = 1; for (var val of args) { result *= val; } return result; 阅读全文

posted @ 2023-02-28 11:17 gogo2027 阅读(39) 评论(0) 推荐(0)

webpack配置优化,让你的构建速度飞起

摘要：前言越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化：提升打包构建速度减少代码体积优化代码运行性能提升打包构建速度在进行打包速度优化之前，需要对当前项目每个部分的打包时间了解清楚。阅读全文

posted @ 2023-02-28 11:17 gogo2027 阅读(219) 评论(0) 推荐(0)

2023年2月27日

20道前端高频面试题（附答案）

摘要： ES6新特性 1.ES6引入来严格模式变量必须声明后在使用函数的参数不能有同名属性, 否则报错不能使用with语句 (说实话我基本没用过) 不能对只读属性赋值, 否则报错不能使用前缀0表示八进制数,否则报错 (说实话我基本没用过) 不能删除不可删除的数据, 否则报错不能删除变量delete 阅读全文

posted @ 2023-02-27 14:12 gogo2027 阅读(4363) 评论(0) 推荐(0)

webpack实战，手写loader和plugin

摘要：序言对于 webpack 来说， loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢，单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求，但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了阅读全文

posted @ 2023-02-27 14:12 gogo2027 阅读(82) 评论(0) 推荐(0)

字节前端必会面试题（持续更新中）

摘要：事件传播机制（事件流）冒泡和捕获谈一谈HTTP数据传输大概遇到的情况就分为定长数据与不定长数据的处理吧。定长数据对于定长的数据包而言，发送端在发送数据的过程中，需要设置Content-Length,来指明发送数据的长度。当然了如果采用了Gzip压缩的话，Content-Length设阅读全文

posted @ 2023-02-27 14:12 gogo2027 阅读(106) 评论(0) 推荐(0)

webpack模块化的原理

摘要： commonjs 在webpack中既可以书写commonjs模块也可以书写es模块，而且不用考虑浏览器的兼容性问题，我们来分析一下原理。首先搞清楚commonjs模块化的处理方式，简单配置一下webpack，写两个模块编译一下看一下： webpack.config.js module.expor 阅读全文

posted @ 2023-02-27 14:11 gogo2027 阅读(87) 评论(0) 推荐(0)

2023年2月24日

那些高级前端是如何回答面试题的

摘要：防抖节流题目描述:手写防抖节流实现代码如下: // 防抖 function debounce(fn, delay = 300) { //默认300毫秒 let timer; return function () { const args = arguments; if (timer) { cle 阅读全文

posted @ 2023-02-24 08:42 gogo2027 阅读(40) 评论(0) 推荐(0)

2022年12月12日

Webpack最佳实践

摘要：先简单回顾下 webpack 原理 Webpack 可以看做是模块打包机，把解析的所有模块变成一个对象，然后通过入口模块去加载我们的东西，然后依次实现递归的依赖关系，通过入口来运行所有的文件。由于 webpack 只认识js，所以需要通过一系列的 loader 和 plugin 转换成合适的格式供浏阅读全文

posted @ 2022-12-12 11:31 gogo2027 阅读(51) 评论(0) 推荐(0)

Webpack构建速度优化

摘要：前言当我们的项目越来越大，webpack的配置项越来越多时，构建速度会越来越慢，所以我们需要通过一些配置来提高webpack的构建速度。目录缩小范围 noParse IgnorePlugin 优化 resolve 配置 externals 缓存缩小范围在配置 loader 的时候，我们需要阅读全文

posted @ 2022-12-12 11:31 gogo2027 阅读(53) 评论(0) 推荐(0)

Webpack配置实战

摘要：前言本篇将从实践出发，搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。一、基础配置接下来一起配置一个基础的 Webpack。将支持以下功能：分离开发环境、生产环境配置；模块化开发； sourceMap 阅读全文

posted @ 2022-12-12 11:29 gogo2027 阅读(59) 评论(0) 推荐(0)

公告