javascript中typeof的總結

先要給出的當然是這張值表：

從這張表可以看出，如果需要用typeof來判斷類型，只有‘boolean’、‘number’、’string’、‘function’三種類型是靠譜兒的，用于判斷其他類型會出現不可預期的錯誤~請謹慎使用~

針對typeof的軟肋，我們有一些比較好的解決方式：

判斷Array 要使用Array.isArray(arr)；

判斷null請使用myVar===null；

判斷某個全局變量是否存在用typeof window.myVar===‘undefined’；

函數內部判斷某個變量是否存在用typeof myVar===‘undefined’。

但是通過以上解決方法，我們還是沒有辦法判斷 typeof myVar===‘undefined’的時候具體是定義還是未定義

于是我們想出了另外一種解決方案，可以封裝成一個函數：

版規則

縮進

使用2個空格縮進

<ul>
  <li>Fantastic</li>
  <li>Great</li>
</ul>

.example {
  color: blue;
}

大小寫

只允許使用小寫。

所有的代碼都用小寫字母：適用于元素名，屬性，屬性值（除了文本和CDATA），選擇器，特性，特性值（除了字符串）。

<!-- 不推薦 -->
<A HREF="/">Home</A>

<!-- 推薦 -->
<img src="google.png"
alt="Google">

行為空格

建議刪除行尾白空格。

<!-- 不推薦 -->
<p>What?  </p>

<!-- 推薦 -->
<p>Yes please.</p>

常規Meta規則

編碼

如果沒有特殊需求，一般采用utf-8編碼。如果是cms站點，則遵守該站點的編碼規則。

<!-- 網頁編碼 -->
<meta charset="utf-8">

注釋

盡可能的去解釋你寫的代碼。說明該代碼包括什么、目的是什么、能做什么、為什么使用它等。

注釋是否需要詳盡，取決于項目的復雜程度。

一般單行注釋：

<!-- col -->

模塊間注釋：

<!-- news -->
<div class="news">
  <h2>News</h2>
  <p>...</p>
</div>
<!--/ news -->

循環注釋：

<ul>
  <!-- loop: new list -->
  <li>new's title 1</li>
  <li>new's title 2</li>
  <li>new's title 3</li>
  <li>new's title 4</li>
  <li>new's title 5</li>
  <!-- /loop: new list -->
</ul>

cms輸出注釋：

<!-- cms: news list -->
<ul>
  <li>new's title 1</li>
  <li>new's title 2</li>
  <li>new's title 3</li>
  <li>new's title 4</li>
  <li>new's title 5</li>
</ul>
<!-- /cms: news list -->

Tab選項卡內容注釋：

<!-- tab: news list -->
<div class="tab"></div>
<!-- /tab: news list -->

常規HTML設計規則

文檔類型

使用html5文檔聲明，不再使用XHTML（application/xhtml+xml）。

HTML5是目前所有HTML文檔類型中的首選：

<!DOCTYPE html>

HTML 的正確性

編寫有效、正確的HTML代碼，否則很難達到性能上的提升。

可以使用一些工具驗證你的代碼，如 W3C HTML validator

HTML 的語義性

根據HTML各個元素的用途而去使用它們。

<!-- 不推薦 -->
<div class="col">
  <div class="title">
news</div>
  <p>list1</p>
  <p>list2</p>
  <p>list3</p>
</div>

<!-- 推薦 -->
<div class="col">
  <h2 class="title">
news</h2>
  <p>list1</p>
  <p>list2</p>
  <p>list3</p>
</div>

部分標簽說明：

div 主要用于布局，分割頁面的結構;
ul/ol 主要用于無序/有序列表;
dl/dt/dd 當頁面中出現第一行為類似標題/簡述，然后下面為詳細描述的內容時應該使用該標簽;
span 沒有特殊的意義，可以用作排版的輔助，然后在css中定義span;
h1-h6 標題, 根據重要性依次遞減;
h1 最重要的標題;
label 使表單更有親和力而且能輔助表單排版;

不推薦使用的標簽：

font 文字的外觀，大小和顏色;
u 文本下劃線;
center 居中對齊;
s 刪除線;
strike 刪除線;
noframes 無視框時的內容;
iframe 定義嵌入視圖;
isindex 不建議使用（可搜尋，使用input代替）;
dir 目錄式列舉;
menu 菜單列表;
basefont 定義基本字體;
applet 定義java程序;
frame 定義個別視框;
frameset 視框格式總定義;

多媒體元素降級處理

給多媒體元素，比如canvas、videos、 images增加alt屬性，提高可用性（特別是常用的img標簽，盡可量得加上alt屬性，提供圖片的描述信息）。

<!-- 不推薦 -->
<img src="world.jpg">

<!-- 推薦 -->
<img src="world.jpg"
alt="our world images">

type屬性

在樣式表和腳本的標簽中忽略type屬性。

HTML5默認type為text/css和text/javascript類型，所以沒必要指定。即便是老瀏覽器也是支持的。

<!-- 不推薦 -->
<link rel="stylesheet"
 href="//www.google.com/css/maia.css"
 type="text/css">
<script src="
 //www.google.com/
 js/gweb/analytics/autotrack.js"
 type="text/javascript">
 </script>

<!-- 推薦 -->
<link rel="stylesheet"
 href="//www.google.com/css/maia.css">
<script src="
 //www.google.com/
 js/gweb/analytics/autotrack.js">
 </script>

HTML代碼格式規則

每個塊元素、列表元素或表格元素都獨占一行，每個子元素都相對于父元素進行縮進。按設計稿劃分模塊，盡量使頁面模塊化，模塊與模塊之前要有清晰的注釋。

如上面頁面框架，推薦寫法：

<!-- hader -->
<div class="header">header</div>
<!-- /hader -->
<!-- nav -->
<div class="nav">nav</div>
<!-- /nav -->
<!-- main -->
<div class="main">
  <!-- container -->
  <div class="container">
    <!--news-->
    <div class="news">
      <h2>news<h2>
      <p>...</p>
    </div>
    <!--news-->
  </div>
  <!--/container-->
  <!--sidebar-->
  <div class="sidebar">
sidebar</div>
  <!--sidebar-->
</div>
<!--/main-->
<!--footer-->
<div class="footer">
footer</div>
<!--/footer-->

HTML與SEO

頁面良好層次

保證整個頁面在未加載樣式表時仍有較好的層次清晰的頁面結構。

<!-- 不推薦 -->
<div class="logo">My Site</div>
<div class="nav">
  <a href="#">Home</a>
  <a href="#">News</a>
  <a href="#">Mobile</a>
</div>
<div class="news">
  <div>News</div>
  <a href="#">
news list 1</a>
  <a href="#">
news list 2</a>
  <a href="#">
news list 3</a>
</div>

<!-- 推薦 -->
<h1 class="logo">My Site</h1>
<ul class="nav">
  <li><a href="#">
Home</a></li>
  <li><a href="#">
News</a></li>
  <li><a href="#">
Mobile</a></li>
</ul>
<div class="news">
  <h2>News</h2>
  <ul>
    <li><a href="#">
news list 1</a>
</li>
    <li><a href="#">
news list 2</a>
</li>
    <li><a href="#">
news list 3</a>
</li>
  </ul>
</div>

權重標簽使用

H標簽使用

h1 權重高，體現當前網頁中相對比較重要的信息，但不宜過多，建議一個頁面只放一個;
h2 可以做副標題;
h3 可以做新聞列表;
h4-h6 可做相關新聞的列表標簽屬性完整;

strong、b使用

將需要加粗的文字使用b標簽來顯示。

將需要強調的文字（主要指包含關鍵詞的信息）使用strong標簽來強調主要內容。

注：b是粗體標簽，屬于實體標簽，它所包圍的字符將被設為bold（粗體）；strong 是加重語氣標簽，屬于邏輯標簽，它的作用是加強字符語氣。

標簽屬性使用

在很多情況下，a都要使用title來說明該鏈接的相關說明或目的意義。

例如：當使用overflow隱藏掉a中的溢出文字時，該a中的title是必不可少的，它可以告訴用戶被隱藏掉的文字內容是什么；又或者當一個圖片型鏈接出現時，該a中的title同樣是必不可少的，它可以告訴用戶這個圖片鏈接是做什么用的。

注：僅在img里添加alt標簽在火狐提示文字是出不來的，alt是圖片加載失敗或未加載完全時顯示出來的提示文字，要想鼠標移上去顯示提示信息應該用title，嚴謹的寫法是img里加入alt和title這兩個標簽。

精簡代碼

代碼保持精簡，最優化，這樣搜索引擎才更喜歡。

些標準哪里能查，怎么查。今天整理一份常用國家標準、行業標準、地方標準免費查閱網址，方便大家查詢。其中部分標準可免費下載，部分標準僅支持在線瀏覽。如有遺漏，或者錯誤的，歡迎底部評論區補充。

國家標準平臺

1.國家標準全文公開系統

該系統收錄現行有效強制性國家標準1,989項。其中非采標1,350項可在線閱讀和下載，采標639項只可在線閱讀。現行有效推薦性國家標準35,315項。其中非采標22,481項可在線閱讀，采標12,834項只提供標準題錄信息。

點擊查閱：http://openstd.samr.gov.cn/bzgk/gb/index

2.全國標準信息公共服務平臺

提供國內所有的國家標準(5萬多)、行業標準（4萬多，其中電力DL行業標準2044項）、地方標準（4萬多）、團體標準、企業標準、國際標準（近8萬）的查閱，提供大部分國家標準的在線閱讀。

點擊查閱：http://std.samr.gov.cn/

3. 中國國家標準化管理委員會

登錄國家標準委官網，通過右側通道可以進入國家標準全文公開系統、全國標準信息公共服務平臺以及標準化業務協同系統等。

點擊登錄：http://www.sac.gov.cn/

4、國家市場監督管理總局

登錄國家市場監督管理總局官網，通過服務入口可以進入國家標準全文公開系統。

點擊登錄：http://www.samr.gov.cn/

5. 中國政府網

中國政府網開通了國家標準信息查詢頻道，提供所有國標標準、行業標準及地方標準的查詢，國家標準的在線閱讀及部分下載，行業及地方標準部分能提供在線閱讀。

點擊查閱：http://www.gov.cn/fuwu/bzxxcx/bzh.htm

行業標準

1. 國家工程建設標準化信息網

工程建設的國家標準（特別是強制性標準）及工程建設行業標準

點擊查閱：http://www.ccsn.gov.cn/

2. 住房和城鄉建設部

提供國家、行業標準發布公告，隨公告提供部分標準全文的免費閱讀及下載。

點擊查閱：http://www.mohurd.gov.cn/bzde/index.html

3. 中國電力企業聯合會

提供電力企業聯合會的企業標準標準在線閱讀及下載。

點擊查閱：http://dls.cec.org.cn/zhongdianlianbiaozhun/

4. 生態環境部

提供1400余項生態環保國家標準、行業標準的全文免費閱讀及下載。

點擊查閱：http://kjs.mee.gov.cn/hjbhbz/

5. 商務部

商務部流通標準制修訂信息管理系統，85項商業行業標準可下載（頁面右側）：

點擊查閱：http://ltbzh.mofcom.gov.cn/ltbzh_index.shtml

6. 水利部國際合作與科技司

水利部水利技術標準查詢系統，提供79項含強制性條文的標準文本免費閱讀及770項標準題錄信息的免費查詢：

點擊查閱：http://gjkj.mwr.gov.cn/jsjd1/bzcx/

7. 國家廣播電視總局

廣電總局標準信息查詢系統，公開237項廣播電視標準，工程建設標準可下載，其他標準提供主要內容和適用范圍等信息：

點擊查閱：http://www.nrta.gov.cn/col/col2081/index.html

8. 國家糧食和物資儲備局

糧食和物資儲備局公開糧油標準目錄：

點擊查閱：http://www.lswz.gov.cn/html/zcfb/index.shtml

9. 中國氣象局

中國氣象局公開466余項行業標準，可免費下載：

點擊查閱：http://www.cma.gov.cn/root7/auto13139/

10. 全國金融標準化技術委員會

中國人民銀行金融標準全文公開系統，61項推薦性國標標準，248項推薦性金融行業標準可查詢、瀏覽：

點擊查閱：http://www.cfstc.org/bzgk/gk

11. 國家林業和草原局

中國林業網，公開林業行業標準1510項：

點擊查閱：http://www.forestry.gov.cn/lykj/1716/index.html

12. 自然資源部

國土資源標準化信息服務平臺、測繪地理信息標準化服務平臺、海洋標準化信息系統，免費向社會公眾提供現行有效的自然資源推薦性標準題錄信息和全文在線閱讀服務，目前是三個網址，后期三個網址應該會整合成一個：

點擊查閱：

國土：http://www.lrs.org.cn/channels/198.html

測繪：http://bzgk.nasg.gov.cn/

海洋：http://www.ncosm.org.cn/ncosm/

13. 國家衛生健康委員會

國家衛生健康委員會，衛生標準網提供2199條衛生標準：

點擊查閱：http://chiss.org.cn/hism/wcmpub/hism1029/zqyj/

14. 國家食品安全風險評估中心

國家食品安全風險評估中心食品安全國家標準數據檢索平臺提供1253項食品安全國家標準的下載服務：

點擊查閱：http://bz.cfsa.net.cn/db

15.國家體育總局體育器材裝備中心

體育標準化信息平臺提供73項體育領域的國標和行標查詢服務，其中國標可在線瀏覽，行標只有摘要信息：

點擊查閱：http://www.sport.gov.cn/zbzx/index.html

16.農業農村部

農業農村部：農產品質量安全監管局“農業標準”板塊隨公告公開農業行業標準和國家標準目錄，沒有標準全文和下載服務：

點擊查閱：http://www.jgs.moa.gov.cn/nybz/

17. 交通運輸標準化信息平臺

交通運輸標準化信息平臺，提供1155條交通運輸行業標準免費閱讀服務：

點擊查閱：http://jtst.mot.gov.cn/news/

18.工業和信息化部

工業和信息化部標準庫，提供化工行業、石化行業、黑色冶金行業、有色行業、建材行業、機械行業、船舶行業、輕工行業、紡織行業、兵器行業、核工業行業、電子行業、通信行業、化工行業、船舶行業、民爆行業、輕工行業、化工行業、石化行業、有色行業、黑色冶金行業、建材行業、稀土行業、機械行業、汽車行業、船舶行業、輕工行業、食品行業、紡織行業、包裝行業、電子行業、電子行業、機械行業標準共33個項目標準。標準目錄：

點擊查閱：http://www.miit.gov.cn/datainfo/resultSearch?wd=1&categoryTreePid=&categoryTreeId=1181

19. 國家鐵路局

國家鐵路局提供鐵路技術標準、工程建設標準、工程造價標準目錄，沒有在線瀏覽和下載服務：

點擊查閱：http://www.nra.gov.cn/jgzf/bzgf/

20. 人力資源和社會保障部

人力資源和社會保障部政務公開板塊規劃統計欄目下設有“標準化建設”，提供公共就業服務標準、社會保險標準、勞動定額定員標準的目錄清單，部分行業標準可在線閱讀，國家標準鏈接到了標準委全文公開平臺：

點擊查閱：http://www.mohrss.gov.cn/gkml/index.html

21. 公安部

公安部，信息公開板塊——機構分類——科信局中公共安全行業標準公告中提供公安行業標準目錄，沒有在線瀏覽和下載服務：

點擊查閱：http://app.mps.gov.cn/gdnps/index.jsp#

地方標準

除了國家標準、行業標準外，3萬7千余項地方標準也正陸續公開（具體數目在不斷變化）。截至目前面向社會公開地方標準的部分網址，方便大家查詢。請復制到瀏覽器查看。

1. 北京市地方標準

1657項，可在線查看文本（IE瀏覽器）：

http://innerapp.capital-std.com.cn/outerApp/standardSearchAction.do?method=specialSearch

2. 上海市地方標準

776項，可免費下載全文：

http://www.cnsis.org.cn/law/LawQueryServlet

3. 廣東省地方標準

1724項，可在線查看文本（IE瀏覽器）：

http://gdstandard.gdqts.gov.cn:8089/gdzj-lsips/modules/details/open.jsp

4. 重慶市地方標準

905項，部分標準可在線瀏覽：

http://113.204.47.237:81/SharePage/bzgkBzjs.htm?code=bzgk

5. 天津市地方標準

745項，可免費下載：

http://60.29.186.229/wenxianpdf/c_gonggao4.asp

6. 山東省地方標準

3221項，可在線閱讀：

http://www.bz100.cn/member/standard/standard!getfreedb.action

7. 江蘇省地方標準

2269項，可在線瀏覽和免費下載：

http://218.94.159.231:8012/zjkms/kms/publish.rkt?type_code=gy

8. 浙江省地方標準

802項，可在線瀏覽和免費下載：

http://db33.sinostd.com/stdlist.aspx

9. 湖北省地方標準

1724項，可在線瀏覽：

http://223.75.53.52:81/finddbSearch

10. 陜西省地方標準

1032項，可在線瀏覽和下載：

http://219.144.196.28/std/db_std.asp

11. 山西省地方標準

1217項地方標準，可下載：

http://bqts.gov.cn/office/show.action?alias=bzhc

12. 河北省地方標準

提高標準的查詢，大部分強制性地方標準可下載，推薦性地方標準只有目錄信息：

http://www.bzsb.info/

13. 河南省地方標準

1591項標準，可下載、可預覽：

http://www.hndb41.com/publish/index.jhtml?q=88&publish.stdno=&publish.name=

14. 湖南地方標準

1909項，可在線瀏覽：

http://db43.hnbzw.com/StdSearch.aspx

15. 江西省地方標準

721項，可在線閱讀和下載：

http://www.jxbz.org.cn/list.aspx?nid=11

16. 安徽省地方標準

2523項，可在線瀏覽和下載：

http://bzxx.ahbz.org.cn/search_list.html?searchtype=2&sclass=3&csname=&egname=&scode=&csdc=&ics=&syear=&eyear=&sdate=&edate=&status=L#

17. 福建省地方標準

1912項，需要登錄才能閱覽：

http://pt.fjbz.org.cn:8060/StandardSearch/StdSearch.aspx

18. 廣西地方標準

1749項，只有目錄、不能閱讀和下載：

http://bs.gxqts.gov.cn:8080/gxwsdt/wsbsdt/PublicSearch/SearchResult.jspx?pageCode=006&pageText=%E5%9C%B0%E6%96%B9%E6%A0%87%E5%87%86%E5%8C%96%E7%AE%A1%E7%90%86%E6%9F%A5%E8%AF%A2

19. 貴州地方標準

1444項（現行有效984項），可在線閱讀和下載：

http://cloud.gzqts.gov.cn/dfbz/index.action

20. 云南省地方標準

943項，可在線閱讀：

http://222.172.223.74:8090/web/guest/-4

21. 四川省地方標準

1981項，可在線瀏覽：

http://118.114.77.13/bzwxup/stdsearch.jsp?CnName=&stdNo=&jingque=1&EnName=&TextualName=&orgType=2&Organization=DB51&IcsClass=&CnClass=&StdStatus=1&isForce=0&StdYear=0&nPageSize=10

22. 甘肅省地方標準

2437項，可在線閱讀：

www.gsdfbz.cn

23. 青海地方標準

1613項，只有目錄，不能閱讀和下載：

http://125.72.41.89:8008/home/res/search?keywords=DB&page=

24. 寧夏地方標準

1395項，可以閱讀載：

http://www.nstd.org.cn/

25. 西藏地方標準

115項，可閱覽，可直接下載：

http://www.xzzj.gov.cn/xzzj/bsdt/dfbzfb/list/

26. 黑龍江省地方標準

部分標準提供了文本、可下載：

http://www.hljqts.gov.cn/

27. 吉林省地方標準

1433項標準，可下載文本：

http://221.8.65.189/stdcore/standard/info/findLocalStandard.do

28. 遼寧省地方標準

1438項，只有目錄，沒有在線瀏覽和下載服務：

http://218.60.145.253/ywcx/cx/listAction.do?key=011

29. 海南地方標準

474項，可直接下載：

http://qtsb.hainan.gov.cn/ywdt/dfbz/

30.內蒙地方標準

500余項，可以在線閱讀，訪問時間限制工作日9:00~17:00。

http://www.imisinfo.org.cn/

31.新疆地方標準

1598項，暫時訪問出錯

http://www.xjbz.org.cn/

· END ·

文章僅用于學習交流，如有版權問題，請及時與我們聯系，我們將第一時間做出處理

在線咨詢

上一篇：小米怎么解鎖手機圖案解鎖
下一篇：40.HTML5：語義化標簽

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商