首頁 > 開發者 > JavaScript
標籤：底線 color ima 技術分享 ice 9.png 消極式載入 定義 gpo
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> 8 <link rel="stylesheet" href="./sass/index.css"> 9 <script src="./script/index.js"></script>10 <script src="./script/index1.js"></script>11 <script src="./script/index2.js"></script>12 <title>Document</title>13 </head>14 15 <body>16 17 18 <form action="#" method="post">19 <input type="text">20 </form>21 22 <script type="text/javascript">23 console.log(‘Glad to meet you again!‘);24 </script>25 26 27 </body>28 29 </html>
1.縱所周知，JavaScript可以嵌套與網頁的任何一地方
2.JavaScript指令碼通過src來引入
3.目前大家都知道script就是JavaScript，我們不用寫type類型（IE8或者以及低級瀏覽器是不支援的）
4.也許我們可以加上請求的編碼格式（對瀏覽器的聲明，不加上可能會出現編碼問題）
嗨，你是否經常把檔案用windows的notepad建立！
<script src="./script/index.js" charset="utf-8"></script>
5.defer是什嗎？（聽說JavaScript會阻滯吧）
不對吧，這順序！
其實defer是消極式載入js代碼，最初是IE瀏覽器支援的，後來逐漸被其它瀏覽器所支援
查詢當前支援：https://caniuse.com/
6.async是什嗎？
async是h5新支援的非同步載入js代碼（但是還是會有載入順序不一，不建議使用）
7.Ok，我們來實現一下defer
原理就是瀏覽器產生順序 HTML - > CSS -> JavaScript
HTML DOM（Model）- 模式層
CSS DOM（VIEW）- 視圖層
JavaScript（Controller） - 控制層
如果我們在HTML中寫入JavaScript，那就耽誤了HTML樹形目錄產生
我們的JavaScript一般最好就是產生HTML DOM 後再執行，而
window.onload恰好滿足了我們的要求！
window.onload = function() { console.log(‘I am js zero‘);}
8.為什麼我們推薦瀏覽器內的JavaScript變數用雙引號（引入檔案內部全部採用單引號）？
這主要是方便我們以後維護
問：Emment你認為呢？
答：嗯，我已經預設CSS雙引號了。
9.JavaScript我們命名分割全部用底線吧，絕不用（-）
當然，除了這些我們還可以用駝峰以及別的命名法
因為IE某些版本只支援底線分割命名法，不支援橫杠（-） ，我就把它讓給CSS兄dei吧！
話說，IE7.0以及IE8.0份額還那麼多，你頭痛嗎？
10.為什麼推薦變數與值賦值前後要分割space？
可以讓我們更好地識別以及避免一些低級賦值錯誤（話說C語言就賦值錯誤犯過一次，找了好久... 往事不堪回首）
11.JavaScript多個變數賦值，用逗號分隔
12.什麼是undefined，什麼是 no defined
所謂undefined是定義了，未賦值
所謂no defined是未定義
重新認識一遍JavaScript
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
