MUI开发大全-低调大师

MUI开发大全

2017-10-09 739

HBuilder和VS混用，HBuilder的快捷键和代码提示以及真机调试方便，但是错误提示和代码格式化是硬伤，VS的前端报错提示很智能，代码格式化很顺畅，将二者的优点集合起来。现在在用MUI做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。

条件允许的情况下，建议直接真机调试，快很多。

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

app首页底部导航

参考：tab选项卡示例教程-基于subnview模式的原生tab（含底部凸起大图标）

这个官网提供了具体例子，下载地址：https://github.com/dcloudio/mui/tree/master/examples/nativeTab

我做的界面Demo

个人感觉：虽然快是快了，但是有一个严重的缺陷，那就是底部无法动态配置。所以我最终抛弃了这种方式，因为界面所有的菜单模块都是可以在PC后台进行配置的，我最终用vue.js来做数据绑定。

注意首页应用了响应式布局，熟悉rem、em、px之间的区别。引入了第三方js：flexible.js

快速申请ios打包ipa证书.p12和.mobileprovision（无需Mac）

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

安装后每次打开都出现请将Hbuilder移至其他盘符以及C盘配置文件不可写入的提示

右键——管理员权限运行

或者进行如下配置：

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

持续更新中......

本文转自邹琼俊博客园博客，原文链接：http://www.cnblogs.com/jiekzou/p/7499549.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/370814

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS:自定义代码块{ }

1.Xcode本身带有编码常用的代码块可供使用，如下图调用方法：（1）直接拖到代码区域中：（2）使用快捷键，键入 “while”， Xcode就会出现自动完成的提示也可以自定义自己常用的代码块: (1)编写代码 (2)选中代码，在选择的代码上长按左键直至光标符号变成鼠标图案，或者没有鼠标时，按下Control键后将代码拖动。 (3)拖放到块代码区 (4)点击图标，打开代码区 (5)“Edit”，进行设置 (6设置块代码名字，快捷提示 (7)设置可替换字符将 @"Cell" 替换为 @"<#name#>" 占位符，在自动完成代码之后可以自动选定到手动编码的位置. ,最后按下Done即可。（8）测试代码，直接选中reuseCell拖下来或者输入快捷键reuseCell即可使用解释截图：程序猿神奇的手，每时每刻，这双手都在改变着世界的交互方式！本文转自当天真遇到现实博客园博客，原文链接：http://www.cnblogs.com/XYQ-208910/p/5164264.html ，如需转载请自行联系原作者

2017-10-10

624

iOS 中二维码的扫描借用#import <AVFoundation/AVFoundation.h> 实现，会用到<AVCaptureMetadataOutputObjectsDelegate>这个代理，并会调用相机进行扫描，具体实现步骤如下： //1.创建捕捉会话 AVCaptureSession *session = [[AVCaptureSession alloc] init]; //2.添加一个输入源 AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo]; AVCaptureDeviceInput *input = [AVCaptureDeviceInput deviceInputWithDevice:device error:nil]; [session addInput:input]; self.session = session; //3.添加一个输出源 AVCaptureMetadataOutput *output = [[...

2017-10-10

609

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

JDK

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。