摘要:
一、优化点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(开发中使用的较少) 需求:在父组 阅读全文