自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 深入理解HTTP缓存

1. HTTP缓存机制// HTTP缓存可以简单的分为两种类型:// 强缓存(200 from cache)// 协商缓存(304)需要了解的报文头信息:PragmaExpiresCache-Control/Max-ageif-Modified-Sice/Last-ModifiedETag/if-None-Match// 禁止浏览器缓存的方法:// 1. Expir...

2020-04-29 01:29:23 132

原创 每日学习计划(Webpack - 性能优化)

1. Webpack性能优化性能优化主要体现在三方面:JS运行性能开发构建性能传输性能JS运行性能JS代码在浏览器端运行的速度该阶段取决于开发者如何书写高性能代码。开发构建性能降低代码从打包到代码效果呈现的时间减少模块解析模块解析:抽象语法树分析,依赖分析,模块语法替换如果不对某个模块进行解析,那么该模块经过loader后就是最终代码,可以缩短构建时间什么模块不...

2020-04-26 00:00:49 198

原创 每日学习计划(webpack - 常用扩展)

1. Webpack常用扩展webpack开发服务器由于在开发阶段,对于代码的修改,运行,调式较为频繁,如果靠手动打包运行,比较浪费时间。因此,webpack官方制作了一个单独的库webpack-dev-server// 安装npm install -D webpack-dev-server// 执行npx webpack-dev-server// webpack-dev-s...

2020-04-25 11:43:31 139

原创 每日学习计划(Webpack - 编译分析)

1. Webpack编译结果分析创建两个测试文件并使用webpack打包// ./src/test.jsconsole.log('test.js文件执行了');module.exports = { a: '123'}// ./src/index.jsvar obj = require('./test.js');console.log(obj.a);// webpa...

2020-04-24 13:28:17 112

原创 每日学习计划(Webpack - 核心功能)

前言在前端开发环境中,一个项目在开发时态(Devtime)和运行时态(Runtime)的侧重点不同开发时态(Devtime):模块划分的越细越好支持多种模块化标准支持npm或其它包管理器下载的模块能够解决其它工程化的问题运行时态(Runtime):文件越少越好文件体积越小越好代码内容越乱越好能够解决浏览器兼容性能够解决其它运行时的问题(例:执行效率问题)由于开...

2020-04-23 22:08:50 139

原创 每日学习计划(Vue)

每日学习计划(Vue)1、nextTick是什么?2、如何在created中操作DOM?3、Vue事件绑定原理?4、Vue模板编译原理?5、虚拟DOM以及key属性的作用?6、Vue的diff算法?1、nextTick是什么?用于下次DOM更新循环结束之后执行延迟回调。原理:nextTick会根据执行环境分别尝试采用:Promise.thenMutationObserverset...

2020-04-21 16:22:16 492

原创 每日学习计划(Vue)

每日学习计划 - 目录1、对MVVM架构的理解?2、对Vue生命周期的理解?什么是生命周期?Vue各个生命周期被keep-alive缓存的组件3、Vue异步请求适合在哪个生命周期中调用?4、Vue组件之间如何通信?5、computed和watch有什么区别?6、Vue是如何实现双向数据绑定的?1、对MVVM架构的理解?Model层:表示数据模型。View层:表示UI组件,用于视图...

2020-04-20 18:44:32 609

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除