移动端开发-Day1

什么是Node？

它是一个基于Chrome v8引擎的js运行环境，采用高效轻量级的事件驱动，非阻塞式的I/O模型。

非阻塞I/O？

例如，当程序运行到某一函数时，调用后立即返回，不需要等待函数执行完成，便不会阻塞于此。

npm？

node package manager

facebook 2016发布了yarn

Web代理工具？

NProxy，优势：多端使用

http服务器？

http-server，优势：零配置

HTML5：

新标签元素，语义化标签，优势：比传统的纯div实现，增加了可读性。举例：Header、Nav（导航）、Article（章）、Section（节）、Aside（相关链接）、Footer

input元素的type扩充，不仅仅用于输入文本。新type举例：search、tel、url、email、date（日期选择框）、color、number、range（数字大小滑块输入）

input用属性进行表单验证。required（输入框必填），pattern（用正则验证）、title(校验提示信息)

input其他有用属性。autofocus、from、placeholder

新实用元素，progress（进度条）、Meter（标尺）、特殊元素：contentditable(编辑器)

音频（Audio）与视频（Video）元素

定位API：Geolocation

Geolocation通过navigator.geolocation全局对象进行访问

判断是否存在navigator.geolocation得知浏览器是否支持此API：if (navigator.geolocation)

调用navigator.geolocation.GetCurrentPosition获取用户位置。

 拍照API：getUserMedia
判断浏览器是否支持getUserMedia：if  ( navigator.mediaDevices.getUserMedia||navigator.getUserMedia||navigator.webkitgetUserMedia||navigator.getUserMedia)

getUserMedia函数语法：

指定分辨率：

指定移动平台前置或者后置摄像头：

离线和存储：

离线web应用实战：

比普通的web应用多了一个描述文件：用来列出需要缓存与不需要缓存的资源。

描述文件的扩展名为：,mainfest或.appache

文件第一行以CACHE MANIFEST开头

"CACHE:"之后的都将被离线存储

“NETWORK:”之后的不会被离线存储