本文主要内容包括：什么是Babel Plugin、Babel Preset，两者的区别与联系、如何使用plugin/preset、如何创建自定义preset、使用注意事项。 本文所有例子可在 笔者github 上 找到。

本文是《PWA学习与实践》系列的第三篇文章。文中的代码都可以在learning-pwa的sw-cache分支上找到（git clone后注意切换到sw-cache分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与…

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

推送是启动和运行 Javascript 桌面通知的最快方式。HTML5新增了`Notification`, 用于向用户配置和显示桌面通知。

喜欢看b站的小伙伴们，看到喜欢的视频时，可能想要下载下来，保存到自己的电脑。因为有的视频可能过了几天就被up主删除了，或者被b站删除了。然而b站没有提供下载的功能 于是作为网站开发者的我，连夜分析了一波b站的视频机制（发现机制和YouTube是相同的，所以这个方法也可以下载Yo…

这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如： 将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。 比如在地址栏输入以下代码然后回车运行，会出现指定的页面内容。 这个还是在…

前端技术日新月异，随着 大前端 的趋势，想要成为一名合格的前端工程师，需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中，既要不断夯实前端基础，也要快速响应技术的更新迭代。闲话少说，这次给大家整理分享一些前端进阶的优质学习资源，希望对大家有所帮助！ 0. 年度报告 1. 基…

点击关注本公众号获取文档最新更新,并可以领取配套于本指南的 《前端面试手册》 以及最标准的简历模板. 防抖函数原理：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 那么与节流函数的区别直接看这个动画实现即可。 防抖函数原理:规定在一个单位时间内，只能触发一次…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…