前端徘徊者

JavaScript发展到今天已经不再是当初那个只用10天设计出来的网页脚本语言。随着代码复杂度增加，模块化是目前接触JavaScript开发的必修课。 随着JavaScript语言发展，曾经出现过各种模块标准。本文主要探讨目前主流CommonJS与ES6 Module的由来以…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

本文则是在此基础上对现有的微前端解决方案进行对比总结，废话少说，让我们开始今天的课题。 众所周知，iframe是html提供的标签，能加载其他web应用的内容，并且它能兼容所有的浏览器，因此，你可以用它来加载任何你想要加载的web应用。 iframe最大的特性就是提供了浏览器原…

上篇文章讨论完怎么在 React 和 Vue 互相调用之后，我们发现了新的需求。 升级 Vue3 之后，因为底层的 render 函数被重写，导致 Vue2 现有丰富并完善的组件不能直接在 Vue3 上使用。因此 EMP 针对这个问题，提出了 Vue3 调用 Vue2 的方案，…

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

在日常的开发过程中，我们越来越多地使用webpack这种构建工具，但是对于它的使用，我们更多的是停留在去进行一些简单的配置，比如loader,plugin的配置。我们很少从零开始使用webpack去搭建一个项目(更多地是使用cli)，更加很少地去理解它内部的打包原理。为什么它能…

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的几个高级应用，希望能对大家有所帮助。 我们使用的第…

本文将详细介绍如何实现一个 Next.js 项目的持续集成和自动化部署，鉴于自建 gitlab 和 gitlab-runner 有一定的服务器硬件要求，并且需要一定的时间成本，不是本文的重点，所以我们使用现成的 Github 作为本次教程代码管理工具，Travis CI 来自动…