DCloud 小试

最近将公司一个小工具用dcloud去写,非常爽,页面流畅程度没得说,最接近原生的ui看来不是吹的,对于虐过phonegap的人来说。

官方首页

http://dcloud.io/

HTML5+
http://www.html5plus.org/doc/zh_cn/device.html

MUI
http://dev.dcloud.net.cn/mui/

补充 chrome 远程 调试:

chrome://inspect

注意:文档类的说明还不全,但是不太影响开发。直接下载 copy mui的demo基本上就能做很多东西了。

特别注意下mui的相关调用:

mui('.mui-slider').slider().gotoItem(1);

文档没有提供明确的函数相关,所以一些触发不清楚的,暂时查不到,直接看mui.js,然后把相关的动作复制出来用就可以了。

主要一个重要的特性就是支持多个webview,解决原来phonegap单一webview,如果处理多功能,得拼死在一块的大弊端。如果,如果主webview有编辑页面,需要弹一个图库的功能,只需要弹一个新的webview出来,并将结果返回到主webview就好了.同时,原来是通过jquery mobile 实现页面切换。因为jquery mobile 的切换实际是通过远程抓取页面的<div xx page>元素补充到当前页面并进行切换的,一个是jqmobile实在是太大,导致各种卡闪,虽然极其轻微。但是好处是基本上你需要的东西都能找到。比mui要成熟很多。不过mui相对轻巧简单,出现的小问题,基本上提交下bug,自己写写相关处理也是可以的。

webview 传值

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.evalJS

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注