前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...

ES6 写的更少，做的更多 本文为意译，原文链接 JavaScript ES6 带来了一些新语法和一些很棒的新特性，这使你的代码更现代化更具可读性。 它可以让你写很少的代码实现更多的功能。ES6介绍了大量的新特性，比如：箭头函数、模板字符串 ...

Promise 是ES6语法标准里的新定义，一般用来处理异步方法的同步执行。本文主要介绍Promise all和race的用法和实现。 区别： promise all是等所有异步方法返回结果之后再继续后面操作，而 race是指哪个方法先最先 ...

补充内容什么是块级作用域。js没有块级作用域是啥意思。如何一对花括号中的语句代码集都属于一个块，在这之中定义的所有变量在代码块外是不可见的，称为块级作用域。作用域控制着变量和参数的可见性与生命周期。块级作用域概念，任何一对花括号（｛和｝）中 ...

这系列文章就是手把手教你如何从零构建一个webpack项目。目的就是为了了解webpack打包怎么玩的，平常项目开发中所用如ES6语法、less、vue是如何被打包的，是一个比较基础的内容，我也是为了总结一下这方面的知识点，梳理一下个人的 ...

本章在上章内容的基础上简单扩展一下，先说下模块的规范，有哪些标准，然后谈下webpack的loader怎么用以及使用webpack中的babel-loader简单打包一下。 git仓库：webpack-demo 1、模块化规范 上章我们知 ...

webpack从0到1-使用babel打包 讲下webpack中的loaders的概念，然后结合使用babel-loader来对项目中的es6语法做下转换。 git仓库：webpack-demo 1、什么是loaders？ 先看官网对Loa ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...