H5项目笔记

<section>标签如果加了position:absolute; bottom:0;,则section的高度只是从到屏幕的头部到底部，没加的话，高度表示的是标签实际拥有的高度。

2.   <input type="number"  step="0.01" min="0" placeholder="请输入" />年 输入的数字智能是数字，

3. 在父标签外套一层标签有时候是一种解决问题的办法，特别是涉及到z-index的时候。

4  

.myRestaurant{
position: absolute;
width: 100%;
max-width: 640px;
top: 0;
margin-bottom: 6rem;
}

 .myRestaurant .service-float{

  width: 100%;
    position: fixed;
    z-index: 55;
    bottom: 0rem; //如果不加bottom:0; 则该标签不会显示在页面上，好像显示在页面最底部的下方了，原因不明。
background: #F4F5F5;
 }

5。i标签和em标签的作用：将字体倾斜。<hr/>标签的作用相当于一条下划线。

6. <input  type="radio"  name="otherrelation" value="朋友"/>

获取选中的值，$('input[name='otherrlation']:checked').val();

对于type=radio的 <input  type="checked"  name="otherrelation" value="朋友"/>标签也是一样的。

7. jquery参数详解：转载自：http://www.jianshu.com/p/bb686b367800

8 .以后写H5页面，尽量做到页面中的每块都能模块化，也就是局部页面的变动不会影响其他的布局，特别是涉及到position:absolute;fixed;这些的时候，

子标签的参考系尽量是父标签。而且每个父标签中的子标签在设置大小、位置的时候要统一，要么用百分比，要么用px、rem大小表示，而且在写的时候就要把px转化为rem.

9. 在js中引用弹窗组件layer.js的时候，需要在css里引用common-layer.css，否则弹窗效果达不到要求

10. 有时候父标签下的第一个子标签设置margin-top,结果父标签向下移动，子标签跟着父标签移动。

11、实现chui居中的方法：

 display:-webkit-box;
             -webkit-box-pack:center;
             -webkit-box-align:center;

其它方法：转载自：https://www.zhihu.com/question/20543196

12、HTML 中最好不要将无内容元素[1] 的标签闭合，例如：使用 <br> 而非 <br />.

13、转载自：https://segmentfault.com/a/1190000005081882

脚本延迟运行

一般在JS页面延迟执行一些方法。可以使用以下的方法:

Window.setTimeout  jQuery.delayjQuery.queue和jQuery.dequeue

<script src="deferdemo.js" defer></script>

加上 defer 等于在页面完全在入后再执行，相当于 window.onload ，但应用上比 window.onload 更灵活！

<script type="text/javascript" src="demo_async.js" async="async"></script>

使用async属性，浏览器会下载js文件，同时继续对后面的内容进行渲染
通常如果js不需要改变DOM结构时可以使用async进行异步加载（比如一些统计代码可以异步加载，因为此代码与页面执行逻辑无关，不会改变DOM结构）

14、$(document).ready() 与window.onload的区别 转载自：http://www.111cn.net/wy/jquery/46648.htm

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。