MUI开发大全

近些年很久未有创新博客了,因为间接在求学前端h5手提式有线电电话机app的开支。曾经壹度觉得温馨css和js学得没有错,进入到前端领域后才发觉水很深~,写代码时HBuilder和VS混用,HBuilder的神速键和代码提醒以及真机调节和测试方便,但是错误指示和代码格式化是硬伤,VS的前端报错提醒很智能,代码格式化很顺遂,将两边的帮助和益处集合起来。未来在用MUI做app开发,
就把工作中用到的以及遇到的坑都相继记录下来,待项目完工,再回过头来看一下……

近年很久没有更新博客了,因为直接在就学前端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/

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

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

mui框架怎么样落到实处页面间传值

升级HTML伍的习性体验类别之一幸免切页白屏

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

Android硬件加快详解

五+动画详解

Android五的花屏、分块渲染消除方案

HBuilder mui
手拉手教你制作指引页

解决MUI采取器组件抛出“picker.getSelectedItem is not a
function”分外的题目

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

mui与vue结合
功用网站

HBuilder教程

MUI框架预加载

mui
webview格局选项卡达成按需加载

MUI 二维码扫描并跳转

H五+
2维码扫描成效

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个推服务

相关学习资料网站

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/

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

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

mui框架怎样实现页面间传值

晋级HTML5的脾性体验类别之一制止切页白屏

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

Android硬件加快详解

5+动画详解

Android五的花屏、分块渲染消除方案

HBuilder mui
手拉手教你营造引导页

缓解MUI选拔器组件抛出“picker.getSelectedItem is not a
function”相当的难点

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

mui与vue结合
成效网站

HBuilder教程

MUI框架预加载

mui
webview方式选项卡达成按需加载

MUI 2维码扫描并跳转

H五+
二维码扫描效用

HTML伍 用 websql 模仿 localStorage
差不离无大小限制

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

hbuilder IOS 应用软件打包与揭橥

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离线推送作用

科学普及难点

恒定定位在尾巴部分的输入框点击输入时被键盘盖住了,全体未有提升

云端生成ios越狱包不可能选拔apns离线推送功用

js知识充电

js知识充电

if语句只写二个参数是怎么着看头

要精通if里面包车型客车重临值是true或是false,那么一旦括号里不管一个数都得以,
a=0,那么if条件正是false了
布尔值,javascript中以下值会被撤换为false

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

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 = {};

 

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模拟器端口:将那里的端口改为6200一。因为夜神模拟器的端口便是6200一。

图片 1图片 2

规范允许的情形下,提出直接真机调节和测试,快很多。

HBuilder使用安卓模拟器

安卓模拟器有成都百货上千,笔者这里以夜神模拟器为例。使用安卓夜神模拟器来运转手提式有线电话机app的时候,先要配置HUuilder,配置方式:HBuilder的工具–》选项–》运维–》设置Web服务器–》HBuilder–》第3方Android模拟器端口:将那里的端口改为6200一。因为夜神模拟器的端口便是62001。

图片 3图片 4

规则允许的情事下,提议直接真机调节和测试,快很多。

HBuilder检查实验不到夜神模拟器 — 消除办法

有时常常现身HBuilder和夜神模拟器都运行了,建立了链接,但是检查测试不到夜神模拟器的动静。

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

二、假如壹依旧特别,打开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

图片 5

HBuilder检查测试不到夜神模拟器 — 消除办法

偶然平时出现HBuilder和夜神模拟器都运行了,建立了链接,可是检查实验不到夜神模拟器的气象。

壹、我们能够试着点击一下夜神模拟器界面,然后再在HBuilder中打开2个页面

二、假诺一依旧不行,打开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

图片 6

 app首页后面部分导航

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

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

自家做的界面德姆o

图片 7

个人感觉:即便快是快了,不过有多少个严重的缺点,那正是底层不能动态配置。所以小编最终吐弃了那种办法,因为界面全体的菜系模块都以足以在PC后台进行配备的,作者最后用vue.js来做多少绑定。

只顾首页应用了响应式布局,纯熟rem、em、px之间的区别。引入了第一方js:flexible.js

 app首页尾巴部分导航

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

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

自己做的界面德姆o

图片 8

个人感觉:尽管快是快了,然则有贰个严重的后天不足,那就是底层不能够动态配置。所以本身最终放弃了那种格局,因为界面全体的菜谱模块都以能够在PC后台实行布署的,小编最后用vue.js来做多少绑定。

专注首页应用了响应式布局,熟知rem、em、px之间的界别。引入了第一方js:flexible.js

风行版本 mui 安卓模拟器调节和测试,同步报错

1、重启安卓模拟器,重新在CMD中延续

adb connect 127.0.0.1:62001

adb devices

图片 9

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

风行版本 mui 安卓模拟器调节和测试,同步报错

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

adb connect 127.0.0.1:62001

adb devices

图片 10

 2、方法2:在安卓模拟器上边卸载HBuilder

迅猛申请ios打包ipa证书.p1二和.mobileprovision(无需Mac)

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

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

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

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

图片 11

图片 12

右键——管理员权限运转

抑或拓展如下配置:

图片 13

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

图片 14

图片 15

右键——管理员权限运营

或然拓展如下配置:

图片 16

在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);
 });

此题材找麻烦了长时间。

在mui-bar mui-bar-tab子页面包车型大巴中动用echarts,总是有时展现有时不出示

务必在页面中钦点报表容器的宽、高,只怕最小宽高,在css样式文件中钦定宽高有时会失效。

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

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

增加补充:假诺是底层选项卡切换的时候,默许会加载第3页,因而地点的格局使得。
可是在切换来第一个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

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

手写签名

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

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

HBuilder控制台不显得日志

自个儿用的荣耀手提式有线电话机,进入工程方式:*#*#3646633#*#*,开启调试情势日志,关于其余手提式有线话机能够网上寻找进入工程格局的措施。

HBuilder控制台不显得日志

作者用的荣耀手机,进入工程方式:*#*#3646633#*#*,开启调节和测试形式日志,关于任何手机能够网上查找进入工程情势的点子。

怎么着用Fiddler对Android应用举行抓包

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

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

什么样用Fiddler对Android应用举办抓包

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

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

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

在mui-search外围包括了mui-inner-wrap之后就会油然则生那几个bug。其余控件不清楚有未有这几个情景,小编利用的正是其1。原理应该是mui-placehold相对定位之后在iOS端产闯祸件穿透导致的。
消除办法:
.mui-search .mui-placeholder {
pointer-events: none;
}

绵绵更新中……

 mui 搜索框在pad上须要点击两遍才能弹出键盘

在mui-search外围包罗了mui-inner-wrap之后就会油不过生这些bug。别的控件不明了有没有那个现象,作者使用的便是这些。原理应该是mui-placehold相对定位之后在iOS端产生事件穿透导致的。
消除办法:
.mui-search .mui-placeholder {
pointer-events: none;
}

持续更新中……

相关文章