解析：通过window.customElements方法可以创建自定义元素，里面的define方法就是用来指定自定义元素的名称，以及自定义元素对应的类。 这里有一个细节，自定义元素中间一定要用中划线隔开，不然是无效的。 这时候在这个类里面就可以定义元素里的所有内容了，这和Vue…

当用JavaScript来工作的时候，我们需要处理很多的条件判断，这里有五个小技巧能帮助你写出更好/更清晰的条件语句。 1. 多重判断中使用Array.includes 乍一看，上面的例子看起来还可以哦。但是，如果添加更多的红色的水果，比如cherry和cranberries，…

前端模块化在近几年层出不穷，有Node的CommonJs,也有属于client端的CMD/AMD模式，而ES6本身也出现了Modules，再加上Webpack以及babel的普及，虽然在代码中经常使用到这些用法，但是如果不去深入研究，总觉得是一个黑魔法，无法探测一些问题的根源。…

上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突…

继上次踩完h5的坑后，迎来了新需求，需要生成pdf，内容包括封面，目录，然后就是正文，正文的内容包括，页眉，页脚，图表，表格，图片，地图，很多地方要根据字段值的不同有不同的显示，也就是内容不固定。 在网上搜到有关于jspdf的问题大致是布局比较死板,无法转换图片,分页效果差。然…

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

在本文中，我们将讨论函数原型链中的 apply，call 和 bind 方法，它们是 JavaScript 中最重要且经常使用的概念，且与 this 关键字密切相关。 因此，想要掌握本文所述内容，您必须熟悉 this 关键字的概念和用法。可以参考这篇文章。 要了解 apply|…

我们可能经常听到一些模块化的概念，譬如 AMD、CommonJS 或 ES Modules。这些又是什么概念呢？它们为什么而存在，作用又是什么呢？本文将对模块化的概念进行逐一分析。 我们在引用不同的库或者 js 文件时，可能会出现命名冲突。 库与库之间、文件与文件之间可能存在循…