2016年11月_xiejunna

12月 11月 09月 08月 07月 06月

原创 HBuilder如何与服务器上传代码

1.HBuilder中创建空项目（项目类型根据自己需要自己选择）例如：截图中的demo项目2.删除这个项目下的所有文件，只留一个项目名称即可，如下图3.鼠标选中空项目右键，选中部署，后面会出现“运行web部署向导”，点击进去4.选中截图上圈住的地方，点击下一步5.进入如下截图，站点名称根据自己的需要命名；协议可以根据自己的需要选择；服务器，填写自己的服务器路径；用户名，密码为你自己服务器上设置的用户

2016-11-24 18:19:32 16709 6

转载 html meta标签

meta标签的作用有：搜索引擎优化(SEO)，定义页面使用语言等等 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签

2016-11-16 19:50:02 379

转载 html Ajax和XMLHttpRequest

Ajax：Asynchronous Javascript and XML（异步的Javascript和XML），是基于Javascript和Http请求的功能是快速创建动态网页，即在不重新载入整个页面的情况下，对网页的某部分进行更新。 Ajax的基础是XMLHttpRequest，步骤如下： 1. 首先创建一个XMLHttpRequest对象 2. 然后利用该对象向服

2016-11-16 16:44:32 601

原创 mui.plusReady()不执行？mui传参

需求：要在A界面中的卡头（头布局）和卡位（底部tab）中加载webView呈现内容，在webView界面中获取A界面头布局的title id和一个图片id ：代码如下： A界面中卡头，卡头布局（头布局）的代码：mui.init({swipeBack: false,statusBarBackground: '#82D1C5',gestureConfig: {tap: true,},s

2016-11-15 14:30:10 20501

原创 mui框架用extra实现页面间传值

在App开发中，页面间传值是很常见的开发需求，mui框架根据业务场景不同，提供了两种传值模式。 1、页面初始化时，通过扩展参数传值； mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值； mui框架在如下几种场景下，会执行页面初始化操作： - 通过mui.openWindow()打开新页面（若目标页面为已预加载成功的页面，则在openWindow

2016-11-15 12:35:25 5955 2

原创 mui toast自定义样式

css中重写此样式：.mui-toast-container { bottom: 20% !important;/*离布局底部的距离*/ }.mui-toast-message { background: url(../img/indicator_input_error.png) no-repeat center 10px #000; /*toast的背景图片*/

2016-11-14 16:54:47 1011

原创 mui toast自定义样式

2016-11-14 16:50:32 9170

原创 css html中单行或多行文本溢出显示省略号

单行文本溢出显示省略号：style{p{width:100%;height:50px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}}多行文本溢出显示省略号：style{p{width:100%;height:50px;

2016-11-13 15:22:38 786

转载 div中的内容垂直居中的五种方法

一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂直居中的效果。二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中

2016-11-11 19:05:45 14118

原创 mui Ajax

Ajax 基于htm5 plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型；本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。 mui.ajax( ur

2016-11-09 08:48:40 1159

原创 html5 net XMLHttpRequest

XMLHttpRequest模块管理网络请求，与标准HTML中的XMLHttpRequest用途一致，差别在于前者可以进行跨域访问。通过plus.net可获取网络请求管理对象。对象： XMLHttpRequest: 跨域网络请求对象 ProgressEvent: HTTP请求进度事件回调方法： XhrStateChangeCallback: 网络请求状态变化的回调函数

2016-11-08 20:52:12 4600

原创 html5 webview对象

Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。方法： all: 获取所有Webview窗口 close: 关闭Webview窗口 create: 创建新的Webview窗口 currentWebview: 获取当前窗口的WebviewObject对象 getWebv

2016-11-08 20:41:56 10905

原创 html5 storage数据存储

Storage模块管理应用本地数据存储区，用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同，前者可在应用内跨域操作，数据存储期是持久化的，并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。方法： getLength: 获取应用存储区中保存的键值对的个数 getItem: 通过键(key

2016-11-08 19:59:43 754

原创 html5 runtime运行环境

获取当前运行环境信息、与其它程序进行通讯等。通过plus.runtime可获取运行环境管理对象。属性： appid: 当前应用的APPID arguments: 第三方程序调用时传递给程序的参数 launcher: 应用启动来源 origin: 应用安装来源 version: 客户端的版本号 innerVersion: 客

2016-11-08 19:54:28 15694 1

原创 html5 nativeUI系统原生界面

nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等。方法：actionSheet: 弹出系统选择按钮框alert: 弹出系统提示对话框confirm: 弹出系统确认对话框closeWaiting: 关闭系统等待对话框showWaiting: 显示系统等待对话框pickDate: 弹出系统日期选择对话框pickTime: 弹出系统时间选

2016-11-08 19:47:38 7506

原创 html5 设备管理信息 device

获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。属性： imei: 设备的国际移动设备身份码 imsi: 设备的国际移动用户识别码 model: 设备的型号 vendor: 设备的生产厂商 uuid: 设备的唯一标识方法： dial: 拨打电话 beep:

2016-11-08 19:41:08 21075

原创 html5中调用摄像头拍照

方法： getCamera: 获取摄像头管理对象对象： Camera: 摄像头对象 CameraOption: JSON对象，调用摄像头的参数 PopPosition: JSON对象，弹出拍照或摄像界面指示位置回调方法： CameraSuccessCallback: 调用摄像头操作成功回调 CameraErrorCallback: 摄像头操作

2016-11-08 19:34:41 10342

原创 MUI开发注意事项

DOM结构关于mui页面的dom，你需要知道如下规则。固定栏靠前所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在.mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mu

2016-11-08 19:23:36 534

原创 mui 为移动设备诞生

大家随意使用自己喜欢的前端框架。但是其他移动App框架实在不给力： - 基于jq的jqmobile，性能低的无法忍受 - 基于angular的ionic，都把pc端很重的东西引入到移动App中。angularjs本身设计是为了pc端网页的双向数据绑定，做个移动App干嘛用这么重的东西。 - bootstrap这种响应式设计，性能在低端机不足，而且UI风格一看就是网页，不是App的感觉。 -

2016-11-08 19:14:23 977

原创 mui中的extend()合并对象

extend() 将两个对象合并成一个对象。语法：一： .extend（target,object1[,objcetN]） target Type: Object 需合并的目标对象 object1 Type: Object 需合并的对象 objectN Type: Object 需合并的对象example：var targe

2016-11-08 19:06:27 7001

原创 mui中的遍历each（）

each()each既是一个类方法，同时也是一个对象方法，两个方法适用场景不同；换言之，你可以使用mui.each()去遍历数组或json对象，也可以使用mui(selector).each()去遍历DOM结构。第一种：语法：mui.each(obj,handler); obj Type: Array||JSONObj 需遍历的对象或数组；若为对象，仅遍历对象根节点下的ke

2016-11-08 16:13:56 26484