haoranhaoshi的博客

一、Hbuilder平台 编写网站及WebApp，可直接生成APP壳体，使用内置浏览器内核解析网页文件，可引入MUI框架，及建立Node.js工程。 二、MUI框架 封装了Native.js，可使用plus对象操作移动设备硬件及WebView等，同时封装了媲美原生App的样式、动作、图标等。 三、知识基础 1、js、jQuery、mui通过id、class、标签类型、父子关系获得标签元素

document.getElementById("noSkill").checked = true; mui("#noSkill").checked = true; 第一行可以成功，第二行不可以成功，mui的标签获取后的可操作范围没有原生的广，有待扩展。 ...

如果在Vue的v-for更新绑定的数据及标签前就使用mui事件或JS事件，事件根本识别不到想对应的标签。如果Vue的v-for更新绑定的数据及标签后再使用mui事件，多次调用此逻辑过程，会导致事件重叠，而非后者覆盖前者。解决的唯一办法只能是使用Vue的事件方式。 ...

mui 自己的页面跳转到一个网址页面，然后想从这个页面跳转回去，如果想用native.js那一套（也就是plus那一套）不行的，因为跳转时会从那个网址页面的服务器网站节点找WebView的ID，显然是不可以的，唯一能想到的办法就是跳转到本地的界面，上面带一个返回按钮，然后下面放网址页面。可能有人问，那在网址页面的操作痕迹如何保存呢，这就要求网址界面的操作需有http接口捕获，返回点击后用mui自定...

document.querySelector('#a')document.getElementById('a')$('#a')mui('#a')document.getElementById('a').setAttribute('class', 'change');$("#a").attr("class","change");document.getElementById('a').style.c...

mui.init({ beforeback: function() { plus.webview.show("index.html");//必须先show再close plus.webview.currentWebview().close(); } });

forumItem.html: mui.fire(plus.webview.getWebviewById("forum.html"), 'refresh'); forum.html: window.addEventListener('refresh', function(e) { //另一个界面触发此界面的事件 });

<div id="content" class="mui-scroll-wrapper">   <div class="mui-scroll">    <div class="loader loader-1"><!--下拉刷新动画：http://www.lanrenzhijia.com/js/4440.html--> 

实习时，独立负责WebApp，不知不觉一年过去了。在新的公司，WebApp仍然有难以抵挡的魅力。 已经开发了一套Web系统，使用MUI和HBuilder可以将网页移植到APP上。HBuilder云打包，可以使用程序包的内置浏览器打开网页。在网页内可以加入前进、后退提升用户体验。 将Web移植到APP，可以大幅缩减开发和维护成本。而且伴随H5、MUI、手机CPU等硬件的发展，WebAPP的性能已...