混编、UI组件库

1 phonegap

phonegap本身是一个开发平台，提供让js开发者直接调用手机底层硬件的功能。将程序上传至phonegap网站会自动打包程序生成app

国内中文phonegap网站：http://www.phonegap100.com/
官方网站：http://docs.phonegap.com/

1. 硬件设备
   device.platform 当前设备平台 android ios
   device.uuid 设备编号 硬盘全球唯一编号 128
   device.version 设备版号 4.4.0
2. 相机
   navigator.camera.getPicture(fn,fn,{quality:50});
   fn 拍照成功 url 相片地址
   fn 拍照失败
   quality:50 延迟时间
3. 录音
   navigator.device.capture.captureAudio(fn,fn,{limit:2});
   fn 录音成功 list array
   fn 失败
   {limit:2} 录制几段音频
4. 蜂鸣震动
   navigator.notification.beep(num);
   连接蜂鸣 num 次数
   navigator.notification.vibrate(num);
   连续震动
   num 时间毫秒数

2 pc端UI组件库

element ui
官方网站：http://element-cn.eleme.io/#/zh-CN
官方手册有示例及对应代码，非常多功能实现
下载：npm i element-ui -S
加载顺序：组件样式+vue.js+element.js

创建字体图标原理：
1）css声明字体

 font-family:"element-icons"{ 
 src:"./fonts/element.wtff"
 }

2）选择字体类型
.icons {font:" element-icons “}
3） .icon-message{ 009:”/09Ea"}
4）使用<div class=“icons icon-message”>