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小时内与您取得联系。

整合营销服务商