MUI开发大全

近期很久没有立异博客了,因为直接在念书前端h5
手机app的开支。曾经一度觉得温馨css和js学得不错,进入到前端领域后才意识水很深~,写代码时HBuilder和VS混用,HBuilder的急忙键和代码指示以及真机调试方便,然而错误提醒和代码格式化是硬伤,VS的前端报错指示很智能,代码格式化很顺畅,将两端的长处集合起来。现在在用MUI做app开发,
就把工作中用到的以及遭逢的坑都逐一记录下来,待项目完工,再回过头来看一下……

相关学习资料网址

MUI文档:http://dev.dcloud.net.cn/mui/ui/

MUI问答社区:http://ask.dcloud.net.cn/explore/category-3

HTML5+
API文档:http://www.html5plus.org/doc/zh_cn/android.html

HTML5+
API缓存:http://www.dcloud.io/docs/api/zh_cn/cache.html

h.js:http://www.hcoder.net/h

vue.js:https://cn.vuejs.org/

dcloud:http://www.dcloud.io/

阿里巴巴矢量图标库:http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.1

———————————————–分隔线———————————————————–

mui框架如何落实页面间传值

提高HTML5的性质体验体系之一
避免切页白屏

Hello
MUI公布列表到详情最佳实践

Android硬件加速详解

5+动画详解

Android5的花屏、分块渲染解决方案

HBuilder mui
手拉手教你打造指点页

化解MUI选取器组件抛出“picker.getSelectedItem is not a
function”分外的问题

mui下拉加载、上拉刷新(包括分页,vue.js)

mui与vue结合
功效网址

HBuilder教程

MUI框架预加载

mui
webview形式选项卡实现按需加载

MUI 二维码扫描并跳转

H5+
二维码扫描功效

HTML5 用 websql 模仿 localStorage
几乎无大小限制

Hbuilder用自有证书打包 ios
App上架AppStore流程

hbuilder IOS APP
打包与发布

mui.pullToRefresh插件

安卓缓存清除和计量

在线图片制作网

制作App宣布页面 –
DCloud云服务

在安卓配备上应用 Chrome
远程调试效用

Hello
MUI发布列表到详情最佳实践

App资源在线升级更新

MUI版本升级翻新程序IOS和andriod

————————————音信推送————————————-

个推:http://www.getui.com/cn/index.html

推送插件开发指南

利用hbuilder开发的app集成的个推

mui 开发文化 积累总结 ————–Hbuilder
APP
个推服务

大面积问题

固化定位在底层的输入框点击输入时被键盘盖住了,全部没有提升

云端生成ios越狱包不可以运用apns离线推送效用

js知识充电

if语句只写一个参数是哪些看头

要精通if里面的再次来到值是true或是false,那么一旦括号里不管一个数都足以,
a=0,那么if条件就是false了
布尔值,javascript中以下值会被更换为false

  • false
  • undefined
  • null
  • 0
  • -0
  • NaN
  • “”

js中 o = o || {};是哪些意思

o = o || {}
表示:倘使o为null或undefined,则将o先河化空对象(即{}),否则o不变。目标是防备o为null或未定义的不当。其中:||代表或操作,第一个原则为真,则结果为真而不需要履行第二个尺码;否则执行第二个标准化,等价于以下代码:

if(o)
    o = o;
else
    o = {};

 

HBuilder使用安卓模拟器

安卓模拟器有不少,我这里以夜神模拟器为例。使用安卓夜神模拟器来运转手机app的时候,先要配置HUuilder,配置情势:HBuilder的工具–》选项–》运行–》设置Web服务器–》HBuilder–》第三方Android模拟器端口:将这里的端口改为62001。因为夜神模拟器的端口就是62001。

图片 1图片 2

原则允许的气象下,提议直接真机调试,快很多。

HBuilder检测不到夜神模拟器 — 解决办法

有时平时出现HBuilder和夜神模拟器都启动了,建立了链接,然则检测不到夜神模拟器的事态。

1、大家可以试着点击一下夜神模拟器界面,然后再在HBuilder中开拓一个页面

2、假若1仍旧那一个,打开cmd执行命令

打开HBuilder的设置目录,进入到tools\adbs目录中,例:C:\Program
Files\HBuilder.8.0.2.windows\HBuilder\tools\adbs

cd \Program Files\HBuilder.8.0.2.windows\HBuilder\tools\adbs
cd \Program Files\HBuilder.8.0.2.windows\HBuilder\tools\adbs
cd \Program Files\HBuilder.8.0.2.windows\HBuilder\tools\adbs

图片 3

 app首页底部导航

参考:tab选项卡示例教程-基于subnview格局的原生tab(含底部凸起大图标)

这一个官网提供了实际事例,下载地址:https://github.com/dcloudio/mui/tree/master/examples/nativeTab

自我做的界面Demo

图片 4

个人感觉:即使快是快了,不过有一个严重的瑕疵,这就是底层无法动态配置。所以自己最终废弃了这种措施,因为界面所有的菜谱模块都是足以在PC后台举行布置的,我最后用vue.js来做多少绑定。

瞩目首页应用了响应式布局,熟谙rem、em、px之间的界别。引入了第三方js:flexible.js

流行版本 mui 安卓模拟器调试,同步报错

1、重启安卓模拟器,重新在CMD中总是

adb connect 127.0.0.1:62001

adb devices

图片 5

 2、方法二:在安卓模拟器下面卸载HBuilder

快快申请ios打包ipa证书.p12和.mobileprovision(无需Mac)

http://ask.dcloud.net.cn/article/1257

设置后历次打开都出现请将Hbuilder移至其他盘符以及C盘配置文件不可写入的唤起

图片 6

图片 7

右键——管理员权限运行

仍然举行如下配置:

图片 8

在mui-bar mui-bar-tab子页面的中使用echarts,总是有时展现有时不显得

不可以不在页面中指定报表容器的宽、高,或者最小宽高,在css样式文件中指定宽高有时会劳而无功。

依旧您添加窗体的大大小小变更监听事件,重绘报表,如下所示:

var lineChart = echarts.init(charts);
lineChart.setOption(chartOption);
window.onresize = function () {
   lineChart.resize();
}

填补:假使是底层选项卡切换的时候,默认会加载第一页,由此地点的方法有效。
而是在切换来第2个Tab时,同样会油然则生不显示或者黑屏的面貌,需要在mui.plusReady中做如下处理:

mui.plusReady(function() {
 var nw = plus.webview.getWebviewById("pages/energy.html"); // 这里pages/energy.html是默认的选项卡id
 nw.addEventListener("show", function(e) {
 lineChart.resize();
 }, false);
 });

此问题苦恼了深刻。

app信息推送

个推:http://www.getui.com/cn/index.html

参照教程:http://m.blog.csdn.net/tiger_gy/article/details/72922215

手写签名

源码地址:https://github.com/xuyongsky123/canvasSignature.git

源码地址:https://github.com/yulusjjc/sign

HBuilder控制台不突显日志

本身用的华为手机,进入工程形式:*#*#3646633#*#*,开启调试情势日志,关于其他手机可以网上检索进入工程情势的措施。

哪些用Fiddler对Android应用举办抓包

 对app中的ajax请求进行抓包,配置教程如下:

http://jingyan.baidu.com/article/03b2f78c7b6bb05ea237aed2.html

 mui 搜索框在pad上急需点击五遍才能弹出键盘

在mui-search外面包含了mui-inner-wrap之后就会并发这么些bug。另外控件不晓得有没有这些处境,我利用的就是以此。原理应该是mui-placehold相对定位之后在iOS端暴发事件穿透导致的。
解决办法:
.mui-search .mui-placeholder {
pointer-events: none;
}

不断革新中……

发表评论

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