SailorCai老蔡爱钓鱼

前端性能优化是一个老生常谈的问题，我写这篇博客的目的是记录自己的一点实践，没有什么高大上的东西，如果顺便能帮助到你，我将万分荣幸。 性能优化包含几个方面，比如减少http请求，当然现在http2有多路

浏览器运行过程中会同时面对多种任务，用户交互事件（鼠标、键盘）、网络请求、页面渲染等。而这些任务不能是无序的，必须有个先来后到，浏览器内部需要一套预定的逻辑来有序处理这些任务，因此浏览器事件循环诞生了，再次强调，是浏览器事件循环，不是javascript事件循环，js只是浏览器…

微信公众号开发中几个阶段的权限校验，相对于前端同学来说（特别是没有nodejs基础的同学来说）可能相当费解，不过话说回来，现代前端不会nodejs可能会混的相当难受。 咱们今天把这些烦人的 access_token、 jsapi_ticket、signature 一次盘明白，本…

我刚开始的时候也是很疑惑，因为这个文件在我的服务其中根本不存在。事实是，这个文件是socket 服务器启动后自动生成的。因此我们只需要在html文件中按照这个路径引入就行了。

这样能直接减少很多不必要的http请求，在应用性能提升上的效益还是非常可观的。 对于前两种情况，由于都是通过import的方式引入的图片和css文件，因此图片能得到正确处理，但是第三种请况是得不到处理的。

浏览器缓存对于现代网页是非常有用的功能，它能将大部分改变频率不大的组件缓存到本地以加速用户下次访问时页面的响应时间。 由浅入深。首先我们来说说条件 GET 请求。 这样服务器就无需向浏览器发送比这个响应大的多的文件本身，这大大节省了网页的响应时间。 但条件GET请求说到底还是请…

说到本人第一次使用spark-md5.js还是差不多一年以前的时候了，当时后台老大说要搞一个文件分片上传的功能。我当时就心想：what？啥是文件分片上传，完全没听过好吗？ 至于我当时内心那个慌就不多描述了，总之文件分片上传需要一个识别文件的唯一标识，而md5是非常合适的。spa…

在我们使用vue，angular等框架开发的时候，大多数都是构建单页项目。而且，像这样的框架都有对应的命令一步生成webpack配置（比如vue的vue init webpack my-project之类）。 但是如果我们要开发多页面项目的时候就没有这么方便了，你必须要自己配置…