HTTP缓存的应用，不仅仅是max-age

相信不管是做前端开发还是后端开发的同学，或多或少在开发过程中接触过缓存的概念。最简单的例子就是前端对于静态资源--即css、js、图片等文件资源进行缓存。但是大部分同学知道的可能就是设置Cache-Control: max-age=xxx来设置资源的过期时间，然而缓存的运用在互联网中可谓是无处不在，一个好的缓存方案可以大大提升服务的性能，而一个不好的缓存方案可能会导致网站的可用性降低。所以今天我们就来聊聊HTTP协议中的缓存。 首先HTTP协议中主要涉及缓存的Header就是Cache-Control和Expires，目

你不知道的Vue技巧之--开发一个可以通过方法调用的组件

Vue作为最近最炙手可热的前端框架，其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性，所以他的很多开发方式就和一切基于组件的React不同，如果没有对Vue的API（有一些甚至文档都没提到）有一个全面的了解，那么在开发和设计一个组件的时候有可能就会绕一个大圈子，所以我非常推荐各位在学习Vue的时候先要对Vue核心的所有API都有一个了解。 举个例子，通知组件notification基本是现代web开发标配，在很多地方都能用到。而在以Vue作为核心框架的前端项目中，因为Vue本

webpack4升级指北

2018年2月25日，刚过完年webpack就给了一个加班红包。webpack4经过1个月的缓冲期，终于发布了正式版，那么抛给广大开发者的问题又来了，我是不是要升级了呢？本文就站在一个之前用webpack3开发项目，现在打算升级到4的角度上，来讲一讲需要升级的内容。 安装 首先你要重新安装以下的依赖包： webpack4 webpack-cli（用来启动webpack） html-webpack-plugin还没有更新，会出现compilation.templatesPlugin is not a function的错误，目前需要npm i webpack-contrib/html-webpack-plugi

你不知道的webpack和webpack-dev-server高级玩法

相信很多同学都知道webpack，毕竟是现阶段最火的前端打包工具，现在要是不知道webpack，你可能都不好意思出去面试说你是前端工程师，面试官估计也会斜着眼心里嘀咕：又是个页面仔。webpack的基本用法我想大家应该都知道，你写一个配置文件，然后通过webpack --config /path/to/your/config.js启动webpack就可以进行打包，或者通过webpack-dev-server --config /path/to/your/config.js启动dev-server，你就可以花式使用热更替功能提高你的开发效率了。而我今天就为大家来讲一讲，webpack和we

听说你用webpack处理文件名的hash？那么建议你看看你生成的hash对不对

童鞋，你看到这篇文章的时候很可能你只是在找一篇webpack的配置文章教学，但是听老哥说一句，别去搜什么startkit或者best practice文章，特别是中文的，如果你找到了，也记得看一下文章啥时候写的，超过半年的文章就别看了，百分之92.6里面的内容已经过期了。你想学webpack相关的姿势，最好的办法就是：看文档 言归正传，这篇文章并不教你怎么配置webpack，内容全部都是关于webpack生成文件的hash的。在打包出来的文件名上加上文件内容的hash是目前最常见的有效使用浏览器长缓存的方法，js文件