移动Web前端开发高效实战（一）

摘要：日前，笔者拿到一本有国内知名团队iKcamp团队著作的书籍，在对书籍的阅读过程当中，发现许多知识，不能准确的描述出来，于是边啃书，边对里面提到的东西进行梳理，以巩固前端知识，作为自己查阅所用。并且在学习中了解新的知识。(github仓库为https://github.com/fanyang123/Web_Ksc)

---

全书主要涉及到的知识有：HTML5，CSS3，javascript，webpack，react Native，Vue.js，node.js

HTML5

1、html5常用特性

1.1 在html5中，采用了更加语义化的标签
Header、nav、srticle、section、aside、footer，分别表示头部、导航、主题内容、重要的部分、重要的部分、底部等语义化标签。

1.2表单增强应用
input的type属性扩展：html5中增加了以下的属性。

search->展现一个搜索框
tel->电话号码，可以使用pattern和maxlength限定格式，pattern=”1[3-8][0-9]{9}”
url->地址
email->邮件
date->日期
color->输入颜色
number->输入数字
range->滑块输入

input还可以通过属性进行表单验证，通过required标记为必填元素，使用pattern进行验证。
其他属性：

autofocus->页面加载的时候，自动聚焦
form->将input输入元素和特定的form表单关联
placeholder->输入占位符。

1.3其他新增加的元素：

progress->表示进度条，
meter->表示标尺，max为最大值，默认为1，min为最小值，value为标尺的值。
特殊属性：contenteditable=”表示可以编辑”。

1.4视频video和音频audio
所包含的属性：

controls->控制是否显示控制条
autoplay->是否自动播放，默认为false
loop->是否循环播放
preload->预加载

audio示例：

<section>
        <h3>自定义播放行为</h3>
        <audio id="audio">
            <source src="vincent.ogg"