一、微前端概述在讲解qiankun之前，我们先来了解一下何为微前端。微前端的概念借鉴自后端的微服务，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的。它的主要思路是将一个大型工程拆分成若干个更小、更简单，可以独立开发、测试和部署的小工程，分别进行维护。如果以前端组件的概念作类比，我们可以把每个被拆分出的小工程看作是一个应用级组件。这时我们需要一个“管理者”，负责决定哪些“应用级组件”渲

目录一、Vue简介1. MVVM、MVP和MVC2. Vue的基本配置二、Vue渲染原理1. HTML与模板2. Vue组件的完整渲染过程(1). Vue自身的初始化阶段(2). 组件实例的生命周期管理阶段a. 实例初始化阶段b. 组件挂载、更新和销毁阶段总结本文的主要内容是详细地介绍Vue的内部渲染原理，从而帮助大家深入掌握关于Vue Options、生命周期等概念。为了帮助Vue使用经验较少的

Express.js 是 Node.js 生态系统中最流行、最成熟的 Web 框架。自 2010 年发布以来，已成为 Node.js Web 开发的标准化框架。Koa.js 由 Express.js 的原班人马（TJ Holowaychuk）在 2013 年创建，是下一代 Node.js Web 框架。采用全新的设计理念，基于 async/await 和生成器函数。Nest.js 是构建在 Exp

如果现在需要用js生成[0, 2, 4, 6, 8, …, 100]这样一个数组，你第一时间想到的会是下面的写法吗？var arr = new Array(51);//使用临时变量保存数组长度，可以有效避免每次循环都计算数组长度var len = arr.length;for(var i = 0; i < len ; i++){arr[i] = i * 2;}或者你会...

在使用Vue开发前端项目时，我们经常需要引入第三方组件，比如下面的例子（假设我们已经注册了element-ui）：<template><div class="root"><el-button type="plain">点击我</el-button></div></template>这是一个来自element-ui的按钮组件，它

目录一、http Headers的基本概念二、http Headers详解1. General Headers本文主要参考自MDN文档：HTTP Headers，并参考网上资料，对较为常用且文档中不详细的地方加以阐释。完整的Headers列表在IANA 注册表中维护，该文档内包含每个Headers对应的RFC文档，不过这些文档过于详尽且不易理解，所以只适合需要深入学习http协议的开发者阅读。一、

目录一、原理简介二、打包过程1. 创建一个webpack项目2. 编写组件和打包脚本3. 打包三、动态引入1. 在vue项目中使用2. 在普通项目中使用总结一、原理简介在使用webpack打包vue项目时，我们一般习惯以项目的main.js为打包入口，构建完整的项目依赖。依赖构建完毕后将打包后的js通过插件html-webapck-plugin引入到HTML模板中，从而实现整个项目的打包。由于we

目录一、bus模式简介一、bus模式简介bus模式是一种借助事件实现任意两组件交互的解决方案。通常来说，在不借助bus模式的情况下，事件的触发只会发生在父子组件之间，并且只能由子组件向父组件触发事件。它的大致实现模式如下：parent.vue<template><child@tick="handleTick"></child></template>&

在使用element-ui框架时，我们经常会用到el-tree组件。该组件支持在树上任意拖拽节点，但默认不支持将节点拖拽到树的外部，如一个外部div内，或另一棵el-tree上。关于如何将树上的节点拖拽到一个外部容器内（如一个设置了draggable="draggable"的div），我在 HTML5之原生拖拽 这篇博客的最后面已经给出了实现方案，感兴趣的可以参考，这里不再赘述。本文我们要探讨的是

目录一、什么是Symbol？二、Symbol的作用三、Symbol的语法规范1. 基本语法2. Symbol属性的遍历3. Symbol.for()，Symbol.keyFor()四、内置的Symbol值1. Symbol.hasInstance2. Symbol.isConcatSpreadable3. Symbol.species4.Symbol.match/replace/search/..