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添加用户确认框,则用户即使选择了取消,也会继续关闭窗口。


赞 (0)