1、JasmineJasmine是一個行為驅(qū)動的測試開發(fā)框架，用于對JavaScript代碼進行測試。
成都創(chuàng)新互聯(lián)成立與2013年，先為青陽等服務(wù)建站，青陽等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為青陽企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
它不依賴其它任何JavaScript框架，也不需要DOM。
它的語法簡潔、明確，寫測試非常容易。
2、MochaMocha是一個功能豐富的JavaScript測試框架，既運行于Node.js環(huán)境中，也可以運行于瀏覽器環(huán)境中。
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的復(fù)數(shù)形式，是一種可以監(jiān)視方法、調(diào)用和參數(shù)的技術(shù)]。
它不依賴任何東西，可以配合任何單元測試框架工作。
6、KarmaKarma是針對連通瀏覽器的一個框架無關(guān)測試運行器。
每一個測試結(jié)果對應(yīng)每個瀏覽器，它的測試和顯示都是通過命令行暴露給開發(fā)者的，這樣他們就可以看到瀏覽器測試的通過或失敗。
7、SeleniumSelenium有一個簡單的目標：就是自動化瀏覽器。
它主要用于自動化測試web應(yīng)用程序，但是只是很簡單地考慮到了基于網(wǎng)絡(luò)的管理任務(wù)。
8、WebdriverIOWebdriverIO允許用戶僅添加幾行代碼就可以控制瀏覽器或移動應(yīng)用程序，使測試代碼更簡單、簡潔、易讀。
集成的TestRunner同樣允許你以同步的方式調(diào)用異步命令，這樣你不需要關(guān)心如何處理Promise以避免競態(tài)條件。
此外，它取消了所有的繁瑣的設(shè)置工作，并且會為您管理的Selenium會話。
9、NightwatchNightwatch.js是一個易于使用的Node.js，它是為基于瀏覽器的app和網(wǎng)站設(shè)計的終端到終端（E2E）的測試方法。
它使用強大的W3CWebDriverAPI，用于在DOM元素上執(zhí)行命令和斷言。
10、PhantomCSSPhantomCSS獲得CasperJS捕獲的屏幕截圖，并使用Resemble.js將其與基準圖進行對比，以測試RGB像素差異。
java課程發(fā)現(xiàn)PhantomCSS然后生成圖像差異對比，用于幫助您找到原因。
11、PhantomFlowPhantomFlow使用決策樹提供UI測試方案。
針對PhantomJS,CasperJS和PhantomCSS的NodeJS包裝器——PhantomFlow能夠流暢地在代碼中描述用戶流程，同時生成用于可視化的結(jié)構(gòu)化樹數(shù)據(jù)。
簡單地說，前端就是你在瀏覽網(wǎng)頁app看到的一切東西，都是前端。后端就是程序員在背后做的一切努力，對數(shù)據(jù)等東西的處理。而終端就是你使用來瀏覽這些東西的設(shè)備。
展開來說的話，就比較長。
前端：
前端就是展現(xiàn)給用戶瀏覽的部分。我們通常說的前端，其實是指前端開發(fā)，也就是創(chuàng)建PC端或移動端等前端界面給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。前端開發(fā)是從網(wǎng)頁制作演變而來。早期的網(wǎng)頁制作主要內(nèi)容都是靜態(tài)的，以文字圖片為主，用戶使用網(wǎng)站也以瀏覽為主。隨著互聯(lián)網(wǎng)的發(fā)展，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強大。因此現(xiàn)在的前端開發(fā)的主要技術(shù)通常是指html、css、js技術(shù)和一些開發(fā)框架的使用。大家熟知的Facebook就是Web前端技術(shù)的產(chǎn)物，完全基于前端框架打造出來的平臺。另外，外賣平臺餓了么旗下的部分產(chǎn)品也是基于Web前端技術(shù)的。像淘寶，百度，阿里等等，都已經(jīng)將Web前端技術(shù)打入到了自己的產(chǎn)品中。
后端：
為了讓服務(wù)器、應(yīng)用、數(shù)據(jù)庫能夠彼此交互，后端工程師需要具有用于應(yīng)用構(gòu)建的服務(wù)器端語言，數(shù)據(jù)相關(guān)工具，PHP框架，版本控制工具，還要熟練使用 Linux 作為開發(fā)和部署環(huán)境。后端開發(fā)者使用這些工具編寫干凈、可移植、具有良好文檔支持的代碼來創(chuàng)建或更新 Web 應(yīng)用。但在寫代碼之前，他們需要與客戶溝通，了解其實際需求并轉(zhuǎn)化為技術(shù)目標，制定最有效且精簡的方案來進行實現(xiàn)。
終端：
“終端”即是指最后或最外層的節(jié)點。在計算機世界里一般指最外層的輸入輸出。那什么是計算機的輸入輸出？最常見的輸出設(shè)備就是顯示器、最常見的輸入設(shè)備就是鍵盤鼠標。所以通俗來說，計算機的終端就是位于最外層的顯示器、鍵盤或鼠標。
在過去（現(xiàn)在也有）因為計算機資源非常寶貴，經(jīng)常一臺高性能主機向多臺終端設(shè)備提供計算能力。即終端設(shè)備通過鍵盤鼠標向中心主機輸入信息，中心主機計算后將結(jié)果返回給終端進行顯示。終端本身不具備核心計算能力，主要就負責數(shù)據(jù)的輸入和輸出，這就是“終端”。
現(xiàn)代我們管很多設(shè)備叫終端機，比如手機。因為手機作為接打電話的終端負責聲音的輸入和輸出，而重要的信號處理工作由各個基站等設(shè)備完成。
Javascript是一種由Netscape的LiveScript發(fā)展而來的腳本語言，主要目的是為了解決服務(wù)器終端語言，比如Perl，遺留的速度問題。當時服務(wù)端需要對數(shù)據(jù)進行驗證，由于網(wǎng)絡(luò)速度相當緩慢，只有28.8kbps，驗證步驟浪費的時間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗證的基本功能。
歷史
在1992年，Nombas開始開發(fā)一種嵌入式腳本語言，叫做C-minus-minus(Cmm)。[待續(xù)...
能夠具有交互性，能夠包含更多活躍的元素，就有必要在網(wǎng)頁中嵌入其它的技術(shù)。如：Javascript、VBScript、Document Object Model（文件目標模塊）、Layers和 Cascading Style Sheets（CSS），這里主要講Javascript。那么Javascript是什么東東？Javascript就是適應(yīng)動態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于Internet網(wǎng)頁制作上。 Javascript是由 Netscape公司開發(fā)的一種腳本語言（scripting language），或者稱為描述語言。在HTML基礎(chǔ)上，使用Javascript可以開發(fā)交互式Web網(wǎng)頁。Javascript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。 運行用Javascript編寫的程序需要能支持Javascript語言的瀏覽器。Netscape公司 Navigator 3．0以上版本的瀏覽器都能支持 Javascript程序，微軟公司 Internet Explorer 3．0以上版本的瀏覽器基本上支持Javascript。微軟公司還有自己開發(fā)的Javascript，稱為JScript。 Javascript和Jscript基本上是相同的，只是在一些細節(jié)上有出入。 Javascript短小精悍， 又是在客戶機上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。 同時它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。
雖然，在Dreamweaver的Behaviors可以為我們方便地使用Javascript程序而不用編寫代碼，但我們自己了解了Javascript的編程方法后，將能更加方便靈活地應(yīng)用，也使Javascript的代碼更簡練。本專題通過對一系列典型程序的剖析，使你快速地掌握Javascript的編程技巧，設(shè)計出質(zhì)量上乘的動態(tài)網(wǎng)頁打下堅實的基礎(chǔ)。在此之前，我們先了解一些Javascript 的基本概念。
JavaScript 有什么特點
JavaScript 使網(wǎng)頁增加互動性。JavaScript 使有規(guī)律地重復(fù)的HTML文段簡化，減少下載時間。JavaScript 能及時響應(yīng)用戶的操作，對提交表單做即時的檢查，無需浪費時間交由 CGI 驗證。JavaScript 的特點是無窮無盡的，只要你有創(chuàng)意。
Java 與 JavaScript 有什么不同
很多人看到 Java 和 JavaScript 都有“Java”四個字，就以為它們是同一樣?xùn)|西，連我自己當初也是這樣。其實它們是完完全全不同的兩種東西。Java，全稱應(yīng)該是 Java Applet，是嵌在網(wǎng)頁中，而又有自己獨立的運行窗口的小程序。Java Applet 是預(yù)先編譯好的，一個 Applet 文件（.class）用 Notepad 打開閱讀，根本不能理解。Java Applet 的功能很強大，可以訪問 http、ftp等協(xié)議，甚至可以在電腦上種病毒（已有先例了）。相比之下，JavaScript 的能力就比較小了。JavaScript 是一種“腳本”（“Script”），它直接把代碼寫到 HTML 文檔中，瀏覽器讀取它們的時候才進行編譯、執(zhí)行，所以能查看 HTML 源文件就能查看JavaScript 源代碼。JavaScript 沒有獨立的運行窗口，瀏覽器當前窗口就是它的運行窗口。它們的相同點，我想只有同是以 Java 作編程語言一點了。
開發(fā) JavaScript 該用什么軟件
一個 JavaScript 程序其實是一個文檔，一個文本文件。它是嵌入到 HTML 文檔中的。所以，任何可以編寫 HTML 文檔的軟件都可以用來開發(fā) JavaScript。在此我推薦大家用 FrontPage 2000 附帶的 Microsoft 腳本編輯器（在 FrontPage 菜單 | 工具 | 宏 | Microsoft 腳本編輯器）。它是個像 Visual Basic / C++ 一樣的程序開發(fā)器，能對正在輸入的語句作出簡要提示。配合 FrontPage 2000，使工作量大大減少。
一、Javascript在網(wǎng)頁的用法
Javascript加入網(wǎng)頁有兩種方法：
1、直接加入HTML文檔
這是最常用的方法，大部分含有Javascript的網(wǎng)頁都采用這種方法，如：
script language="Javascript"
!--
document.writeln("這是Javascript！采用直接插入的方法！");
//-Javascript結(jié)束--
/script
在這個例子中，我們可看到一個新的標簽： script……/script，而script language="Javascript” 用來告訴瀏覽器這是用Javascript編寫的程序，需要調(diào)動相應(yīng)的解釋程序進行解釋。
HTML的注釋標簽!--和--：用來去掉瀏覽器所不能識別的Javascript源代碼的，這對不支持 Javascript 語言的瀏覽器來說是很有用的。
//-Javascript結(jié)束：雙斜杠表示 Javascript的注釋部分，即從//開始到行尾的字符都被忽略。 至于程序中所用到的document．write（）函數(shù)則表示將括號中的文字輸出到窗口中去， 這在后面將會詳細介紹。 另外一點需要注意的是，script……/script的位置并不是固定的，可以包含在head....../head 或body...../body中的任何地方。
2、引用方式 如果已經(jīng)存在一個Javascript源文件（以js為擴展名），則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：
script src＝url language="Javascript"/script
其中的Url就是程序文件的地址。同樣的，這樣的語句可以放在HTML文檔頭部或主體的任何部分。 如果要實現(xiàn)“直接插入方式”中所舉例子的效果，可以首先創(chuàng)建一個Javascript源代碼文件“Script.js”，其內(nèi)容如下：
document.writeln("這是Javascript！采用直接插入的方法！");
在網(wǎng)頁中可以這樣調(diào)用程序：script src＝"Script.js" language="Javascript"/script 。
二、Javascript基本概念
在這里只作簡單介紹，在以后的例子中結(jié)程序再作具體解釋其作用。
1、運算符
運算符就是完成操和的一系列符號，它有七類：
賦值運算符、算術(shù)運算符、比較運算符、邏輯運算符、條件運算、位操作運算符和字符串運算符。
2、表達式
運算符和操作數(shù)的組合稱為表達式，通常分為四類：賦值表達式、算術(shù)表達式、布爾表達式和字符串表達式。
3、語句
Javascript程序是由若干語句組成的，語句是編寫程序的指令。Javascript提供了完整的基本編程語句，它們是：
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、do while循環(huán)語句、break循環(huán)中止語句和continue循環(huán)中斷語句。
4、函數(shù)
函數(shù)是命名的語句段，這個語句段可以被當作一個整體來引用不著和執(zhí)行。使用函數(shù)要注意以下幾點：
1）函數(shù)由關(guān)鍵字function定義；
2）函數(shù)必須先定義后使用，否則將出錯；
3）函數(shù)名是調(diào)用函數(shù)時引用的名稱，它對大小寫是敏感的，調(diào)用函數(shù)時不可寫錯函數(shù)名；
4）參數(shù)表示傳遞給函數(shù)使用或操作的值，它可以是常量，也可以是變量；
5）return語句用于返回表達式的值，也可以沒有。
5、對象
Javascript的一個重要功能就是基于對象的功能，通過基于對象的程序設(shè)計，可以用更直觀、模塊化和可重復(fù)使用的方式進行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進行操作的方法，稱為對象。比如要設(shè)定網(wǎng)頁的背景顏色，所針對的對象就是document，所用的屬性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的顏色為藍色。
6、事件
用戶與網(wǎng)頁交互時產(chǎn)生的操作，稱為事件。絕大部分事都由用戶的動作所引發(fā)，如：用戶按鼠標的按鈕，就產(chǎn)生onclick事件，若鼠標的指針的鏈接上移動，就產(chǎn)生onmouseover事件等等。在Javascript中，事件往往與事件處理程序配套使用。
學(xué)習(xí)Javascript比較快速有效的方法是先熟悉一些基本概念，然后找?guī)讉€別人設(shè)計好的程序認真仔細地分析一遍，再稍作改動，再看看能否達到預(yù)期目的，不斷地舉一反三，既可以加深對一些參數(shù)、設(shè)計方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript對大小寫是敏感的，特別是一些對象、方法、屬性的大小寫一定要一致，要養(yǎng)成一種良好的習(xí)慣，否則在調(diào)試程序時可要累死你了。
7、變量
如 var myVariable = "some value";
javascript是個腳本語言，可以在瀏覽器或者實現(xiàn)了javascript解析器的程序里面執(zhí)行。手機里面的javascript開關(guān)，就是你用手機上網(wǎng)時，要不要執(zhí)行網(wǎng)頁里面的javascript腳本，和在pc上一個道理。
打個比方，你在百度搜索欄敲個字符，一般都會給個匹配的關(guān)鍵字的列表，你可以在里面選有沒有自己想要的關(guān)鍵字。如果你把javascript關(guān)了，那這個列表就不會出現(xiàn)了。
script?type="text/javascript"?
var?browser={?
versions:function(){?
var?u?=?navigator.userAgent,?app?=?navigator.appVersion;?
return?{?
//移動終端瀏覽器版本信息?
trident:?u.indexOf('Trident')??-1,?//IE內(nèi)核?
presto:?
u.indexOf('Presto')??-1,?//opera內(nèi)核?
webKit:?u.indexOf('AppleWebKit')??
-1,?//蘋果、谷歌內(nèi)核?
gecko:?u.indexOf('Gecko')??-1??
u.indexOf('KHTML')?==?-1,?//火狐內(nèi)核?
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應(yīng)該程序，沒有頭部與底部?
};?
}(),?
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
網(wǎng)絡(luò)卡頓。js是一個基于ChromeJavaScript運行時的平臺，可輕松構(gòu)建快速，可擴展的網(wǎng)絡(luò)應(yīng)用程序。在使用該平臺時，網(wǎng)絡(luò)卡頓會導(dǎo)致數(shù)據(jù)傳輸失敗，從而使cls清屏后不能正常運行，用戶只需要從新連接網(wǎng)絡(luò)即可。
重慶分公司
重慶分公司
