2015年02月_alex8046

转载 HTML5 中 postMessage sendMessage使用

Web Workers 简介至 2008 年 W3C 制定出第一个 HTML5 草案开始，HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能，而且还增加了对本地数据库等 Web 应用功能的支持。其中，最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程（Web Workers）的概念，并且规范出 Web Workers 的三大主要特征：能够长

2015-02-28 14:53:06 4425

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一

2015-02-28 14:34:07 341

转载 js生成随机数的方法实例总结

js生成随机数主要用到了内置的Math对象的random()方法。用法如：Math.random()。它返回的是一个 0 ~ 1 之间的随机数。有了这么一个方法，那生成任意随机数就好理解了。比如实际中我们可能会有如下的需要：（1）生成一个 0 - 100 之间的随机整数，那么则可以：parseInt(100*Math.random()); 注意：因为Math.random()的

2015-02-28 12:29:59 2983

转载 CSS中的EM属性之弹性布局

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何

2015-02-26 14:27:18 628

转载 setTimeout原理

function a() { setTimeout(function(){alert(1)},0); alert(2);}a();和其他的编程语言一样，Javascript中的函数调用也是通过堆栈实现的。在执行函数a的时候，a先入栈，如果不给alert(1)加setTimeout，那么alert(1)第2个入栈，最后是alert(2)。但现在给alert(1)加上s

2015-02-26 13:58:56 581

转载 App Store审核指南中文版（2014.10.11更新）

苹果在9月3日对App Store审核指南进行了重大更新，新添加了扩展、HealthKit、HomeKit以及TestFlight相关内容。9月10日新品发布会之后，苹果更新了App Store审核指南，添加Apple Pay相关内容。最近苹果再次添加了关于iOS 8新特性的部分内容。文中红色部分是相对于此前版本的新增内容，蓝色部分表示苹果相关官方文档的链接。App Store Revie

2015-02-26 11:47:43 675

转载使用单div实现CSS 绘图方法汇总

工具箱一个 Div 加上浏览器支持的那些 CSS 属性，看起来可用的工具太少了。但是我发现问题不在于你在使用多少东西，而在于你如何看待你在使用的东西。伪元素因为 CSS 有伪类，所以虽然只有一个 Div，但实际上我可以使用三个元素。因此，使用div，div:before，div:after，我们可以这样：div { background: red; }div:

2015-02-17 11:12:02 663

转载根据Request获取客户端IP

在JSP里，获取客户端的IP地址的方法是：request.getRemoteAddr() ，这种方法在大部分情况下都是有效的。但是在通过了Apache,Squid等反向代理软件就不能获取到客户端的真实IP地址了。如果使用了反向代理软件，将http://192.168.1.110:2046/ 的URL反向代理为http://www.xxx.com/ 的URL时，用request.getRemot

2015-02-16 17:29:33 712

转载 css盒子

一，盒子尺寸前端开发在写布局的时候常常会碰到这样一种情况，我们希望设置一个元素的宽度为100%，但是他仍然有内边距或外边距的应用。在使用传统的盒模型时，CSS使用父元素的宽度计算百分比宽度，然后再加上外边距和内边距。换句话说，100%宽度的元素加上内边距和外边距就会产生溢出现象。因此，我们可以将box-sizing设置为border-box,而不是原来默认的content-box，这样就可

2015-02-16 16:46:42 477

转载 jQuery.ajax(options)的参数

$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。注意：如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/

2015-02-16 15:07:59 965

转载 mobile开发中常用的css

1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度（范围从200 到

2015-02-15 16:54:43 686

转载 PhoneGap开发总结(干货)

1.因为是 web页面，长按住某一个文字区域会弹出复制选择框(android 4.0) 可以通过屏蔽 body *{ -webkit-user-select:none; }2.通过html标签移除缓存的影响 3.通过:active伪类来实现按钮按下的样式切换4.通过给按钮添加震动提高用户使用感受 $(".vi

2015-02-15 16:48:43 500

转载 android:screenOrientation属性

在开发android的应用中，有时候需要限制横竖屏切换。只需要在AndroidManifest.xml文件中加入android:screenOrientation属性限制。android:screenOrientation="landscape"是限制此页面横屏显示， android:screenOrientation="portrait"是限制此页面数竖屏显示。

2015-02-15 16:43:42 525

转载 javascript正则表达式(test|match|search|replace|split|exec)

test：测试string是否包含有匹配结果，包含返回true，不包含返回false。 [javascript] view plaincopy"text/javascript"> var str = "bbs.byr.cn"; var reg = /b/; var ret = reg.test(str);

2015-02-15 16:41:39 591

转载 phonegap解决iphone顶部状态栏位置的问题

在 iOS7, 所有的应用都是全屏运行的，此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖: 社区中讨论解决该问题的方法. 他们中的一些涉及原生代码，以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:function onDeviceReady

2015-02-15 16:13:18 6098

转载 HTML5 Canvas 实现本地压缩图片

canvas压缩本地图片。document.getElementById("myImg").onload=function(){ var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("myImg"); ctx.draw

2015-02-15 16:01:13 1672

转载 app-framework（2+）--Scroller

Scroller这个插件允许你创建一个可滚动区域。我们使用的JavaScript滚轮，除非该设备支持 - WebKit的溢出卷轴：触摸。它有许多修复Android版创建：$(selector).scroller({})//create$(selector).scroller()//get the scroller object属性：At

2015-02-15 15:35:52 729

转载 JS中数组的操作

1、数组的创建var arrayObj = new Array();　//创建一个数组var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　创建一个数组并赋值要

2015-02-15 15:31:49 391

转载 phonegap-手机APP页面的若干技术有关问题

phonegap-手机APP页面的若干技术问题：1、要保证页面在手机中正常显示，需要在标签内添加如下语句：　　2、一些css中需要注意的设置： html{height:100%;} body{min-height:100%;position:relative;} 3、表单元素在手机中点击时会出现边框，取消边框的写法如下：　　i

2015-02-15 15:21:08 741

转载 css3中webkit-box的用法

1、之前要实现横列的web布局，通常就是float或者display：inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性，浏览器会帮我们做额外的计算。提供的关于盒模型的几个属性：box-orient 子元素排列 vertical

2015-02-15 13:45:54 472

转载如何减少浏览器的repaint和reflow

一、什么是repaint/reflow?页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂，其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子（模型），这些都需要浏览器根据各种样式（浏览器的、开发人员定义的等）来计算并根据计算结果将元素放到它该出现的

2015-02-15 13:07:23 2049

转载 phonegap（3+）踩过的坑

1、页面切换闪白很多有web开发经验的人都会使用页面跳转来进入不通的功能页面，但是在利用phonegap的时候尽量少这么做，因为这会带来不可避免的屏幕闪白页的现象，所以尽量将整个应用做成单页，我现在的做法是，登陆前登录注册是一个单页，登录后是一个大单页。2、iframe的坑想要使用phonegap制作类似webview的功能，iframe就是再适合不过了，但是i

2015-02-15 12:00:31 712

转载 filePhoneGap向SD卡中写入文件

FileWriter Example //等待加载PhoneGap document.addEventListener("deviceready", onDeviceReady, false); // PhoneGap加载完毕 function onDeviceReady() { window.

2015-02-15 11:19:48 612

转载 PhoneGap3+ -- File（文件）

用于读取、写入和浏览文件系统层次结构的API。对象：DirectoryEntryDirectoryReaderFileFileEntryFileErrorFileReaderFileSystemFileTransferFileTransferErrorFileUploadOptionsFileUploadResultFileWriterFlags

2015-02-11 16:07:24 515

转载 phonegap之config.xml

phonegap的config.xml文件的整个phonegap参数配置的关键，包含调用本地 API ,自定义插件 ,屏幕 Orientation Fullscreen 等关键配置。 HelloWorld A sample Apache Cordova application that responds to the deviceready even

2015-02-11 11:36:53 755

转载 css position: absolute、relative详解

CSS2.0 HandBook上的解释：设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。要激活对象的绝对(absolu

2015-02-11 11:10:40 517

转载 JQuery查找父、子、兄弟节点

jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素，不限于父元素jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents() //查找下面的所有内容，包括节点和文本。jQuer

2015-02-11 10:46:54 1054

转载 jquery 常用选择器

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运

2015-02-11 10:17:37 410

转载 phonegap3+，ios7+ 状态栏问题的解决

使用phonegap混合开发时，在ios7+的设备中会出现系统状态栏和header重合的问题，加入代码使得状态栏和我们的应用分离：MainViewController.m- (void)viewWillAppear:(BOOL)animated{ // View defaults to full size. If you want to customize the view's

2015-02-10 15:30:14 918

转载 phonegap3+，https访问

ios环境，默认无法https访问，如下方法解决：在AppDelegate.m文件在最后加入（在@end后面加空行）：@implementation NSURLRequest(DataController) + (BOOL)allowsAnyHTTPSCertificateForHost:(NSString *)host { return YES;} @endandroi

2015-02-10 15:21:07 933

原创 javascript获取服务器时间

function getServerTime(){ var xmlHttp = false; //获取服务器时间 try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }

2015-02-10 15:15:20 408

原创 Cordova3.X 环境搭建

A、安装 nodejshttp://nodejs.org/download/B、安装cordovanpm install -g cordovaC、安装ant下载ant，并配置环境变量D、创建 cordova 工程cordova create alex(本地文件夹名) com.cn.alex(app id) alex(工程名)

2015-02-07 13:57:17 524

巴黎的妖