DCloud-MUI：杂项

Dcloud+mui 压缩上传图片到服务器

chooseImgFromAlbums选择图片 chooseImgFromPictures 拍照 changeToLocalUrl 转换成可用的路径 uploadpic.compressImg 压缩图片 uploadpic.avatar 上传图片到oss服务器 /** * 上传图片 */ function UPLOADPIC() { //上传图片 this.avatar = function(compressurl) { bzpcommon.showLoading(); //上传的参数 var…

mui开发app前言（一）

dcloud mui开发app前言大一那会就听说html5快要发布了,前景无量,厉害到能写操作系统==|||(什么???蛤?) 似乎html5标准还没正式发布那会,使用hybrid模式开发app已经起步,阿里就是国内这一领域的布道者.(你看看淘宝,支付宝,一处开发,处处运行,多卡,呸,多叼啊) 如今w3c联盟发布html5已经三个年头了.我才刚刚开始涉足,真是惭愧,马上要考研了,最近一个外包项目拖缓了我学习高数的脚步,该项目我完全使用了基于dcloud html5+的混合式开发app技术(考完…

杂项：DCloud.io

ylbtech-杂项:DCloud.io 1.返回顶部 1. DCloud.io,数字天堂(北京)网络技术有限公司. 国内HTML5产业的领军企业,W3C会员,HTML5中国产业联盟发起单位Dcloud目前已汇集了数十万的表情符号,并不断收录来自世界各表情创作者的精彩作品,希望通过云服务,成为大家的云端表情库,为服务开发商解决表情提供问题,为各类智能手机应用的用户源源不断的提供精美的表情作品. DCloud面向HTML5行业分别推出了开发工具HBuilder.手机强化引擎5+ Runtime.跨…

Dcloud课程3 什么是HBuilder和MUI

Dcloud课程3 什么是HBuilder和MUI 一.总结一句话总结:DCloud(数字天堂)推出一款支持HTML5的Web开发IDE.最大的特点是快.MUI是高性能App的框架,也是目前最接近原生App效果的框架. 1.MUI优势? 1.基于jq的jqmobile,性能低的无法忍受2.基于angular的ionic,都把pc端很重的东西引入到移动App中.angularjs本身设计是为了pc端网页的双向数据绑定,做个移动App干嘛用这么重的东西.3.bootstrap这种响应式设计,性能…

基于Mui与H5+开发webapp的Android原生工程打包步骤（使用新版本5+SDK与Android studio）（部分内容转自dcloud官网）

文章背景: dcloud官网给出的打包步骤对于有一定安卓打包基础的同学来说比较容易掌握,但是对于webapp小白来讲有的地方可能没有说的太具体.下面我给大家介绍的详细一点,保证大家按照步骤就能学会打包. 文章正文: 在正式打包之前,你要先下载HBuilder官方最新版的5+SDK,这里是下载传送门5+SDK下载地址,这两个下载哪一个都可以. ①下载和安装Android Studio,下载和安装方法就和安装普通软件一样,一直安装就行了.Android Studio下载地址,链接失效的话,同学们可以…

ylbtech-DCloud-MUI:杂项 1.返回顶部 2.返回顶部 3.返回顶部 4.返回顶部 5.返回顶部 6.返回顶部 7.返回顶部 8.返回顶部 9.返回顶部 10.返回顶部 1. http://www.dcloud.io/mui.html 2. 11.返回顶部 12.返回顶部 13.返回顶部 14.返回顶部 15.返回顶部 16.返回顶部作者:ylbtech出处:http://ylbtech.cnblogs.c…

MUI开发APP，scroll组件，运用到区域滚动

最近在开发APP的过程中,遇到一个问题,就是内容有一个固定的头部和底部. 头部就是我们常用的header了,底部的话,就放置一个button,用来提交页面数据或者进入下一个页面等,效果如下: 这里面需要注意到的地方就是,头和底是固定的,但是中间的部分呢,由于要设置24小时的内容,从图中可以看到,只显示了03:00~13:00的内容,剩下的内容没显示出来.这里面,我们就需要用到区域滚动了,就是保持头和底不动,中间滚动,所以,我们就要用到MUI的scorll组件,根据MUI官网的介绍…

mui学习记录

1.页面间传值 2.mui如何增加自定义icon图标 http://ask.dcloud.net.cn/article/128 3.设计基于HTML5的APP登录功能及安全调用接口的方式(原理篇) http://ask.dcloud.net.cn/article/157…

HTML5.dcloud.io-stream-app

dcloud.io提出的Stream App 本文仅仅是关于dcloud.io提出的SteamApp初探,所有内容请参考其官网. 1. Application promotion by scaning QR Code 传统方式: 1. 扫描二维码, 跳转App Store/Market 2.下载App 3.启动App StreamApp方式: 1. 扫描二维码 2.下载 & 启动 (仅Android平台 360手机助手) 2. HTML5 Plus HTML5 Plus 文档 http://…

MUI（5）

今天实现9宫格菜单.先上效果图: 就是这个效果咯,界面不太美观,底部导航栏是为了苹果用户没有返回按键设计的,只是为了方便演示而已,没有做过多的处理.首先先说一下这个底部导航栏如何实现,这个底部导航栏小编我写在了主页面index.html中,下面附上代码:  <nav class="mui-bar mui-bar-tab"> <a id="goBack" class="mui-tab-item m…

MUI（2）

本篇博文是继续MUI(1)博文. 上一篇博文小编写了两个页面,一个页面只写了一个头部导航栏,另一个页面写了一个按钮,然后这两个页面进行合并显示,即在头部导航栏页面加载显示另一个页面的按钮.仔细观察上一篇的最后截图效果会发现,在头部导航栏的左上角有一个侧滑图标,本篇博文就是实现一个侧滑菜单效果. 还是继续上一篇博文中应用到的项目,只是在之前项目的基础之上新建了一个页面,index_menu.html页面.index.html页面源代码如下: <!DOCTYPE html> <html>…

MUI（1）

今天小编用HBuilder+MUI开发移动APP,不用Android原生也不用IOS原生,仅仅用HTML5+MUI.小编也是初学者所以如有不准确的地方望大家指出帮助小编改正,同时也可以促进大家的深入学习. HBuilder的下载官网地址:http://www.dcloud.io/:MUI官网下载地址:https://www.muicss.com/. HBuilder是免费的,但是仅仅需要登录,安心注册,方向登录使用,完全免费的. 第一次启动HBuilder需要登录和简单的设置不过很easy啦.启…

MUI - DIV窗体切换

神坑记录: 1.js报错异常:没有找到"innerHeight"属性? 解决方案:暂时不知原因,通过对mui.view.js进行调试得知是跳转目标页没有 .mui-navbar-left 这个css类.所以加入到指定位置即可.详细看demo 2.背景颜色记得设置,如果没有设置层的背景颜色,默认是透明的会看到上一页作为背景就尴尬了 3.在问题1的基础上衍生,第一次成功,第二次会失败? 解决方案:在mui.viw.js大约244行中找到如下代码并且注释 if (this.previousN…

MUI - 上拉刷新/下拉加载

新闻信息列表必备的功能,支持Table,Ul等列表. 以下是DIV版本,在安卓端或者ios端必须使用双webview模式,传送门:http://dev.dcloud.net.cn/mui/pulldown/  <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> &l…

MUI - Dialog 提示窗

Mui基本简介 MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K MUI的开发手册和下载地址 http://dev.dcloud.net.cn/mui/ui/ https://github.com/dcloudio/mui 建议加入该样式: .mui-popup{position: fixed;} Dialog 提示窗效果类似 alert . confirm . prompt . Msg,样式与IOS高度相似 //提示警告框alert document.getEl…

mui待解决问题

$.plusReady(function () { }); 里面的方法不执行: plusReady仅在5+ App或流应用中会触发 plusReady 参考网址: http://ask.dcloud.net.cn/question/1162 http://ask.dcloud.net.cn/question/6514 没看到提示,就直接跳转了 mui.toast('注册成功'); mui.openWindow({ url: 'login.html', id: 'login', show: {…

mui适用场景说明，能不能在普通浏览器里使用，能否用于wap网站

mui适用场景说明为解决HTML5在低端Android机上的性能缺陷,mui引入了原生加速,其中最关键的就是webview控件,因此mui若要发挥其全部能力,需和5+ App配合适用,若脱离5+ App,mui功能会受限,主要涉及三个部分: webview窗口相关涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,涉及功能点包括: webview模式窗体动画创建子窗口(除了为解决区域滚动的常见双webview场景,还涉及webview模式的选项卡等多webvie…

mui

MUI + SDK 使用笔记: MUI是什么:http://ask.dcloud.net.cn/article/91 /* MUI 使用说明: * * 1.每个用到mui的页面都调用下mui.init. * 2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. */ '''[MUI开发注意事项]----------------------------------------------------------------------------------- …

MUI - Scroll插件的使用

http://dev.dcloud.net.cn/mui/ui/#scroll 神坑1:如果在vuejs中使用,那么需要配合mui.ready(function(){}) 才能找到dom对象,具体demo为:http://www.cnblogs.com/CyLee/p/5324224.html 神坑2:scrollTo每次移动的距离,是相对于当前打距离的移动的,而不是移动到绝对的距离. scroll(区域滚动) 在App开发中,div区域滚动的需求是普遍存在的,但系统默认实现又有如下问题: An…

MUI 框架微信支付

在MUI 框架中实现了支付宝支付后,以为MUI微信支付,也没什么大问题,结果这个问题困扰了我几天,后面再同事的提醒下终于弄出来了, 问题出在,开始使用Dcloud 公有证书怎么也付不了....,后面改成自己就OK了....希望后来者看到此博,能节约一点时间. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" co…

mui中的关闭页面的几种方法

一.总结: mui中关闭当前页面的几种方式: 1.swipeBack(暂未测试过) 2.keyEventBind(暂未测试过) 3.给标签的class加.mui-action-back(返回的是前一个页面) 4.也可以直接调用mui.back()方法,实现关闭页面逻辑例如在实现查询功能的时候,在查询页面输入查询条件,然后返回到列表页面显示查询的结果,用mui.back()返回前面的列表页面 5.在mui.init()方法中加beforeback(可以返回指定页面),这是针对带有返回导航箭头的标…

mui开发webapp(2)

前端开发APP,从HBuilder开始~ 序通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备.为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范. HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头.陀螺仪.文件系统等,业务能力如上传下载.二维码.地图.支付.语音输入.消息推送等. HBuilder 的手机原生能力调用分2 个层…

简单的新闻客户端APP开发（DCloud+thinkphp+scrapy）

前端时间花了1个月左右,搞了个新闻APP,功能很简单,就是把页面版的新闻条目定时爬到后台数据库,然后用app显示出来. 1.客户端使用了DCloud框架,js基本是个新手,从没写过像样的代码,html5更是新手,索性直接使用现成的前端框架.APPcan,APICloud尝试过,最终选择DCloud,话说它的HBuild编辑器确实不错. 贴一部分关键代码: 使用DCloud的下拉刷新方法,使用ajax获取后台返回的json列表: </div> &…

今天弄了整整一天DCloud

开发一个新闻移动客户端起先用appcan.apiCloud,最后选择了DCloud: MUI文档看了n久,js代码一上来不很适应编码风格,一堆括号弄得头大: 数据库由爬虫程序将新闻页面数据爬出来: 用mysql触发器在插入时进行数据清洗: 后台用thinkphp拉取数据,json格式传递: 前台用mui.ajax获取数据:HBuilder IDE还是不错的: 用pullrefresh实现下拉刷新: 文档看了n久,网上帖子零零散散.. 折腾到晚上9点半,终于实现的差不多了: 改天在研究一下手势缩…

hbulider mui框架

1.webview http://www.dcloud.io/docs/api/zh_cn/webview.shtml#plus.webview.WebviewStyle http://www.dcloud.io/docs/api/ 2.MUI前端框架 http://dev.dcloud.net.cn/mui/ 3.提升HTML5的性能体验系列之一避免切页白屏 http://ask.dcloud.net.cn/article/25 4.如何自定义mui控件样式 http://ask.dclou…

mui中文在线手册及教程文档

http://dev.dcloud.net.cn/mui/ui/index.html#mask http://ask.dcloud.net.cn/question/2403 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/89…

用mui框架开发手机app项目实践中的那些事儿

http://www.yilingsj.com/xwzj/2015-04-29/260.html 最近在玩mui框架,坑的我是:西湖的水,全都是眼泪!!! 公司的手机app要进行改版,我率先想到的是jquery mobile,但是,我却放弃了jquery mobile而选择了MUI,现在还真有点小小小后悔.(注:关于jquery mobile做手机页面的心得以后有空再进行单独写文章进行分享.) 当我第一眼看到mui时,我就已经深深地喜欢上了她,界面简洁.清爽.如图: mui的功能也是比较多的,但…

HTML5+MUI+HBuilder 之初探情人

07,08年那会儿正当Java火爆,C/C++仍是广泛运用的一门语言的时候,所以我的大学都献给了C/C++和Java.当诺基亚的倒闭成为按键机时代衰落的标志时,移动APP的开发也如破堤之洪,爆炸式的崛起了.可惜小弟不才,反映略慢,加上观念陈旧,(C++程序员的通病——觉得前端=低端&移动端=前端),因此并没有打好移动APP的基础.这给后来我和我们兴趣小团队做些创意式项目也带来了难以逾越的坎.现在这会儿,哪个web应用没有移动APP客户端,就好比飞机没有机翼,帅哥没房没车没学历,美女不能生育…

使用hubuild,mui开发微信app—首页（一）

写在前面本系列文章我将介绍一下从零开始利用hubuild,mui实现微信app的开发,该系列是个人学习记录,所以在每篇文章中,都是从怎么去实现开始讲解,然后再把实例中涉及知识点做一个概述. 创建一个mui项目 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE,因为HBuilder内部集成了很多mui组件,所以用HBuilder可以实现mui的快速开发,在开始开发之前,我们首先需要利用HBuilder创建一个mui的项目,文件-新建-移动App,如下图: 布局…

mui学习链接

http://dev.dcloud.net.cn/mui/snippet/ http://www.bcty365.com/content-146-2453-1.html hbuilder转rem值: http://www.monkeyblog.cn/2016/12/26/01-14/. 手机分辨率适配问题: http://www.cnblogs.com/lyzg/p/4877277.html 流云诸葛-博客 mui去掉.mui-table-view-cell的下边框: .mui-table-vi…

【DCloud-MUI：杂项】的更多相关文章