Webpack作为一款优秀的构建工具，使用了 Tapable 库来处理整个构建生命周期的发布和订阅，那么 Webpack 的 Tapable 库实现的原理是怎样的，本文将分析下 Tapable 这个库的使用方法。

如果元素的大小是依赖于浏览器窗口大小的话可以使用 window.onresize 来实现，在resize回调里面通过重新获取元素大小判断前后宽高是否变更或者重新计算元素大小做相应的操作，不过一个明显的缺点是 resize 事件触发的频率很高，会导致多次回调触发重新计算，性能多多少少会有些影响，可以通过节流来解决。

我们都知道HTTP全称是超文本传输协议，是无状态的，运行在网络七层协议的应用层，在整个HTTP发展史上，协议的定制经历了几个版本更新，分别是HTTP1，HTTP1.1，HTTP2，本文介绍各个协议版本的区别，以及带来新的特性。

作为一个前端开发，除了需要懂的基本的HTML，CSS，Javascript之外，懂得一些HTTP相关的知识点也非常重要，能够帮助前端开发提升系统性能。

前端在日常开发，应该对浏览器发起的请求有所了解，可以在跟后端联调接口，或者网络情况出现问题时能快速定位问题根源，本文整理了前端开发所必需要了解的请求头和响应头字段，希望对前端开发有所帮助

随着JS的发展越来越完善，官方也持续推进新的特性出来，给前端开发带来了简单，友好的开发体验，话不多说，本文总结了ES7-ES12各个版本出现新的特性

CSR全称是 Client Side Rendering ，代表的是客户端渲染。顾名思义，就是在渲染工作在客户端（浏览器）进行，而不是在服务器端进行。举个例子，我们平时用vue，react等框架开发的项目，都是先下载html文档（不是最终的完全的html），然后下载js来执行渲染出页面结果。

webpack提供了三种生成 hash 类型的配置，都是用来生成文件 hash 值，可以方便前端开发利用缓存策略来实现静态资源缓存，三者的区别如下

在写Vue的时候，你或许会遇到更新数据的时候需要操作DOM，比如在修改状态后通过 this.$refs.content.getBoundingClientRect() 想要获取最新的渲染后的元素的尺寸