基础用法进阶用法构建速度和体积优化 一、基础用法 初始化项目 mkdir build-webpack && cd build-webpack npm init -y npm i -D webpack webpack-cli@3.3.12 注意：由于 webpack-cli4版本也 webpack-dev-server 最新版不兼容，固这里安装的是webpac...

什么是 babel ? 在前端项目中他能做什么了？ Babel 是一个工具链，主要用于在当前和旧的浏览器或环境中，将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。以下是 Babel 可以做的主要事情： 转换语法源代码转换(codemods) 简而言之，在前端开发过程中...

JavaScript 和 Gulpfile Gulp 允许你使用现有 JavaScript 知识来书写 gulpfile 文件，或者利用你所掌握的 gulpfile 经验来书写普通的 JavaScript 代码。根目录 gulpfile.js 的作用，在运行 gulp 命令时会被自动加载。 坑一（也是很多初学 node.js 项目经常犯...

X6 图编辑引擎 X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建 DAG 图、ER 图、流程图等应用。 说明文档：https://x6.antv.vision/zh/docs/tutorial/about 源码 import React, { useEffect, useSta...

X6 图编辑引擎 X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建 DAG 图、ER 图、流程图等应用。 说明文档：https://x6.antv.vision/zh/docs/tutorial/about 主要源码 <template> <div cl...

应用场景 代码复用和抽象的主要形式是组件当需要对普通 DOM 元素进行底层操作，此时就会用到自定义指令但是，对于大幅度的 DOM 变动，还是应该使用组件 钩子函数 bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定...

一、全局安装 vue-cli 脚手架，使用 vue init webpack-simple yyl-npm-practice 初始化项目 初始化项目后 npm install ; npm run dev，项目就能跑起来了。下面我们来试着封装一个属于我们自己的公用组件 Button 在 src 目录下新建一个 components 存放自定义组件 ...

BFC 概念 Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方...

join()push()pop()shift() unshift()sort()reverse()concat()slice()splice()toString() includes() （ES5新增）indexOf()（ES5新增）lastIndexOf() （ES5新增）forEach() （ES5新增）map() （ES5新增）filter() （ES5新增）every() （ES5新增）some() （ES5新增）r...

hash hash是跟整个项目的构建相关，构建生成的文件hash值都是一样的，所以hash计算是跟整个项目的构建相关，同一次构建过程中生成的hash都是一样的，只要项目里有文件更改，整个项目构建的hash值都会更改。 如果出口是hash，那么一旦针对项目中任何一个文件的修改，都会...