一直以来，前端性能优化都是面试过程中考察的热点题目。 相关的技术博客也层不出穷，我们总是能找到很多这样的文章， 从一个应用的各个层面开始分析，优化的种种手段，取得的种种效果。 往往篇幅越长，讲得越细，

浏览器收到请求响应的时候解析响应头，然后将sessionId保存在cookie中，浏览器在下次http请求的请求头中会带上该域名下的cookie信息。 kos-session存在弊端，session信息未加密存储在客户端cookie中，浏览器cookie有长度限制，所以我们要将…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

性能优化需要从哪几个方面入手？我们要先了解浏览器打开网页的过程。 下面我们分别对这几个阶段进行优化。 DNS全称Domain Name System。它是互联网的“通讯录”，它记录域名与实际ip地址的关系，域名是为了方面人类记忆。每次我们方位一个网站，都要通过各级的DNS服务器…

对于使用vue开发项目的FE来说,打包上线这个环节相信大家都不陌生。本文主要是介绍如何通过webpack(实践版本:webpack4.16.5)的配置来提高打包构建速度以及减小包的体积。 使用optimize-css-assets-webpack-plugin 来压缩css。在…

持续更新中... 即Model-View-ViewModel。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。 DOM Listeners和Data Bindings…

本文主要涉及三种跨域方法：JSONP、CORS、postMessage。 通常，最常用的跨域方式有以下三种：JSONP、CORS、postMessage。 单纯地为了实现跨域请求而创造的一个 trick。 虽然因为同源策略的影响，不能通过XMLHttpRequest请求不同域上…

Promise 是 es6 新出的语法，用来处理异步请求，解决之前没有 Promise 时的回调地狱。Promise 有几个api, Promise.resolve,Promise.reject,Promise.all,Promise.race。关于多个异步的处理我们可以用 P…

设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。 项目中合理的运用设计模式可以完美的解决很多问题，每种模式在现在中都有相应的原理来与之对应，每一个模式描述了一个在我们周围不断重复发生的问题，以及该问题的核心解决方案，这…