摘要：
1.vue cli全局安装： 1.1 安装 npm install -g @vue/cli 1.2 拉脚手架2的版本（魔板）： npm install @vue/cli-init -g 备注:以上2步骤后脚手架2和脚手架3都可以用 1.3 创建Vue cli2初始化项目：vue init webpa 阅读全文
摘要：
需求：目前webpack.config.js文件中即有开发环境的配置信息，又有测试环境的配置信息，比如：丑化插件希望生产环境配置，开发环境不希望配置，使用起来不太方便。 因此需要对webpack.config.js文件进行抽离。 安装插件：npm install webpack-merge@4.1. 阅读全文
摘要：
webpack的插件使用。 一、配置版权 1.webpack.config.js中引用webpack, const webpack = require('webpack') 2.plugins中配置版权 new webpack.BannerPlugin('最终版权归invoker所有') 3.代码如 阅读全文
摘要：
一、将Vue实例内的template,data,methods抽离到一个app对象中 main.js代码如下： import Vue from 'vue'; new Vue({ el:'#app', template:` <div> <h2>{{message}}</h2> <button @cli 阅读全文
摘要：
真实项目都是使用的SPA，单页面复用 index.html文件内若需要展示内容，修改内容，需要经常修改index.html文件，这个不合理。因此将里面内容抽取到main.js中 index.html抽取的内容如下： 1.将index.html中的模板内容剪切到main.js中 2.原理，vue读取m 阅读全文
摘要：
webpack想要打包vue，就需要安装vue 一、安装vue npm install vue --save 安装到本地node中，node_modules/vue 2.在main.js中引用vue 3.build： npm run build 4.浏览器查看Html文件，有报错 这个报错是因为使用 阅读全文
摘要：
场景：前面一篇主要是webpack打包处理js文件的，在一个项目中还有样式less转css,es6转es5,jpg转成浏览器识别的，.vue转成js文件。 实际：webpack本身不能做上面的事情。 解决：需要扩展webpack，使用loader 浏览器找html中的main.js,main.js中 阅读全文
摘要：
一、优化点1： 之前是在命令行敲编译命令：webpack ./src/main.js -o ./dist/bundler.js，显示可以进行配置。 希望优化：只需要敲webpack命令，无需手动设置出口（打包成功后的文件）和入口（需要打包的文件） 步骤： 1.终端执行命令:npm init ,安装n 阅读全文
摘要：
功能用例自动化生成，接口用例自动化生成，单接口自动化测试，业务流程接口自动化造数据，切面UI自动化，即用接口造数据，然后对测试桩的页面进行页面测试。UI页面提交时，监听接口参数是否正确。 阅读全文
摘要：
一、webpack有何用？ 问题1：前端的代码：样式less，浏览器不能读取less文件。 问题2：前端代码，es6的代码，部分版本低的浏览器只能读取解析es5的代码。 问题3：前端规范 CommonJS,AMD,CMD,ES6，浏览器如果没有底层支撑，则识别不了CommonJS,AMD,CMD.而 阅读全文
摘要：
常见模块化规范：CommonJS,AMD,CMD,ES6的Modules,现在一般用到CommonJS和ES6的modules. 由于后续学习的webpack使用到了CommonJS.此处需要了解以下。 一、CommonJS模块化 CommonJS导出的语法： var flag = true fun 阅读全文
摘要：
一、什么是编译作用域 官方准则：父组件模板的所有内容都会在父级作用域内编辑，子组件模板所有内容会在子级作用域内编译。 举个例子,在父组件Vue实例内定义一个变量 isShow=true，在子组件内也定义一个变量isShow=false，现在在父组件模板内的子组件中使用使用isShow，那么现在用的是 阅读全文
摘要：
一、插槽的基本使用 场景：在实际项目中，很多页面有相似的模块（组件）架构,比如APP导航栏。 导航组件1： 导航组件2： 导航组件3： 以上三个页面共性部分就是左中右三个标签，左侧标签相同都是跳转连接，中间2个是title，1个是tab切换bar，右侧2个是跳转页面连接，1个为空。 对于这样的场景开 阅读全文
摘要：
子组件访问父组件的对象，使用场景，较少，因为子组件访问父组件，会存在耦合度较高，不建议这么做。这里只做了解。 1 <!-- 2 @author:invoker 3 @project:project 4 @file: 18 组件通信 子访问父 parent root.html 5 @contact:i 阅读全文
摘要：
背景:之前讲的父子组件之间的通信都是指传值，数据的传递。还有另一种方式叫做调用，即父组件直接调用子组件的对象，属性和方式，也是可以的。具体应用场景后面写项目时再来补充。 父组件访问子组件对象，需要用到关键字 $children 和 $refs 一、$children（开发中使用的较少） 需求：在父组 阅读全文