摘要： 项目优化策略 3、为开发模式与发布模式指定不同的打包入口 默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件（即src/main.js）。为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即： 1）开发模式的入口文件为src/main-dev.js 2 阅读全文

摘要： 项目优化策略 2、通过 vue.config.js 修改 webpack 的默认配置 通过vue-cli3.0工具生成的项目，是默认隐藏了所有webpack的配置项，目的是为了屏蔽项目的配置过程，让程序员把工作的重心，放到具体功能和业务逻辑的实现上。 如果程序员有修改 webpack 默认配置的需求 阅读全文

摘要： 项目优化策略 1、生成打包报告 打包时，为了直观的发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种： 1) 通过命令行参数的形式生成报告 // 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析报告内容 vue- 阅读全文

摘要： 打开可视化工具，选择build，然后点击运行。 然后会发现有错误或者是警告，同样打开输出面板查看原因。 这个表示在产品发布阶段，不允许在代码中出现console.* 方法。 babel-plugin-transform-remove-console 插件：可以移除所有 console.* 方法。 打 阅读全文

摘要： 打开可视化工具，发现仪表盘中有3个警告。点击旁边的输出，可以查看具体的警告内容。 发现基本都是 ESLint 给检查出来的语法错误。 还有一个错误就是：作用域插槽的“scope”属性已被弃用并替换为“slot-scope”。 当 ESLint 和 代码格式化 之间有冲突的时候，打开项目根目录下的 . 阅读全文

摘要： 使用jQuery解决方案： if (navigator.appName 'Microsoft Internet Explorer') { //判断是否是IE浏览器 if(navigator.userAgent.match(/Trident/i)&&navigator.userAgent.match( 阅读全文

摘要： 通过 nprogress 第三方的包 打开可视化工具里的依赖，点击安装依赖-运行依赖，搜索 nprogress ，进行安装。 然后导入对应的包，打开main.js文件，我们可以看到，通过 axios 发起了ajax请求，只要发起了请求，就会触发 request 拦截器。当请求响应完毕就会调用 res 阅读全文

摘要： 1、创建数据报表分支report并push到远程 创建分支： git checkout -b report 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） git push -u origin report 2、通过路由加载数据报表组件 新建report文件夹 阅读全文

摘要： 1、创建order分支 创建分支： git checkout -b order 推送到远程： git push -u origin order 2、通过路由渲染订单列表页面 新建order文件夹，Order.vue文件： <template> <div> <h3>订单列表</h3> </div> < 阅读全文

摘要： 1、通过编程式导航跳转到商品添加页面 给添加商品按钮添加点击事件： <el-button type="primary" @click="goAddpage">添加商品</el-button> goAddpage事件函数： // 跳转到添加商品页面 goAddpage() { // 路由导航对象.pu 阅读全文

摘要： 网页黑白样式： html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscal 阅读全文

摘要： 1、创建goods_list分支并推送到远程 创建分支goods_list，并切换到当前: git checkout -b goods_list 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） git push -u origin goods_list 2、通 阅读全文

摘要： 1、创建商品分类分支goods_params并push到远程 创建分支goods_params，并切换到当前: git checkout -b goods_params 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） git push -u origin go 阅读全文

摘要： 打包生成的 dist 文件夹包含了：static 文件夹和 index.html 文件。 index.html就是前段代码的入口文件。 static 目录下： 1.首先有一个 css 文件夹，里面包含了一个XXX.css.map 文件，它是帮助我们调试被压缩过的 css 代码，一般在开发做调试的时候 阅读全文

摘要： 打开命令行，进入项目的目录，输入： npm run build 这时候Vue的脚手架工具会自动对src下的源代码，进行打包编译，生成一个能被浏览器运行的代码，同时也是压缩过后的代码。 完成后，控制台会显示： Build complete. 现在打开项目目录，会发现多出一个 dist 文件夹，这个文件 阅读全文