mui开发的app有哪些|前端使用mui进行app开发有哪些好处和弊端

① H5+和mui开发的app，拍照完成后如何将拍到的照片在页面中形成预览图

function getImage(){

plus.camera.getCamera().captureImage(function(p){

outLine('成功：'+p); //p就是拍摄图片所保存的相对路径

plus.io.resolveLocalFileSystemURL(p, function(entry){

createItem(entry);

},

function(e){

outLine('读取拍照文件错误：'+e.message);

});

},

function(e){

outLine('失败：'+e.message);

},

{filename:'_doc/camera/',index:1}); //图片保存路径设置

}

filename就是设置图片保存路径，doc前带“_”表示相对路径，好像这里的相对路径不支持直接预览，要用绝对路径才行。

以下是ZIP部分的文档，供参考：

支持以下图片路径：

相对路径 – 相对于当前页面的host位置，如"a.jpg"，注意当前页面为网络地址则不支持；

绝对路径 – 系统绝对路径，如Android平台"/storage/sdcard0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/a.jpg"，iOS平台"/var/mobile/Containers/Data/Application/757966CF-345C-4348-B07F-EEF83CF9A369/Library/Pandora/apps/HBuilder/www/a.png"；

相对路径URL(RelativeURL) – 以"_"开头的相对路径，如"_www/a.jpg"、"_doc/b.jpg"、"_documents/c.jpg"、"_downloads/d.jpg"；

本地路径URL – 以“file://”开头，后面跟随系统绝对路径。

② 使用hbuilder开发出来的移动APP和Android开发的APP有什么区别

通过HBuilder的云端打包技术（也可以放到本地），你只需要写html+js+css即可开发出app，并且是一次开发，即可生成回android和ios两种对应答app。 原理介绍-ui层app中的ui对应html中的ui，你可以自行选择ui框架，无论是bootstrap还是amazeui，还是jquery mobi（phonegap推荐ui），还是HBuilder推荐的mui都可以，这里建议使用HBuilder推荐的mui，因为封装了一部分nativejs的东西，而且HBuilder也封装了mui的快捷键，使用起来很方便。总结一下，就是用html层次的ui框架来实现（模拟）app中的ui。

③ mui做手机app怎么做单页面开发

mui主张用webview方式开发APP（webview你可以理解为PC站中的iframe方式），所以MUI本身不支持单专页面应用的开发，如果属想开发单页面应用，建议使用VUE、angular、backbone等这类框架开发。只用MUI是不可能开发单页面应用了，最基础的一条，它没有“路由”这个概念，所以不可能用它开发单页面应用

④ 移动app前端框架mui需用什么开发工具

如今web前端框架很多，除了日常我们用到的那些常见的web前端框架以外，还有一些比较小众版化或者说刚刚兴起权来的web前端框架。目前主流的web前端框架有：Bootstrap、妹子UI、MUI移动前端框架等。国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。UiKit 一款轻量级、模块化的前端框架，可快速构建强大的web前端界面移动APP H5前端框架：AUI 2.0 靠谱的移动前端框架前端框架：ZUI – 开源HTML5跨屏框架 最新版本 1.5.0 前端框架：拼图前端框架——拼图跨屏响应式布局前端开发CSS框架。

⑤ 大哥们，有没有用vue和mui一起过来开发过app的

之前学习angular的时候接触过一个叫Ionic(Ionic:)的框架，官方描述是Thebeautiful,opensourcefront-.Ionic是一个用HTML,CSS跟JS开发

⑥ 用h5+的MUI做的app，是属于什么app，Web App、Hybrid App、 Native App

属于来web app扩展：web app是h5做的网页版应用；源hybrid app介于web app、native app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”；native app属于原生开发的应用，一般开发语言为java、C++、Objective-C，swift等

⑦ 前端使用mui进行app开发，有哪些好处和弊端

mui的好处是样式，组价都比较齐备也贴近原生，使用也还算简单，更新也即时，坏处很明显，打包的话会增加很大的体积，影响加载速度，而且如果你后期要使用VUE,REACT的话，会有些兼容的问题。

⑧ 用mui开发的移动app属于混合开发吗

mui开发注意事项Mui HTML5开发框架mui是一个高性能的Html5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网。DOM结构关于mui页面的dom，你需要知道如下规则：固定栏靠前所谓的固定栏，也就是带有.mui-bar（类选择器）属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mui-content之前，否则固定栏会遮住部分主内容；### 一切内容都要包裹在mui-content中除了固定栏之外，其它内容都要包裹在.mui-content中，否则就有可能被固定栏遮罩，原因：固定栏基于Fixed定位，不受流式布局限制，普通内容依然会从top:0的位置开始布局，这样就会被固定栏遮罩，mui为了解决这个问题，定义了如下css代码：.mui-bar-nav ~ .mui-content { padding-top: 44px;

⑨ 使用mui开发移动APP,于服务器交互实现的问题求大神解答

webapp：用htmlcss和js开发的运行在服务器端的app；Nativeapp：根据手机系统的默认开发语言开发的apphybridapp：基于两者之间的app而你在问题里说的webapp本身就是一个用手机访问的网站，部署在服务器端，不需要安装，直接通过浏览器访问的，如果是需要安装的app，可以网络一下后面两种，你应该就会明白了。

⑩ huilder和mui开发的app获取个推推送的消息的click事件应该写在哪

DOM结构关于mui页面的dom，你需要知道如下规则。固定栏靠前所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在.mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mui-content之前，否则固定栏会遮住部分主内容；### 一切内容都要包裹在mui-content中除了固定栏之外，其它内容都要包裹在.mui-content中，否则就有可能被固定栏遮罩，原因：固定栏基于Fixed定位，不受流式布局限制，普通内容依然会从top:0的位置开始布局，这样就会被固定栏遮罩，mui为了解决这个问题，定义了如下css代码：[css] view plain .mui-bar-nav ~ .mui-content { padding-top: 44px; } .mui-bar-footer ~ .mui-content { padding-bottom: 44px; } .mui-bar-tab ~ .mui-content { padding-bottom: 50px; } 你当然可以通过自定义CSS的方式实现如上类似效果，但为了使用简便，建议将除固定栏之外的所有内容，全部放在.mui-content中。始终为button按钮添加type属性若button按钮没有type属性，浏览器默认按照type=submit逻辑处理，这样若将没有type的button放在form表单中，点击按钮就会执行form表单提交，页面就会刷新，用户体验极差。窗口管理页面初始化：必须执行mui.init方法mui在页面初始化时，初始化了很多参数配置，比如：按键监听、手势监听等，因此mui页面都必须调用一次mui.init()方法；页面跳转：抛弃href跳转当浏览器加载一个新页面时，若页面DOM尚未渲染完毕，页面会先显示空白，然后等DOM渲染完毕后，再显示具体内容，这是WEB浏览器技术无法逾越的体验障碍；为解决这个问题，建议使用[mui.openWindow方法](http://dcloudio.github.io/mui/javascript/#openwindow)打开一个新的webview，mui会自动监听新页面的loaded事件，若加载完毕，再自动显示新页面；扩展阅读：hello mui中的无等待窗体切换是如何实现的提示HTML5的性能体验系列之一 避免切页白屏页面关闭：勿重复监听backbuttonmui框架自动封装了页面关闭逻辑，若希望自定义返回逻辑（例如编辑页面的返回，需用户确认放弃草稿后再执行返回逻辑），则需要重写mui.back方法，切勿简单通过addEventListener添加backbutton监听，因为addEventListener只会增加新的执行程序，mui默认封装的监听执行逻辑依然会继续执行，因此若仅addEventListener添加用户确认框，则用户即使选择了取消，也会继续关闭窗口。

深夜利|秘播视频
已添加在线视频资源，免费欣赏