single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…

其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env，不过一直没删，但是看到这句话之后，处于好奇，就去翻了翻PostCSS的官网，然后又思考了下这些年CSS的发展历程，遂有这篇文章的出炉。 随着互联网的发展，人们对网页的要求已经是从只…

下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的这些项目，Vuex store 超过十个，包含大量的组件（有时候几百个）和视图页面。对我来说这是个很有益的…

DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…

本教程 github地址 如果对你有帮助欢迎点赞。 虽然当前大前端时代，web应用大多已经做成单页应用(spa),但是在某些场景下，我们的项目还是可以做成多页应用(mpa)。在继续往下看之前，你需要对webpack、nodejs、npm基础概念有一定的了解，如果还不熟悉，请移步…

vscode 作为目前特别火的一款开发工具，我相信使用人数是非常庞大的。 那么作为平常赖以编程的开发工具你对他了解多少呢？这篇文章的重点是 vsocde 的默认高频率快捷键，如何修改快捷键，如何自定义代码片段，如何使用 vscode 的命令工具，vscode 的 emmet 功…

上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…

帮助你提升、锻炼 Web 开发技能，简单直接地获取第一手 Web 前端实战经验。

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…