剛開始的時候?qū)ψ⑨尩膶懛ㄉ闯埽€是能分清的,后來經(jīng)常使用ctrl + /
或者Ctrl+shift+/
快捷鍵來快速注釋险耀,老是記混淆了弄喘,今天有時間就整理一下,免得以后在記混了甩牺。
兩種注釋有自己相應(yīng)的使用場景蘑志,不能亂用,我記得我當(dāng)初寫的代碼贬派,因為一個注釋錯了急但,調(diào)了一晚上愣是沒找出來錯誤在哪,最后才發(fā)現(xiàn)是注釋用錯了赠群,很坑爹有木有羊始!
1.1 html注釋寫法
<!-- 這是HTML的注釋標(biāo)簽寫法 -->
小訣竅:
- 開始于
左尖括號
+!--
- 一看到
尖括號
就聯(lián)想到html標(biāo)簽
的寫法,自然就想到了它是html注釋
查描,這樣比較好記突委; - 使用
<
和>
是符合HTML標(biāo)簽語法規(guī)則
的;
1.2 html中的條件注釋
<!--[if IE 9]>
.... some HTML here ....
<![endif]-->
這個條件注釋一般只針對IE版本的瀏覽器執(zhí)行的 HTML 標(biāo)簽柏卤。
2.1 css和js注釋寫法
/*多行css、js代碼注釋 即代碼塊注釋 */
// 單行css或js注釋
注意:
- css和js可以使用相同的注釋寫法匀油;
-
單行注釋
使用雙斜杠
缘缚; -
多行注釋
以斜杠 + 星
開始,以星 + 斜杠
結(jié)束敌蚜;
3.1 舉個栗子吧:
1桥滨、<!--注釋內(nèi)容-->
2、//注釋內(nèi)容 (在css或javascript中插入單行注釋)
3弛车、/*注釋內(nèi)容*/ (在css或javascript中插入多行注釋)
JavaScript使用雙斜杠注釋單行代碼:
// console.log("hello, 呆萌小二郎zmh'");
使用斜杠星注釋代碼塊(多行代碼):
/*
var person = new Object();
person.name = 'zhouminghang';
person.age = '23',
person.job = 'webEngineer';
console.log("我是" + person.name + "," + person.age + "歲," + "我是一名" + person.job + "!" );
*/
4.1 注釋之性能問題
- 過多的JavaScript注釋會降低JavaScript的執(zhí)行速度與加載速度齐媒,因此在發(fā)布網(wǎng)站時,一般去掉JavaScript注釋纷跛,可以使用
gulp
或webpack
實現(xiàn); - 注釋塊
/* ... */
中不能再包含有/*或*/喻括,JavaScript正則表達(dá)式中可能產(chǎn)生這種代碼
,這樣會產(chǎn)生語法錯誤; - 推薦使用
//
注釋代碼贫奠;
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-------學(xué)習(xí)是一個雙向輸入輸出的過程唬血,--
------沒有輸入,怎會有太多輸出唤崭!--
-----我是呆萌小二郎zmh'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++