偏移量，包括元素在屏幕上占用的所有可见空间。元素的可见大小由其高度、宽度决定，包括内容 content 大小、内边距 padding、滚动条 scrollbar 大小、边框 border 大小，不包括外边距 margin。 offsetHeight ：元素在垂直方向上占用的空间…

webpack 的特点之一是处理一切模块，我们可以将逻辑拆分到不同的文件中，然后通过模块化方案进行导出和引入。现在 ES6 的 Module 则是大家最常用的模块化方案，所以你一定写过 import './xxx' 或者 import 'something-in-nodemod…

一直以来都对浏览器缓存很感兴趣，但总是一知半解，只是很碎片化的了解一些相关知识，这次就打算把所有的碎片整合一下，基于我目前的理解整理一份总结。等以后认识的更全面了，再逐步添加修改。 合理使用浏览器的缓存，可以有效的减少请求的访问次数，一个是减小服务器压力，更重要的是能够降低页面…

max-age 指定一个时间长度，在这个时间段内缓存是有效的，单位是s。例如设置 Cache-- Control:max-age=31536000，也就是说缓存有效期为（31536000 / 24 / 60 * 60）天 s-maxage 同 max-age，覆盖 max-ag…

一直都想自己部署一下自动化测试部署，在了解了Travis-CI之后终于准备在这次和小伙伴一起做的一个博客类网站实验下了。 因为这是一个前后端分离的项目，所以我这里只管前端工程的自动化部署，前端主要用Vue脚手架搭建的单页应用。 在Github创建一个公有(public)仓库。在…

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…

刚好我最近也在对这一块的内容做补充和总结，受到这篇优质博文的启发，于是有了这篇博文。 如果强缓存是新鲜的，优先强缓存。 若资源没有更新，状态码为304走浏览器缓存；若为200，走协商缓存，返回更新后的资源。

高亮显示你的 TODO、FIXME，支持自定义关键字和外观，可以起到良好的提示作用。 解决冲突后配合使用完美格式化代码，能交给机器做的一定要学会偷懒。 实时高亮匹配标签，不用在 HTML 中眼花缭乱的找标签了。 快速生成 console.log() ，调试利器，妈妈再也不用担心…

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…