懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连) 页面分为3个部分：页面的顶部header，底部footer，中间部分（侧栏side和主要部分main）。 MVVM框架是一个Model-View-View…

本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践， 在此基础上补充了一些相关或者更符合主流技术的内容。

文章首发自我的 Github，欢迎关注。 面试题只能应对 1 - 2 面，刷题固然重要，但是对于项目相关的准备也是必须的。一般来说目前面试题能准备的范围如下： 以上是大致范围，大家可以照着把题目归类，当然除了这些还会有些别的，比如说设计模式等等的问题。另外会刷面试题只是一部分，…

但是我们又经常会遇到前后端分离，不在同一个域名下，需要 ajax 请求数据的情况。那我们就要规避这种限制。 可以在网上搜到很多解决跨域的方法，有些方法比较古老了，现在项目中用的比较多的是 jsonp 和 CORS（跨域资源共享），这篇主要讲 CORS 的原理和具体实践。 COR…

深浅拷贝在我们开发项目中是经常使用到的，本篇文章带你详细了解和使用深浅拷贝的原理及使用方式。 被复制对象的所有变量都含有与原来的对象相同的值，且所有对其对象的引用不会指向原来的对象的内存地址。 浅拷贝仅仅复制所考虑的对象，而不复制它所引用的对象，也就是说浅拷贝只能拷贝第一层，更…

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。 首先，我们先来看看 👀 雅虎军规 的 35 条。 如对 雅虎军规 的具体细则内容不是很了解，可自行去各搜索 🔍 引擎 ，搜索 雅虎军规 了解详情。 以上是 li…