2014年05月_dakang

转载 JavaScript跨域总结与解决办法

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和

2014-05-29 11:21:35 763

转载页面js和css加载顺序优化建议

body里dom渲染取决于head里的外联js加载完。根据此原理，建议如下：1、head里出现外联js，无论如何放，css文件都不能和body里的请求并行。2、head里面内联js要在所有外联css文件前面，才能使css文件和body里面的请求并行，不然会堵塞。因为内联js要等head里面所有外联css加载完后才会执行。3、外联js放在页面最后，高级浏览

2014-05-28 16:00:11 2119

转载 IIS7 中设置浏览器缓存

启用浏览器缓存的好处不用多说，今天在使用 Google Page Speed 检测网站性能时发现小站还没有开启浏览器缓存，Page Speed 中提示 Leverage browser caching，大概意思就是发挥浏览器缓存的作用。当我在 IIS7 中设置完缓存后，网页速度得分从88分一下到了92分，如下图：要缓存的静态内容包括图片、html、js、CSS文件，缓存这些文件可明

2014-05-28 09:39:50 3160

转载 7 天打造前端性能监控系统

前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其中的性能数据及其监控进行详细阐述。开始行动本文中的性能主要指 web 页面加载性能，对性能还不了解？不用担心，接下来的“每一天”跟我一起进入前端性能的世界。

2014-05-27 16:42:20 1083

转载 HTTP Caching 优化网站

HTTP Caching 用好了，可以极大的减小服务器负载和减少网络带宽。十分有必要深入了解下 http 的 caching 协议。　　先来看下请求/响应过程：http 请求/响应　　1、用 Last-Modified 头　　在第一次请求的响应头返回 Last-Modified 内容，时间格式如：Wed, 22 Jul 2009 07:08:07 GMT。是

2014-05-27 16:06:56 517

转载获取元素CSS值之getComputedStyle方法熟悉

一、碎碎念~前言我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用，至少对创造一些创意新颖的新技术拓宽了思路。jQuery

2014-05-27 13:38:25 636

转载如何检测IFRAME中SRC是否可用,不可用将IFRAME隐藏

近期开发的一个项目中需要开发如下一个功能: 需要检测一个iframe中的src是否可用如果不可用则将该iframe隐藏. 我采用的方法是通过ajax去检测,如果不可用才将该iframe隐藏,代码如下: var isExistPage = true; var pageUrl = document.getElementById('frame1').src; //页面地址 var X

2014-05-23 18:06:44 2434

转载移动手机web页面转屏事件兼容解决方案

我们知道mobile设备上监测转屏的事件是orientationchange，但这个事件支持得不太好,有些android就不支持orientation事件zepto.js中扩展了一个 $.support 来检测是否支持orientation View Code 本文通过Javascript的window.matchMedia方法和 css media quer

2014-05-22 20:39:14 1453

转载移动端开发坑整理之一

关于离线缓存与局部更新版本迭代快的，不适合用离线缓存，由于用户不会主动去清理浏览器的缓存局部更新的模块可以使用iframe，但是iframe不支持orientation的media query，需用宽度辨别关于转屏在某些低版本的android不支持orientationchange事件，可以用resize替代，resize会多次触发，orientationchange在高版

2014-05-22 20:27:51 778

转载 HTML5实战与剖析之判断移动端横屏竖屏功能

在手机端经常游走的我们很多时候都会对横屏和竖屏的概念比较熟悉，大家都经常头疼怎么才能判断这横屏和竖屏的状态呢，今儿梦龙就为大家分享分享。　　用CSS判断横屏竖屏问题。CSS代码如下[plain] view plaincopyprint? 1、 @media (orientation: portrait)

2014-05-22 16:21:45 1361

转载 js判断iframe是否加载成功

在项目中经常要动态添加iframe，然后再对添加的iframe进行相关操作，而往往iframe还没添加完呢，后边的代码就已经执行完了，所以有些你写的东西根本没有显示出来。这时，我们就要考虑是否可以等iframe加载完后再执行后边的操作，当然，各种浏览器早就为我们考虑到啦，看下面：ie浏览器IE的每个elem节点都会拥有一个onreadystatechange事件，这个事件每次在el

2014-05-20 14:01:49 991

转载 iframe 跨域自适应高度的解决方案

项目中需要使用iframe嵌套另外一个项目的子页面,但是要求不能有滚动条,也就是说iframe的高度得根据嵌套页面的高度自适应由于跨域,所以父子页面显然是不能通信的第一个想到的是最近才接触到的window.name方式代码片段: [javascript] view plaincopy

2014-05-20 14:01:16 899

转载 Android开发实践经验谈：如何让各式手机浏览器可以直接下载apk安装文件且实现自动安装APP

[摘要]：不少人做了Android的APP应用且放在了外网上，但是手机用户通过url找到了apk文件却无法实现下载，也或者下载后无法自动安装。针对这样一些问题今天进行了一个技术性的汇总，希望可以帮到那些为此问题烦恼的Android开发者。写了一些 android 的应用放在网站上让人下载，在某些机型上，三星的 android 的 4.0 以上多款机型最普遍, 用安卓自带浏览器下载程序，会提示

2014-05-13 18:06:59 8377 3

转载 Zepto.js 源码解读

Zepto.js是一个jQuery的迷你版本，只支持现代浏览器，包含了jQuery中大部分的API，这也是一个适合在移动端使用的基础类库。(function(undefined) { if (String.prototype.trim === undefined) // fix for iOS 3.2 String.prototype.trim = function() {

2014-05-09 14:23:58 1625

转载打造移动终端的 WebApp（一）：搭建一个舞台

最近随着 Apple iOS 和 Android 平台的盛行，一个新的名词 WebApp 也逐渐火了起来，这里我也趁着热潮做一个关于 WebApp 系列的学习笔记，分享平时的一些研究以及项目中的经验，在现阶段研究对象暂时限定为 iOS 平台(iPhone/iPad/iPod touch)，随后会扩展到 Android 平台。对于 WebApp，我的理解是：它一个基于 Web 形式的应用程序

2014-05-07 09:33:13 872

转载用JS有效解决移动web浏览器中HTML元素的overflow:scroll滚动属性失效问题

web移动平台前端UI开发工作，兼容问题超多，今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容，但内容条数未知；如果条数过多，容器显示滚动条。这鸟需求按说是So easy，容器设死宽、高，CSS加属性overflow:scroll;完事！可拿设备去测的时候有趣了，Pc all browser正常，ios正常，android失效。泥马在android下效果与 overflow:hidden

2014-05-06 09:51:33 25121

转载 iscroll滑动区域内的div onclick事件单击一次触发了两次bug解决

1、自己写一个fn-->myclick，然后onclick="myclick();"调用。代码：JavaScript code?123456789101112131415var t1 = null;//这个设置为

2014-05-06 09:34:00 3480

kaosini的专栏