一、基本原理一个Promise对象可以理解为这样一个状态机，它（通常）接收一个异步任务作为输入，然后去执行这个异步任务，根据异步任务的执行结果来改变自身的状态，并保留这个执行结果 。这个状态机总共有三种状态：pending（异步任务执行中）、fullfilled（执行成功）和rejected（执行失败）。在异步任务执行完之前，状态机处于pending状态；一旦任务执行成功，状态就会转为full..

目录一、webpack概述1. 什么是webpack？2. 为什么要使用webpack？二、webpack相关概念1. 入口（entry）2. 出口（output）3. 加载器（loader）4. 插件（plugin）三、补充 - 热更新原理总结一、webpack概述1. 什么是webpack？webpack被定义为现代 JavaScript 应用程序的静态模块打包器(module bund...

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

目录一、npm简介二、向npm上传一个vue组件1. 创建一个vue项目2. 配置vue.config.js3. 新建packages文件夹4. 编写插件(1). 开发单个组件(2). 开发组件库5. 测试组件6. 配置package.json7. 打包8. 配置.npmignore文件9. 注册npm账号10. 登录npm账号11. 发布组件三、总结一、npm简介npm是内置于nodejs的..

如果现在需要用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之原生拖拽 这篇博客的最后面已经给出了实现方案，感兴趣的可以参考，这里不再赘述。本文我们要探讨的是