实战
上进唯实战可得,突破绝技成长瓶颈
手记
分享经验交流心得,学习前沿流行技术
-
HTTP缓存的应用,不仅仅是max-age
相信不管是做前端开发还是后端开发的同学,或多或少在开发过程中接触过缓存的概念。最简单的例子就是前端对于静态资源--即css、js、图片等文件资源进行缓存。但是大部分同学知道的可能就是设置Cache-Control: max-age=xxx来设置资源的过期时间,然而缓存的运用在互联网中可谓是无处不在,一个好的缓存方案可以大大提升服务的性能,而一个不好的缓存方案可能会导致网站的可用性降低。所以今天我们就来聊聊HTTP协议中的缓存。 首先HTTP协议中主要涉及缓存的Header就是Cache-Control和Expires,目
8461浏览
15推荐
3评论
-
你不知道的Vue技巧之--开发一个可以通过方法调用的组件
Vue作为最近最炙手可热的前端框架,其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性,所以他的很多开发方式就和一切基于组件的React不同,如果没有对Vue的API(有一些甚至文档都没提到)有一个全面的了解,那么在开发和设计一个组件的时候有可能就会绕一个大圈子,所以我非常推荐各位在学习Vue的时候先要对Vue核心的所有API都有一个了解。 举个例子,通知组件notification基本是现代web开发标配,在很多地方都能用到。而在以Vue作为核心框架的前端项目中,因为Vue本
20134浏览
74推荐
6评论
-
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
20148浏览
69推荐
7评论
-
你不知道的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
14838浏览
28推荐
9评论
-
听说你用webpack处理文件名的hash?那么建议你看看你生成的hash对不对
童鞋,你看到这篇文章的时候很可能你只是在找一篇webpack的配置文章教学,但是听老哥说一句,别去搜什么startkit或者best practice文章,特别是中文的,如果你找到了,也记得看一下文章啥时候写的,超过半年的文章就别看了,百分之92.6里面的内容已经过期了。你想学webpack相关的姿势,最好的办法就是:看文档 言归正传,这篇文章并不教你怎么配置webpack,内容全部都是关于webpack生成文件的hash的。在打包出来的文件名上加上文件内容的hash是目前最常见的有效使用浏览器长缓存的方法,js文件
19761浏览
31推荐
4评论