在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访

前端面试过程中被问到如何实现前端路由，我们应该从哪些方面回答。如果让你自己实现前端路由，你又该怎么做？

如何将 Web Components 组件应用我们的实战项目中了？就像 Element UI、Ant Design 那样，这并不是一件难事，Come on body，let's go body。

Google 在 2011 年首次正式提出 Web Components 组件化概念时，它主要依赖三个技术：Custom Element、Shadow Dom、HTML Templates。

前言 在重学 JavaScript 过程中，了解到了 Web 组件，而其中的一些知识点总感觉和 vuejs 中的某些概念很相似，比如 Web 组件中涉及的内容： HTML 模板，即 template

Web Components 已经被很多大厂已经直接或者间接将它用于实践，比如：Twitter、YouTube、IBM等等。这篇文章通过实战，教你如何自己开发一个可用的 Web 组件。

localStorage 的存储大小在 5M - 10M，在一些场景下 根本不够用，可使用 IndexedDB 存储数据其大小一般在 `250M` 以上

`console.log` 对一个前端人，那是在熟悉不过了。我们最经常使用它在控制台输出信息然后进行代码调试，你肯定会发现输出的信息的颜色永远是黑色。本文教你如何用 console 在输出五颜六色

如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，本文使用前端开发技术，结合 SVG 和 CSS 来实现