前言 技术栈 依赖引入 首先为了解决echarts的全量引入问题，我们需要单独书写一个echarts依赖引入文件，文件内部之引入我们需要使用的echarts依赖, 通过我们引入部分的 echarts/

本文介绍JavaScript单行程序的独特数据处理能力，单行技巧可以帮助我们更简洁、更高效地处理数据。这些技巧不仅提升了代码的可读性，也减少了代码行数，使代码更加紧凑。

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8.

前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（Network）、性能优化..

前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？今天就来盘点关于前端实现文件下载的几种方式（Blob对象、a链接、form表单）搞懂这几个就够了！

为了保证我们网页的稳定性，浏览器的内存知识对我们来说是十分必要的，我们不应该只考虑网页打开时的性能，也应该考虑网页长时间挂载下的稳定性。 本次梳理以Chrome为例。 chrome的内存限制 堆内存的

postMessage可以帮助我们进行安全的跨源通信。基本原理是通过postMessage来发送跨文档信息，使用message来进行监听，当收到跨文档信息后，会触发message事件

ES5以及之前的版本，没有类的概念，但是聪明的JavaScript开发者，为了实现面向对象，创建了特殊的近类结构。 ES5中创建类的方法：新建一个构造函数，定义一个方法并且赋值给构造函数的原型。 ES6实现类非常简单，只需要类声明。推荐 babel在线测试ES6 测试下面的代码…