06 2015 档案
摘要：函数 勾股定理 可以实现两点坐标求距离的应用 JS中的平方和开方 使用勾股定理计算两点之间的距离，从而实现类似苹果菜单的案例 原理是检测鼠标的位置，然后计算鼠标跟图片的距离，距离最近的图片最大，距离最远的图片最小
阅读全文
摘要：一、Storage介绍 1、sessionStorage session临时回话，从页面打开到页面关闭的时间段 窗口的临时存储，页面关闭，本地存储消失 2、localStorage 永久存储（可以手动删除数据）二、Storage的特点 存储量限制 ( 5M ) 客户端完成，...
阅读全文
摘要：具体的百度地图API的使用方法查看百度地图API里的DEMO
阅读全文
摘要：一、地理位置 经度 : 南北极的连接线 纬度 : 东西连接的线二、位置信息从何而来 IP地址 GPS全球定位系统 Wi-Fi无线网络 基站三、地理位置对象（navigator.geolocation） – 单次定位请求 ：getCurrentPosition(请求成功，请求失败，数据收...
阅读全文
摘要：什么是Hybrid App 最开的App开发只有原生开发这个概念,但自从H5广泛流行后,一种效率更高的开发模式Hybrid应运而生,它就是"Hybrid模式" Hybrid APP是目前广泛流行的一种APP开发模式 H5渗入APP开发 我们都知道,原生APP开发中有一个webview的组件(Andr
阅读全文
摘要：用户在使用键盘时会触发键盘事件。“DOM2 级事件”最初规定了键盘事件，结果又删除了相应的内容。最终还是使用最初的键盘事件，不过 IE9 已经率先支持“DOM3”级键盘事件。 一、键码 在发生 keydown 和 keyup 事件时，event 对象的 keyCode 属性中会包含一个代码，与键盘上
阅读全文
摘要：实现拖拽一个元素 拖拽的流程： 当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown 当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove 当鼠标松开时，被拖拽元素固定在当前位置 onmouseup
阅读全文
摘要：事件的委派 在很多需求中，通常元素是动态创建添加到一个父元素中的，这时候我们点击新增的元素是没有反应的 点击新建的超链接，不会有任何反应，没有触发到点击事件。这时候我们希望，只绑定一次事件，即可应用到多个的元素上，即使元素是后添加的 可以尝试将其绑定给元素的共同的祖先元素 指将事件统一绑定给元素的共
阅读全文
摘要：鼠标操作导致的事件对象中的特殊属性和方法 鼠标事件是 Web 上面最常用的一类事件，毕竟鼠标还是最主要的定位设备。那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等 鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件，因此检测按钮的信息并不是必要的 但对于 mou
阅读全文
摘要：事件处理函数概述 JavaScript 可以处理的事件类型为：鼠标事件、键盘事件、HTML 事件 所有的事件处理函数都会都有两个部分组成，on + 事件名称，例如 click 事件的事件处理函数就是：onclick。 对于每一个事件，它都有自己的触发范围和方式，如果超出了触发范围和方式，事件处理将失
阅读全文
摘要：事件处理程序 JavaScript 事件对象是由访问 Web 页面的用户引起的一系列操作，例如：用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈。 我们通过为指定事件绑定回调函数的形式来处理事 件，当指定事件触发以后我们的回调函数就会被调 用，这样我们的页面就可以完成和
阅读全文
摘要：一、动态加载脚本 当网站需求变大，脚本的需求也逐步变大。我们就不得不引入太多的 JS 脚本而降低了整站的性能，所以就出现了动态脚本的概念，在适时的时候加载相应的脚本。 1、动态加载js文件 比如：我们想在需要检测浏览器的时候，再引入检测文件。 2、动态执行 js IE 6,7,8浏...
阅读全文
摘要：一、clientLeft 和 clientTop 这组属性可以获取元素设置了左边框和上边框的大小，目前只提供了 Left 和 Top 这组，并没有提供 Right 和 Bottom。 二、offsetLeft 和 offsetTop 1、这组属性可以获取当前元素相对于父元素的位置。 获取元素当前相对
阅读全文
摘要：clientWidth 和 clientHeight 这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。 返回了元素大小，但没有单位，默认单位是 px，如果你强行设置了单位，比如 100em之类，它还是会返回 px 的大小。(CSS 获取的话，是照着你设置的样式获取)。 对
阅读全文
摘要：通过 style 内联获取元素的大小 需要注意的是style 获取只能获取到行内 style 属性的 CSS 样式中的宽和高，如果有获取；如果没有则返回空。 通过计算获取元素的大小 通过计算获取元素的大小，无关你是否是行内、内联或者链接，它经过计算后得到的结果返回出来。如果本身设置大小，它会返回元素
阅读全文
摘要：使用 style 属性，仅仅只能获取和设置行内的样式，如果是通过内联 测试Div 二、获取CSSStyleSheet对象 这两个元素本身返回的是 HTMLLinkElement 和 HTMLStyleElement 类型，但CSSStyleSheet 类型更加通用一些。得到这个类型...
阅读全文
摘要：使用 style 属性可以设置行内的 CSS 样式，而通过 id 和 class 调用是最常用的方法。 测试Div 不建议通过变换id来改变CSS样式，可以通过class来改变 测试Div 在添加 className 的时候，我们想给一个元素添加多个 class 是没有办法的，后面一...
阅读全文
摘要：虽然可以通过 style 来获取单一值的 CSS 样式，但对于复合值的样式信息，就需要通过计算样式来获取。DOM2 级样式，window 对象下提供了 getComputedStyle()方法。接受两个参数，需要计算的样式元素，第二个伪类(:hover)，如果没有没有伪类，就填 null。这种计算样...
阅读全文
摘要：一、检测浏览器是否支持css CSS 作为(X)HTML 的辅助，可以增强页面的显示效果。但不是每个浏览器都能支持最新的 CSS 能力。CSS 的能力和 DOM 级别密切相关，所以我们有必要检测当前浏览器支持CSS 能力的级别。 DOM1 级实现了最基本的文档处理，DOM2 和 DOM3 在这个...
阅读全文
摘要：一、使用HTML标签创建表格 thead、tfoot、caption标签在一个表格中只能有一个 tbody、tr、td、th标签在一个表格中可以有N个 人员表 姓名 性别 ...
阅读全文
摘要：一、innerText 属性 测试Div 除了 Firefox 之外，其他浏览器均支持这个方法。但 Firefox 的 DOM3 级提供了另外一个类似的属性：textContent，做上兼容即可通用。测试Div 做兼容方案： 测试Div二、innerHTML 属性测试Div 虽然 ...
阅读全文
摘要：一、呈现模式 从 IE6 开始开始区分标准模式和混杂模式(怪异模式)，主要是看文档的声明。 IE 为document 对象添加了一个名为 compatMode 属性，这个属性可以识别 IE 浏览器的文档处于什么模式，如果是标准模式，则返回 CSS1Compat，如果是混杂模式则返回 BackCo...
阅读全文
摘要：DOM 自身存在很多类型，比如 Element 类型（元素节点）再比如 Text 类型（文本节点）。DOM 还提供了一些扩展功能。一、Node类型 Node 接口是 DOM1 级就定义了，Node 接口定义了 12 个数值常量以表示每个节点的类型值。IE6,7,8不支持，其他所有浏览器都可以访问这...
阅读全文
摘要：一、概述 DOM 不单单可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换节点。 二、write()方法 write()方法可以把任意字符串插入到文档中去。会覆盖掉原来的html 测试Div1 测试Div2 测试Div3 三...
阅读全文
摘要：一、空白节点产生的原因 在非 IE6,7,8 中，标准的 DOM 具有识别空白文本节点的功能。 在火狐浏览器等其他浏览器中是 7个，而 IE6,7,8 自动忽略了，如果要保持一致的子元素节点，需要手工忽略掉它。 测试Div1 测试Div2 测试D...
阅读全文
摘要：一、层次节点的概述 节点的层次结构可以划分为：父节点与子节点、兄弟节点这两种。当我们获取其中一个元素节点的时候，就可以使用层次节点属性来获取它相关层次的节点。 二、childNodes 属性 childeNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含元素子节点和文本子节点。...
阅读全文
摘要：一、 什么是极光推送 极光推送，使得开发者可以即时地向其应用程序的用户推送通知或者消息，与用户保持互动， 从而有效地提高留存率，提升用户体验。平台提供整合了 Android 推送、iOS 推送的统一推 送服务。
阅读全文
摘要：一、前端代码的编写 jQuery Mobile Web 应用程序 Phonegap发送短信插件 你好树根我们做朋友吧！ 发送 ...
阅读全文
摘要：一、 javascript 端的编写 第一个参数 成功的回调函数 第二个参数 失败的回调函数 第三个参数 是插件的类名称，也就是后台java文件的类名 第四个参数 执行的 action 名称 对应的是后台java代码中的action名称 第五个参数 传递的参数是一个数组functio...
阅读全文
摘要：一、 文件系统的请求 请求文件系统通过 window.requestFileSystem 来完函数声明如下： window.requestFileSystem(type, size, successCallback, errorCallback) type: 文件系统类型 可选参数俩个...
阅读全文
摘要：一、介绍 此 API 基于 W3C WEB SQL Database Specification 和 W3C Web Storage API Specification。 有些 设备已经提供了对该规范的实现，对于这些设备采用内置实现而非使用 PhoneGap 的实现。 对于没有存储支持的设 备...
阅读全文
摘要：一、介绍 1、为了替代Cookile这门古老的客户端存储技术,Html5的WEB Storage Api 提供了俩中在 客户端存储数据库的方法:localStorage 和 sessionStorage 2、sessionStorage 用于本地存储一个会话（session）中的数据，这...
阅读全文
摘要：一、 MediaApi 简单介绍 PhoneGap API Media 对象提供录制和回放设备上的音频文件的能力 参数： var media = new Media(src, mediaSuccess, [mediaError], [mediaStatus]); sr...
阅读全文
摘要：一、 capture Api 简单介绍 capture 对象用于获取视屏,音频和图像,它是一个全局对象,通过 navigator.device.capture 来访问 方法： capture.captureAudio 捕获音频 capture.captureImage ...
阅读全文
摘要：一、 Camera Api 简单介绍 Camera 选择使用摄像头拍照，或从设备相册中获取一张照片。图片以 base64 编码的 字符串或图片 URI 形式返回。 方法： 1. camera.getPicture 拍照获取相册图片 navigator.camera.getPicture( ...
阅读全文
摘要：一、 Compass 介绍方法参数 1、Compass 也就是，常说的指南针，又叫罗盘 2、方法 compass.getCurrentHeading compass.watchHeading compass.clearWatch compass.watc...
阅读全文
摘要：一、使用百度地图API 1、地址：http://developer.baidu.com/map/ 2、在js DEMO中获取反地址解析的DEMO 3、修改这个DEMO的密钥，去创建应用就能创建密钥，然后复制密钥到这个页面即可 4、使用PhoneGap Geolocation 获取地理...
阅读全文
摘要：一、 PhoneGap Geolocation 对象介绍 1、使应用程序可以访问地理位置信息。geolocation 对象提供了对设备 GPS 传感器的访问。Geolocation 提供设备的位置信息，例如经度和纬度。 2、位置信息的常见来源包括全球定位系统（GPS），以及通过诸如 IP 地址、...
阅读全文
摘要：phonegap_device_network_notification01 PhoneGap100实战 开启重力感应... 停止重力感应 ...
阅读全文
摘要：phonegap_device_network_notification01 PhoneGap100实战 监测加速度信息中... 停止监测加速度信息 ...
阅读全文
摘要：一、PhoneGap 加速计 Accelerometer 对象介绍 1、主要方法 accelerometer.getCurrentAcceleration 获取当前设备在 x，y，z 轴上的加速度信息 accelerometer.watchAcceleration 定期获...
阅读全文
摘要：一、 Phonegap 白名单安全机制 Phonegap应用的页面大多存在于本地,但有时需要加载外部的Web页面到应用内置的浏览器 视图中已完成特定的应用功能,出于安全性考虑,PhoneGap 设立了白名单安全机制,通过它来 控制能够加载到内置浏览器视图的内容来源. Android 不通过白名...
阅读全文
摘要：一、通知类型列表 1、notification.alert 提示警告框 2、notification.confirm 确认对话框 3、notification.prompt 该 notification.prompt 方法显示一个输入框，比本地浏...
阅读全文
摘要：一、网络连接状态列表 Phonegap 网络连接通过 navigator.network.connection.type 来获取，一般有一下几种状态 1. Connection.UNKNOWN 未知连接 2. Connection.ETHERNET 以太网 ...
阅读全文
摘要：一、 获取设备信息的方法列表（如果没有或者检测不出来就显示undefined） 1、device.name 设备名称（一些国产机检测不出来） 2、device.model :返回设备的模型或产品的名称 3、device.cordova PhoneGap 版本 4、dev...
阅读全文
摘要：jQuery Mobile Web 应用程序 PhoneGap实战 设备加载中.... 应用为前台 连接加载中.... 返回按钮...
阅读全文
摘要：一、 deviceready 事件 1、在使用 PhoneGap 开发应用时，deviceready 事件是非常常用的。这一事件在设备的本地 环境和页面完全加载完成之后才触发 2、注意：此事件一般晚于 jquery 的 ready 事件，jquery 的 ready 事件是在 DOM 完全加载 ...
阅读全文
摘要：1、拷贝一张图片到Android项目的res目录的drawable-mdpi目录下2、在主要的src下的java文件中编写代码package com.study.hellomobileword1;import android.os.Bundle;//import android.app.Activi...
阅读全文
摘要：需要在eclipse里面编辑html和jsp，语法高亮和语法提示，自动补全等。一、下载GEF(依赖包）： 1、下载地址：http://www.eclipse.org/downloads/download.php?file=/tools/gef/downloads/drops/3.7.2/R2012...
阅读全文
摘要：1、Src 该目录包含了所有用户要创建的 Java 源文件2、gen 为开发工具自动创建3、assets 目录 用于方一些资源文件 css js html4、res 目录该目录包含了所有的资源文件 图表 图片 字符串 布局 它包含 drawable5、layout 和 valuse 目录6、draw...
阅读全文
摘要：一、JDK 下载以及安装、配置 参考：http://www.cnblogs.com/LO-ME/p/3530345.html二、Android开发环境的搭建 参考：http://www.cnblogs.com/LO-ME/p/3705345.html三、下载PhoneGap文件 下载地址：ht...
阅读全文
摘要：一、JqueryMobile 介绍 jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。 jQuery Mobile 不仅会给主流移动平台带来 jQuery 核心库，而且会发布一个完整统一的 jQuery 移动 UI 框架。 支持全球主流的移动平台。此框架简单 易用。页...
阅读全文
摘要：一、Web App 这个主要是采用统一的标准的 HTML,JavaScript.CSS 等 web 技术开发. 用户无需下载，通过不同平台 的浏览器访问来实现跨平台， 同时可以通过浏览器支持充分使用 HTML5 特性，缺点是这些基于浏览器的应 用无法调用系统 API 来实现一些高级功能，也不适...
阅读全文
摘要：一、PhoneGap 是什么 1、PhoneGap 是一个用基于 HTML，CSS 和 JavaScript 的，创建移动跨平台移动应用程序的快速开发框架。 2、它使开发者能够利用 iPhone，Android，Palm，Symbian,WP7,Bada 和 Blackberry 智能手机的核心...
阅读全文
摘要：一、检查邮政编码var pattern = /[1-9][0-9]{5}/; //共 6 位数字，第一位不能为0 {5}表示后面5位0到9var str = '224000';alert(pattern.test(str));二、检查是否是文件压缩包var pattern = /[\w]...
阅读全文
摘要：客户端检测一共分为三种，分别为：能力检测、怪癖检测和用户代理检测，通过这三种检测方案，我们可以充分的了解当前浏览器所处系统、所支持的语法、所具有的特殊性能。一、能力检测： 能力检测又称作为特性检测，检测的目标不是识别特定的浏览器，而是识别浏览器的能力。 能力检测不必估计特定的浏览器，只需要确定当...
阅读全文
摘要：一、使用客户端检测的原因 由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。 虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能； 但在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更...
阅读全文
摘要：history 对象是 window 对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。一、history对象的属性 可以通过判断 history.length，得到是否有历史记录和记录数。alert(history.length);二、history对象的方法 ...
阅读全文
摘要：一、概述： location 是 BOM 对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。 事实上，location 对象是 window 对象的属性，也是 document 对象的属性；所以 window.location 和 document.locatio...
阅读全文
摘要：一、BOM概述 BOM（Browser Object Model）浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。 BOM 缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM 本身是没有标准的或者还没有哪个组织去标准它。 BOM 的核心对...
阅读全文
