圖1
圖2
圖3
avascript并不是只是存活在瀏覽器里面。
Google公司的chrome瀏覽器非常著名,出于公司發展戰略的考慮,為了把持互聯網入口,google把這個瀏覽器做的非常出色。
而且Google也做到了,一個成果就是google命名為V8的JavaScript解釋引擎。
在早期,chrome團隊每次在更新里面都提到“JavaScript速度提高XX倍”,這個XX通常是以百位來計數的。
人們一看,我擦,這么強的東西,只用在瀏覽器里面太可惜了,而且Chrome一直是個開源產品,為什么不把V8那一部分拿出來,單獨做一個東西呢?
于是Node.js就誕生了。
從此以后,人們就可以在任何地方使用JavaScript了。
你可以去node.js官網(https://nodejs.org/en/)去下載。
Node.js的版本發展速度非常快,經常一個星期就發布一個新的版本,被人戲稱為“版本帝”。
后來node.js發表了LTS版本,就是“長時間支持版本”,就是版本號不變,但是那些改進特性會融入到這個版本里面。
如果你喜歡嘗試新特性,可以使用Current版本。
在node.js里面都可以下載。
node.js并不只是把V8引擎給利用了起來,還帶來了NPM這個改變世界的東東。
npm你可以想象成一個代碼倉庫,人們可以把自己的代碼以模塊的形式發布到npm倉庫上面,任何其他人就可以使用這些模塊了。
npm是世界上最大的代碼倉庫之一,幾乎可以找到任何方面的Javascript代碼模塊。
這也是現在Javasript征服世界的一個原因之一。
當然另外一個方面,node.js也有不是非常擅長的領域,譬如長時間的運算(如加密等)。
同時,Javascript的設計方面也有一些問題,它的異步執行方式對于傳統的C系列編程人員(C系就是C、c++、Java等c語法類型),思維方式需要一些改變才能習慣異步代碼。
好吧,今天就到這里。
自己下載安裝一個node.js來試一試吧!
錄
1.警告彈窗
2.確認彈窗
3.提示彈窗
1.警告彈窗 alert();
警告框經常用于確保用戶可以得到某些信息。
當警告框出現后,用戶需要點擊確定按鈕才能繼續進行操作。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ alert("hello"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="警告" /> </body> </html>
此代碼運行成功后,若點擊"警告"按鈕 會出現內容顯示為"hello"的彈窗.
2.確認彈窗 confirm();
確認彈框通常用于驗證是否接受用戶操作。
當確認卡彈出時,用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。
當你點擊 "確認", 確認框返回 true, 如果點擊 "取消", 確認框返回 false。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>練習</title> </head> <body> <p>點擊按鈕,顯示確認框。</p> <button onclick="myFunction()">點這里</button> <p id="demo"></p> <script> function myFunction(){ var x; var r=confirm("你確定?"); if (r==true){ x="你按下了確定按鈕"; } else{ x="你選擇了取消"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
點擊按鈕后會出現確認彈框"你確定?"
點擊"確定"會提示"你按下了確定按鈕";
否則會提示"你選擇了取消";
3.提示彈窗 prompt()
提示框經常用于提示用戶在進入頁面前輸入某個值。
當提示框出現后,用戶需要輸入某個值,然后點擊確認或取消按鈕才能繼續操縱。
如果用戶點擊確認,那么返回值為輸入的值。如果用戶點擊取消,那么返回值為 null。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>練習</title> </head> <body> <button onclick="myFunction()">點這里</button> <p id="demo"></p> <script> function myFunction(){ var x; var person=prompt("請輸入你的名字","jack"); if (person!=null && person!=""){ x="你好 " + person; document.getElementById("demo").innerHTML=x; } } </script> </body> </html>
點擊按鈕后會出現提示輸入你的名字
輸入后點擊確定會出現
"jack你好 "
希望本文所述對大家vue.js程序設計有所幫助。
歡迎大家多多留言討論,如有錯誤請大神指教,如果你是小白也可以私信“資料”領取前端學習資料一起學習
*請認真填寫需求信息,我們會在24小時內與您取得聯系。