摘要：
1、Promise是什么？ Promise对象是ES6提供的用于表示一个异步操作的最终完成 (或失败)及其结果值。 2、Promise的作用? promise主要解决了ES5回调函数带来的回调地狱问题，在没有promise之前js在处理异步事件的时候主要采用的是回调函数方式，这种方式导致如果异步事件 阅读全文
摘要：
由于公司项目需要多环境，就研究了一下vue-cli3的多环境配置，这里和大家分享一下vue-cli3多环境配置方法 首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV下面可 阅读全文
摘要：
1、webpack开发调试必备功能之模块热替换HMR 了解热替换: 在修改模块之后，无需从新加载页面，会自动更新页面 保留在完全更新加载页面时丢失的应用程序状态 只更新变更内容，以节省宝贵的时间 调整样式更快捷，几乎相当于在页面调试器中修改样式 配置config文件 在 devServer: { h 阅读全文
摘要：
webpack打包优化技巧 优化打包速度: 影响打包速度: 文件多、依赖多 1、减少文件搜索范围 (1) 优化resolve.extensions配置 在导入语句没带文件后缀时，webpack会自动带上后去尝试询问文件是否存在在配置resolve.extensions时你需要要遵守一下几点,以做到尽 阅读全文
摘要：
1、压缩CSS以及优化CSS结构(optimize-css-assets-webpack-plugin) 处理效果: 将CSS压缩 optimize-css-assets-webpack-plugin 安装(下载) npm install --save-dev optimize-css-assets 阅读全文
摘要：
1、webPack提取分离CSS单独打包(ExtractTextPlugin、mini-css-extract-plugin) 处理效果: 将所有的入口chunk(entry chunks)中引用的CSS,移动到独立分离的CSS文件 ExtractTextPlugin插件 安装(下载) npm in 阅读全文
摘要：
1、根据HTML模版自动生成HTML 了解html-webpack-plugin HtmlWebpaclPlugin会自动为你生成一个HTML文件,根据指定的index.html生成对应的html文件 安装html-webpack-plugin插件 npm install html-webpack- 阅读全文
摘要：
现在的网页开发都会拥有一系列的依赖，处理这些复杂、麻烦的依赖就应运而生了一些前端打包工具:webpack、rollup、grunt、gulp等 由于项目中使用居多的是webpack，所以就将webpack简单的使用方法进行了如下的整理,希望对大家有用~~ 1、webpack的作用: 其实就是一个Ja 阅读全文
摘要：
一、介绍 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 可以提供以下服务: 1、从浏览器中创建XMLHttpRequests 2、从node.js创建http请求 3、支持PromiseAPI 4、拦截请求和响应 5、转换请求数据和响应数据 6、取 阅读全文
摘要：
由于项目需求需要配置国际化,使用的UI框架为iview, 按照官方要求下载 vue-i18n(8.14.0),版本大于6.0 按照官方提供的6.0配置方案解决。 第一步: 创建一个新的目录 language 目录, 在该目录下创建 index.js、en-US.json、zh-CN.json。 in 阅读全文