内容简介：

html5+ App开发过程中有时候会遇到一些功能，单纯通过 html5 或者 5+ 规范无法满足要求，比如自定义相机这种定制性较强的功能，这时候不得不借助第三方库或者原生插件来完成，本次讲座主要面向的就是需要定制性开发的朋友。

本次讲座的主要内容：

简单介绍 Android 开发环境
html5+ SDK 两种集成方式实例讲解
浅析 Android 原生 和 JavaScript 交互原理
Native.js 实例讲解
html5+ 插件开发实例详解
本节课时长80分钟左右。

面向人群：

想学习原生开发的前端开发朋友
想快速集成 5+ sdk 的原生开发朋友

报名地址：https://segmentfault.com/l/1500000010042078?r=bPqXdU

上次参与讲座的或者有兴趣但是经济有限的朋友（如学生），可以私聊我获取半价券!!!

阿里百川插件集成，离线打包指导，需要请联系 qq: 37894663 源码打包，随时调试 非云打包 长期技术支持，解决各种前端疑难

最近因公司新项目需要，要求HBuilder必须是8.1.3.20170513左右的版本，谁有，跪求呀，急！
哪会小伙伴有，可以发我邮箱，谢谢～
908026301@qq.com

//父页面中填写如下代码
$.plusReady(function() {

            //动态添加子页面，子页面加载事件完成之后，在show父页面  
            var mainView=plus.webview.currentWebview();  
            var subView=plus.webview.create("goodsList.html","sub",{  
                top:'258px',  
                bottom:0  
            })  
            mainView.append(subView);  
            subView.addEventListener("loaded",function(){  
                subView.show();  
            });  

});

vue-awesome-mui

Design Mui library for Vuejs 2.0

Links

• Github 项目地址
• Demo Page
• Mui中文文档

Install

Install vue-awesome-mui

npm install vue-awesome-mui -save

Get Started

Vue mount

// import or require  
import Vue from 'vue'  
import Mui from 'vue-awesome-mui'  
import 'vue-awesome-mui/mui/dist/css/mui.css'  
// mount with global  
Vue.use(Mui)

If you need icon, you can require icon.css

import "vue-awesome-mui/mui/examples/hello-mui/css/icons-extra.css";

Example

Give a few examples

折叠面板 Accordion

操作表 Actionsheet

数字角标 Badges

按钮 Buttons

Browser Support

• IE 10+
• Andorid 4.4+
• IOS 7+

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Dependencies

• vuejs 2.0
• mui 3.5

Licence

vue-awesome-mui is open source and released under the MIT Licence.

Copyright (c) 2017 Wscats

About author

• Github
• Segmentfault
• CSDN
• Juejin

有问必答，小问题简单问题免费解决 大问题复杂问题有偿解决（望理解） 承接开发各种第三方插件 app 项目 及 离线打包指导等等。 需要联系 qq : 37894663

在实际工作中遇到了分享到其他app的需求，然后就在5+的基础上封装了一下，方便自己使用，有需要的同学可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

最近遇到一个坑爹的问题，如下：

<button class="mui-btn" id="test ">选择照片</button>  

document.getElementById("test")  
            .addEventListener('tap', function() {  
                console.log('t');  
            });

代码很简单有木有！但是却总是报Uncaught TypeError: Cannot call method 'addEventListener' of null错误，跑遍了文档社区。
有的说：
这是因为js加载到 document.getElementById('main').addEventListener这行代码时，下方的dom节点尚未生成，故document.getElementById('main')返回为空；
解决方案有两种；
方案1：放入mui.ready中
方案2：将如上js代码放到</body>节点之后；
结果却没有解决问题。
后面终于找到了问题所在。<button class="mui-btn" id="test ">选择照片</button>中的id=“test”后面多了一个空格！这是自动格式化搞的鬼
删除多余空格，问题解决。

工作中弄了一个仿支付宝的数字软键盘，有需要的同学可以运行一下这个代码，可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

因为没有用canvas所以并不会有图片旋转的问题。

在实际工作中遇到了上传头像的需求，刚开始做的时候发现社区里面都是零散的代码，都是在说原理的没有一个完整的功能，然后就自己写了这个功能和大家分享一下，下载下来放hbuilder里面运行就能看到效果了，有需要的可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

承接各种APP开发，插件集成及离线打包等业务 qq：37894663