提交 070147a5 编写于 作者: W wizardforcel

2020-06-24 21:20:07

上级 27b74620
......@@ -60,7 +60,7 @@ src="https://images-na.ssl-images-amazon.com/images/G/01/gateway/yiyiz/Kindle._C
</a>
```
***说明*** :如您所见,“`img`”标签既没有提供“`id`”属性,也没有提供“`class`”属性。 这样就很难找到一个小小的中间! 对于您在网络上找到的大多数图像,情况就是如此。
**说明**:如您所见,“`img`”标签既没有提供“`id`”属性,也没有提供“`class`”属性。 这样就很难找到一个小小的中间! 对于您在网络上找到的大多数图像,情况就是如此。
考虑到 HTML 代码,可以使用`cssSelector`定位策略。 通过这种策略定位图像的方法有两种,
......
......@@ -68,13 +68,13 @@ Vue 也可用于 unpkg,
</html>
```
代码很简单。 我们给页面命名为“Hello Vue!”。 以及`<head>`部分中使用带有`<script>`标签的 CDN 的 vue.js 的开发版本。 我们正在显示“Hello World!`<body>`部分中带有`id=”app``<div>`元素内`<h1>`标签内的消息。
代码很简单。 我们给页面命名为“`Hello Vue!`”。 以及`<head>`部分中使用带有`<script>`标签的 CDN 的 vue.js 的开发版本。 我们正在显示“`Hello World!``<body>`部分中带有`id=”app``<div>`元素内`<h1>`标签内的消息。
Chrome 浏览器中的当前输出如下,
![Initial code set up](img/48f184397978913cd4dba79a25f463b3.png)
到目前为止和我在一起? 好的,我听到您说我们已经渲染了“Hello World!”带有`<h1>`标签,但这与我们使用 Vue.js 进行显示的最初目标不矛盾吗? **好问题。**
到目前为止和我在一起? 好的,我听到您说我们已经渲染了“`Hello World!`”带有`<h1>`标签,但这与我们使用 Vue.js 进行显示的最初目标不矛盾吗? **好问题。**
## **让我们现在回答,**
......@@ -110,7 +110,7 @@ new Vue({ el: "#app" });
### **步骤 4:指定我们的数据**
为了存储我们要在此 Vue 实例及其链接的 DOM 中使用的所有数据/信息,我们还有一个保留的属性,称为“`data`”。 与“`el`”不同,“`data`”将对象作为其值。 由于我们要向 DOM 显示消息“Hello World”,因此让我们在“数据”对象中将其指定为键值对。
为了存储我们要在此 Vue 实例及其链接的 DOM 中使用的所有数据/信息,我们还有一个保留的属性,称为“`data`”。 与“`el`”不同,“`data`”将对象作为其值。 由于我们要向 DOM 显示消息“`Hello World`”,因此让我们在“数据”对象中将其指定为键值对。
```javascript
new Vue({ el: "#app", data: { message: "Hello World" } });
......@@ -124,7 +124,7 @@ new Vue({ el: "#app", data: { message: "Hello World" } });
<div id="app"> <h1>{{ message }}</h1> </div>
```
为了区分上一个输出(没有 Vue),使用 Vue 来显示,请让我们显示“**Hello World!**”而不是“Hello World!”。
为了区分上一个输出(没有 Vue),使用 Vue 来显示,请让我们显示“`Hello World!`”而不是“`Hello World!`”。
![Vue.js output](img/6db1fd39a9ccc23d42cc746ed9c95ad8.png)
......
......@@ -34,7 +34,7 @@
让我们尝试启动一个页面,看看是否启用了此快捷方式。 换句话说,它变成了彩色? 这表明正在检测到 Vue.js,我们可以开始使用它。 我正在 chrome 浏览器中打开我们刚刚安装了 devtools 扩展程序的[先前文章](https://javabeginnerstutorial.com/vue-js/3-vue-directives/)中讨论的[`index.html`文件](https://github.com/JBTAdmin/vuejs/blob/master/03_Introduction%20to%20Vue%20directives/index.html)
如果快捷方式仍处于禁用状态,则不要惊慌,单击该快捷方式将显示“Vue.js not found”。
如果快捷方式仍处于禁用状态,则不要惊慌,单击该快捷方式将显示“`Vue.js not found`”。
![Vue not detected](img/0496f07d0e0285251afcd2183e991e65.png)
......
......@@ -148,7 +148,7 @@ movies: [
让我们只看完整的代码,而不是看看各个片段。
***`index.html`***
**`index.html`**
```html
<!DOCTYPE html>
......@@ -215,7 +215,7 @@ movies: [
</html>
```
***`index.js`***
**`index.js`**
```java
var app = new Vue({
......
......@@ -102,7 +102,7 @@ var app = new Vue({
![click event with method](img/4226a5eb01a26b79a17a0465adc3b6af.png)
单击该按钮,“说声你好”触发了`greet('howdy')`方法,并且该方法中的代码被执行,从而向网页呈现“Howdy”。
单击该按钮,“说声你好”触发了`greet('howdy')`方法,并且该方法中的代码被执行,从而向网页呈现“`Howdy`”。
## 事件修饰符
......
......@@ -70,7 +70,7 @@ data: {
刚开始时可能看起来有些混乱,但是一旦您掌握了它,您很快就会感到赞赏。 这两个代码段(带和不带速记)的工作原理完全相同。 区别只是少了一些字符和更易读的代码。
如下图所示,即使是简写形式,所有受 Vue.js 支持的浏览器(在我们的示例中为 Chrome)都可以正确解析它,并将`url`的值绑定到`href`属性。 请注意,冒号(v-bind 的简写语法)没有出现在最终呈现的 HTML 中,可以在 Chrome DevTools 扩展坞的“元素”窗格中清楚地看到。
如下图所示,即使是简写形式,所有受 Vue.js 支持的浏览器(在我们的示例中为 Chrome)都可以正确解析它,并将`url`的值绑定到`href`属性。 请注意,冒号(`v-bind`的简写语法)没有出现在最终呈现的 HTML 中,可以在 Chrome DevTools 扩展坞的“元素”窗格中清楚地看到。
![v-bind](img/51f44e5135c07d36919a60b077148ebd.png)
......
......@@ -4,24 +4,24 @@
欢迎回到 Selenium 的另一篇文章,今天我们将查找 Selenium IDE,Selenium RC 和 WebDriver 支持的浏览器,操作系统,编程语言和测试框架。
***浏览器***
**浏览器**
| ***Selenium IDE*** | ***Selenium RC*** | ***WebDriver*** |
| **Selenium IDE** | **Selenium RC** | **WebDriver** |
| 火狐浏览器 | Internet Explorer,Google Chrome,Mozilla Firefox,Safari,Opera,其他浏览器的部分支持 | Internet Explorer,Google Chrome,Mozilla Firefox,Safari,Opera,HtmlUnit,Phantomjs,Android,iOS |
***操作系统***
**操作系统**
| ***Selenium IDE*** | ***Selenium RC*** | ***WebDriver*** |
| **Selenium IDE** | **Selenium RC** | **WebDriver** |
| Windows,Mac OS,Linux,Solaris | Windows,Mac OS,Linux,Solaris | Windows,Mac OS,Linux,Solaris |
***编程语言***
**编程语言**
| ***Selenium IDE*** | ***Selenium RC*** | ***WebDriver*** |
| **Selenium IDE** | **Selenium RC** | **WebDriver** |
| 可以生成自定义代码 | Java,C# ,Perl,Python,Ruby,PHP 和任何可以进行 HTTP 调用的语言 | Java,C# ,Perl,Python,Ruby,PHP |
***测试框架***
**测试框架**
| ***Selenium IDE*** | ***Selenium RC*** | ***WebDriver*** |
| **Selenium IDE** | **Selenium RC** | **WebDriver** |
| 可以生成代码 | RSpec(Ruby),Test :: Unit(Ruby),unittest(Python 2),JUnit 3(Java),JUnit 4(Java),TestNG(Java),NUnit(C# ) | RSpec(Ruby),Test :: Unit(Ruby),unittest(Python 2),JUnit 4(Java),TestNG(Java),NUnit(C# ) |
巨大的支持权!
......
......@@ -36,7 +36,7 @@
![Edit Menu](img/bca40d632ffeab3c1eea07bbae13700a.png)
是时候换另一个相关的 ***BrainBell*** 了! 使用我们已经知道的东西来关联我们正在学习的内容,可以帮助大脑更轻松地记住。 就像在大脑上贴笔记一样。
是时候换另一个相关的 **BrainBell** 了! 使用我们已经知道的东西来关联我们正在学习的内容,可以帮助大脑更轻松地记住。 就像在大脑上贴笔记一样。
因此,这里是我们著名的诗,但稍作修改,
......@@ -73,10 +73,10 @@
**常规**标签中:
* ***默认超时值*** – 这表示 Selenium IDE 在产生错误之前宁愿等待测试步骤执行的时间(以毫秒为单位)。 默认值设置为 30000ms,即 30s。 可以根据 Web 元素出现或可访问的速度适当增加或减少此值。
* ***扩展*** – Selenium IDE 扩展增强了该工具的功能,可以通过从[下载所需的扩展来实现此功能 https://addons.mozilla.org/en-US/firefox /](https://addons.mozilla.org/en-US/firefox/) 链接,在页面右上角的搜索框中使用“Selenium”作为关键字。 除了作为基准 IDE 扩展的一部分定义的扩展之外,这些还将是其他扩展。
* ***记住基本 URL*** – 选中此选项将确保 Selenium IDE 每次启动时都会记住该 URL 或将其加载到该工具的基本 URL 文本框中。 取消选中此选项后,IDE 将在基本 URL 栏中以空白值启动。
* ***启用实验性功能*** – 首次使用活动的互联网连接检查此字段将导入可用的格式,我们将在稍后看到。
* **默认超时值** – 这表示 Selenium IDE 在产生错误之前宁愿等待测试步骤执行的时间(以毫秒为单位)。 默认值设置为 30000ms,即 30s。 可以根据 Web 元素出现或可访问的速度适当增加或减少此值。
* **扩展** – Selenium IDE 扩展增强了该工具的功能,可以通过从[下载所需的扩展来实现此功能 https://addons.mozilla.org/en-US/firefox /](https://addons.mozilla.org/en-US/firefox/) 链接,在页面右上角的搜索框中使用“Selenium”作为关键字。 除了作为基准 IDE 扩展的一部分定义的扩展之外,这些还将是其他扩展。
* **记住基本 URL** – 选中此选项将确保 Selenium IDE 每次启动时都会记住该 URL 或将其加载到该工具的基本 URL 文本框中。 取消选中此选项后,IDE 将在基本 URL 栏中以空白值启动。
* **启用实验性功能** – 首次使用活动的互联网连接检查此字段将导入可用的格式,我们将在稍后看到。
**格式**选项卡:
......
......@@ -31,7 +31,7 @@
**点击“单步”之前,**
单击工具栏中的“播放当前测试用例”按钮后,将执行断点之前的所有命令。 它停在“typewait | id = ap_customer_name | user1”这一行。
单击工具栏中的“播放当前测试用例”按钮后,将执行断点之前的所有命令。 它停在“`typewait | id = ap_customer_name | user1`”这一行。
![Before clicking Step](img/24e6192902ccf66b3c0e166a9e8c3880.png)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册