首先先了解一下Perview和Response: Perview(response preview):响应-预览 (响应资源进行了格式处理的内容) Response(Raw ...
首先先了解一下Perview和Response: Perview(response preview):响应-预览 (响应资源进行了格式处理的内容) Response(Raw ...
vue3 新增的亮点 Performance 性能优化 Tree-shaking 支持摇树优化 Composition API 组合式API 新增组件 Fragment T...
页面的性能问题是前端开发中一个重要环节,但一直以来我们没有比较好的手段,来检测页面的性能。直到W3C性能小组引入的新的API window.performance,目前IE9...
常见的 webpack code split 方法有三种。 多入口配置 在项目开发的时候,最开始我们可能不知道会有几个入口,每次增加一个入口都要去配置文件设置,这样会比较麻烦...
source-map是一个信息文件,存储了转换后每一个代码的位置,在报错信息中心会显示代码报错信息在原始代码中的位置,便于问题定位,提升调试效率。 source-map文件内...
Hot Module Replacement(简称 HMR) 第一步:webpack 对文件系统进行 watch 并打包到内存中 webpack-dev-middleware...
webpack优化可以分为两部分: 开发环境性能优化 生产环境性能优化 开发环境性能优化 HMR: 热加载。 source-map: 一种提供代码到构建后代码映射的技术,能够...
http http是超文本传输协议的缩写,它是一个无状态协议,即客户端与服务器之间不需要建立持久的连接,客户端向服务器发送请求,服务器响应请求,连接就被关闭了,服务器不会保留...
根据我个人理解,所谓工程化可以理解为项目的组织能力,最基本几步是目录结构、构建工具、编码规范和代码审查等。 目录结构 以一个vue项目为例: 项目按照功能的不同将文件分门别类...
一、原型链继承原理:利用原型让一个引用类型继承另一个引用类型的属性和方法。 缺点:1.超类型构造函数的属性会被所有实例所共享。2.无法在不影响所有实例对象的情况下给超类型构造...
前端单元测试的主要框架有 Mocha 和 Jasmine,断言库有 should、 chai、expect 以及node自带的 assert。这里主要讲解 Mocha 框架和...
js 执行时首先会从宏任务中获取第一个并执行,执行过程中会将遇到的微任务放入微任务队列,当宏任务执行完成时再去依次执行微任务队列中的任务,执行完之后再去获取第二个宏任务,周而...
静态作用域:函数声明的时候就已经确定作用域。动态作用域:函数调用的时候确定作用域。 js采用的是静态作用域,也称词法作用域。 func2 被调用,func2 中的 func ...
基本概念 本质上,webpack是JavaScript的静态模块打包工具。在webpack处理程序的时候,它会递归的构建一张依赖关系图,这张关系图为程序所需的全部模块,然后将...
new 原理大致分为一下四个步骤: 创建一个对象;(var obj = {}) 将构造函数的this指向该对象; 执行构造函数的方法,使该对象继承构造函数的方法和属性; 返回...
Diff算法的作用是用来计算出 Virtual DOM 中被改变的部分,然后针对该部分进行原生DOM操作,而不用重新渲染整个页面。Diff算法有三大策略: Tree Diff...