Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenDocCN
jbt-zh
提交
070147a5
J
jbt-zh
项目概览
OpenDocCN
/
jbt-zh
8 个月 前同步成功
通知
0
Star
8
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
J
jbt-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
070147a5
编写于
6月 24, 2020
作者:
W
wizardforcel
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2020-06-24 21:20:07
上级
27b74620
变更
9
隐藏空白更改
内联
并排
Showing
9 changed file
with
24 addition
and
24 deletion
+24
-24
docs/120.md
docs/120.md
+1
-1
docs/145.md
docs/145.md
+4
-4
docs/148.md
docs/148.md
+1
-1
docs/154.md
docs/154.md
+2
-2
docs/155.md
docs/155.md
+1
-1
docs/157.md
docs/157.md
+1
-1
docs/81.md
docs/81.md
+8
-8
docs/86.md
docs/86.md
+5
-5
docs/92.md
docs/92.md
+1
-1
未找到文件。
docs/120.md
浏览文件 @
070147a5
...
...
@@ -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`
定位策略。 通过这种策略定位图像的方法有两种,
...
...
docs/145.md
浏览文件 @
070147a5
...
...
@@ -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
)
...
...
docs/148.md
浏览文件 @
070147a5
...
...
@@ -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
)
...
...
docs/154.md
浏览文件 @
070147a5
...
...
@@ -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
({
...
...
docs/155.md
浏览文件 @
070147a5
...
...
@@ -102,7 +102,7 @@ var app = new Vue({
![
click event with method
](
img/4226a5eb01a26b79a17a0465adc3b6af.png
)
单击该按钮,“说声你好”触发了
`greet('howdy')`
方法,并且该方法中的代码被执行,从而向网页呈现“
Howdy
”。
单击该按钮,“说声你好”触发了
`greet('howdy')`
方法,并且该方法中的代码被执行,从而向网页呈现“
`Howdy`
”。
## 事件修饰符
...
...
docs/157.md
浏览文件 @
070147a5
...
...
@@ -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
)
...
...
docs/81.md
浏览文件 @
070147a5
...
...
@@ -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# ) |
巨大的支持权!
...
...
docs/86.md
浏览文件 @
070147a5
...
...
@@ -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 栏中以空白值启动。
*
**
启用实验性功能
**
– 首次使用活动的互联网连接检查此字段将导入可用的格式,我们将在稍后看到。
**格式**
选项卡:
...
...
docs/92.md
浏览文件 @
070147a5
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录