javascript终端,终端与前端

北大青鸟java培训：JavaScript代码测试必备的12款工具？

1、JasmineJasmine是一个行为驱动的测试开发框架，用于对JavaScript代码进行测试。

它不依赖其它任何JavaScript框架，也不需要DOM。

它的语法简洁、明确，写测试非常容易。

2、MochaMocha是一个功能丰富的JavaScript测试框架，既运行于Node.js环境中，也可以运行于浏览器环境中。

Mocha以串行方式运行测试，能做出灵活而准确的报告，也能将测试中未捕捉的异常映射到正确的测试用例。

3、ChaiChai是个支持BDD/TDD的库，可用于node和浏览器，可配合任何JavaScript测试框架使用。

4、QUnitQUnit是个功能强大又易于使用的JavaScript单元测试框架。

jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的JavaScript代码。

5、SinonSinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注：Spy、Stub和Mock都是测试专用名词，Stub常被翻译为桩，spies是Spy的复数形式，是一种可以监视方法、调用和参数的技术]。

它不依赖任何东西，可以配合任何单元测试框架工作。

6、KarmaKarma是针对连通浏览器的一个框架无关测试运行器。

每一个测试结果对应每个浏览器，它的测试和显示都是通过命令行暴露给开发者的，这样他们就可以看到浏览器测试的通过或失败。

7、SeleniumSelenium有一个简单的目标：就是自动化浏览器。

它主要用于自动化测试web应用程序，但是只是很简单地考虑到了基于网络的管理任务。

8、WebdriverIOWebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序，使测试代码更简单、简洁、易读。

集成的TestRunner同样允许你以同步的方式调用异步命令，这样你不需要关心如何处理Promise以避免竞态条件。

此外，它取消了所有的繁琐的设置工作，并且会为您管理的Selenium会话。

9、NightwatchNightwatch.js是一个易于使用的Node.js，它是为基于浏览器的app和网站设计的终端到终端（E2E）的测试方法。

它使用强大的W3CWebDriverAPI，用于在DOM元素上执行命令和断言。

10、PhantomCSSPhantomCSS获得CasperJS捕获的屏幕截图，并使用Resemble.js将其与基准图进行对比，以测试RGB像素差异。

java课程发现PhantomCSS然后生成图像差异对比，用于帮助您找到原因。

11、PhantomFlowPhantomFlow使用决策树提供UI测试方案。

针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。

相关问答

Q1: 什么是前端，后端，终端，有什么区别？

简单地说，前端就是你在浏览网页app看到的一切东西，都是前端。后端就是程序员在背后做的一切努力，对数据等东西的处理。而终端就是你使用来浏览这些东西的设备。

展开来说的话，就比较长。

前端：

前端就是展现给用户浏览的部分。我们通常说的前端，其实是指前端开发，也就是创建PC端或移动端等前端界面给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发是从网页制作演变而来。早期的网页制作主要内容都是静态的，以文字图片为主，用户使用网站也以浏览为主。随着互联网的发展，现代网页更加美观，交互效果显著，功能更加强大。因此现在的前端开发的主要技术通常是指html、css、js技术和一些开发框架的使用。大家熟知的Facebook就是Web前端技术的产物，完全基于前端框架打造出来的平台。另外，外卖平台饿了么旗下的部分产品也是基于Web前端技术的。像淘宝，百度，阿里等等，都已经将Web前端技术打入到了自己的产品中。

后端：

为了让服务器、应用、数据库能够彼此交互，后端工程师需要具有用于应用构建的服务器端语言，数据相关工具，PHP框架，版本控制工具，还要熟练使用 Linux 作为开发和部署环境。后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web 应用。但在写代码之前，他们需要与客户沟通，了解其实际需求并转化为技术目标，制定最有效且精简的方案来进行实现。

终端：

“终端”即是指最后或最外层的节点。在计算机世界里一般指最外层的输入输出。那什么是计算机的输入输出？最常见的输出设备就是显示器、最常见的输入设备就是键盘鼠标。所以通俗来说，计算机的终端就是位于最外层的显示器、键盘或鼠标。

在过去（现在也有）因为计算机资源非常宝贵，经常一台高性能主机向多台终端设备提供计算能力。即终端设备通过键盘鼠标向中心主机输入信息，中心主机计算后将结果返回给终端进行显示。终端本身不具备核心计算能力，主要就负责数据的输入和输出，这就是“终端”。

现代我们管很多设备叫终端机，比如手机。因为手机作为接打电话的终端负责声音的输入和输出，而重要的信号处理工作由各个基站等设备完成。

Q2: 什么是JavaScript？

Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

历史

在1992年，Nombas开始开发一种嵌入式脚本语言，叫做C-minus-minus(Cmm)。[待续...

能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。 运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

虽然，在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码，但我们自己了解了Javascript的编程方法后，将能更加方便灵活地应用，也使Javascript的代码更简练。本专题通过对一系列典型程序的剖析，使你快速地掌握Javascript的编程技巧，设计出质量上乘的动态网页打下坚实的基础。在此之前，我们先了解一些Javascript 的基本概念。

JavaScript 有什么特点

JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。

Java 与 JavaScript 有什么不同

很多人看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的，一个 Applet 文件（.class）用 Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript 的能力就比较小了。JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java 作编程语言一点了。

开发 JavaScript 该用什么软件

一个 JavaScript 程序其实是一个文档，一个文本文件。它是嵌入到 HTML 文档中的。所以，任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器（在 FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器）。它是个像 Visual Basic / C++ 一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。

一、Javascript在网页的用法

Javascript加入网页有两种方法：

1、直接加入HTML文档

这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：

script language="Javascript"

!--

document.writeln("这是Javascript！采用直接插入的方法！");

//-Javascript结束--

/script

在这个例子中，我们可看到一个新的标签： script……/script，而script language="Javascript” 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。

HTML的注释标签!--和--：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。

//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。 至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去， 这在后面将会详细介绍。 另外一点需要注意的是，script……/script的位置并不是固定的，可以包含在head....../head 或body...../body中的任何地方。

2、引用方式 如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

script src＝url language="Javascript"/script

其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.writeln("这是Javascript！采用直接插入的方法！");

在网页中可以这样调用程序：script src＝"Script.js" language="Javascript"/script 。

二、Javascript基本概念

在这里只作简单介绍，在以后的例子中结程序再作具体解释其作用。

1、运算符

运算符就是完成操和的一系列符号，它有七类：

赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。

2、表达式

运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。

3、语句

Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。

4、函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点：

1）函数由关键字function定义；

2）函数必须先定义后使用，否则将出错；

3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量；

5）return语句用于返回表达式的值，也可以没有。

5、对象

Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

6、事件

用户与网页交互时产生的操作，称为事件。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生onclick事件，若鼠标的指针的链接上移动，就产生onmouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。

学习Javascript比较快速有效的方法是先熟悉一些基本概念，然后找几个别人设计好的程序认真仔细地分析一遍，再稍作改动，再看看能否达到预期目的，不断地举一反三，既可以加深对一些参数、设计方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript对大小写是敏感的，特别是一些对象、方法、属性的大小写一定要一致，要养成一种良好的习惯，否则在调试程序时可要累死你了。

7、变量

如 var myVariable = "some value";

Q3: 手机 的javascript有什么用？

javascript是个脚本语言，可以在浏览器或者实现了javascript解析器的程序里面执行。手机里面的javascript开关，就是你用手机上网时，要不要执行网页里面的javascript脚本，和在pc上一个道理。

打个比方，你在百度搜索栏敲个字符，一般都会给个匹配的关键字的列表，你可以在里面选有没有自己想要的关键字。如果你把javascript关了，那这个列表就不会出现了。

Q4: JavaScript判断客户端是iOS还是Android等移动终端

script type="text/javascript" 

var browser={ 

versions:function(){ 

var u = navigator.userAgent, app = navigator.appVersion; 

return { 

//移动终端浏览器版本信息 

trident: u.indexOf('Trident')  -1, //IE内核 

presto: 

u.indexOf('Presto')  -1, //opera内核 

webKit: u.indexOf('AppleWebKit')  

-1, //苹果、谷歌内核 

gecko: u.indexOf('Gecko')  -1  

u.indexOf('KHTML') == -1, //火狐内核 

mobile: !!u.match(/AppleWebKit.*Mobile.*/), 

//是否为移动终端 

ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 

android: u.indexOf('Android')  -1 || u.indexOf('Linux')  -1, 

//android终端或uc浏览器 

iPhone: u.indexOf('iPhone')  -1 , //是否为iPhone或者QQHD浏览器 

iPad: u.indexOf('iPad')  -1, //是否iPad 

webApp: u.indexOf('Safari') == 

-1 //是否web应该程序，没有头部与底部 

}; 

}(), 

language:(navigator.browserLanguage 

|| navigator.language).toLowerCase() 

} 

document.writeln("语言版本: 

"+browser.language); 

document.writeln(" 是否为移动终端: "+browser.versions.mobile); 

document.writeln(" ios终端: "+browser.versions.ios); 

document.writeln(" 

android终端: "+browser.versions.android); 

document.writeln(" 是否为iPhone: 

"+browser.versions.iPhone); 

document.writeln(" 是否iPad: 

"+browser.versions.iPad); 

document.writeln(navigator.userAgent); 

/script

Q5: js终端cls清屏后运行不了

网络卡顿。js是一个基于ChromeJavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。在使用该平台时，网络卡顿会导致数据传输失败，从而使cls清屏后不能正常运行，用户只需要从新连接网络即可。