- 博客(11)
- 收藏
- 关注
原创 延迟脚本
延迟脚本,我们知道html的一个加载顺序是由上到下的,如果javascript放在头部,那么必定会造成dom元延时加载的一个过程。延迟 defer:这个属性的用途是表明脚本在执行时不会影响页面的恶意薮。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。相当于告诉浏览器,立即下载,但延迟执行。异步 sync:与defer不同的是,标记为sync的脚本并不保证按照指定他们的先后顺序挂
2015-09-26 17:01:40 438
转载 判断数组与对象
1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说,不会有什么问题,但是针对Array的对象就没什么用途了: Js代码 复制代码代码如下:alert(typeof null); // "object" alert(typeof []); // "object" 2、instanceof操作符。此操
2015-09-18 15:44:49 252
原创 canvas 基础
canvas 默认大小为 300*150 我们通过行内设置width height,或者通过js设置canvas.width/canvas.height,但不能通过style样式改变大小,这样改变的大小是canvas画布及其中内容分辨率的大小。浏览器支持canvas 可以通过 if(canvas.getContext('2d'))来判断是否支持。
2015-04-24 21:58:02 173
原创 布局相关
box-shadow : 水平 垂直 阴影模糊值 颜色;text-shadow : 水平 垂直 阴影模糊值 颜色;viewport 设置适应移动设备屏幕大小如果不指定viewport ,默认值为下:safari 默认值980像素android browser 默认值800ie 默认值974opara 默认值 850viewport虚拟串口是在
2015-04-23 16:42:29 188
原创 离线应用
网页缓存与离线缓存的区别1.网页缓存依赖于网络,而离线应用在离线状态 下仍然可用2.网页缓存主要缓存页面相关内容,也仅限 于当前页面的读取。离线应用 则主要缓存文件,只要设置缓存该文件的页面,都能在离线状态下读取该文件离线资源缓存离线应用将使用manifest类型的文件作为需要配置缓存文件的配置文件;applicationCache对象记录着Web应用程序缓存状态,开始
2015-04-23 16:12:44 300
原创 本地存储
Localstorage1.存储在客户端中;2.域内安全,是基于域的,各个浏览器的数据相互独立;(cookie也是如此的)3.通过JSON.stringify与JSON.parse存储和提取json数据4.只能通过重新设置value值才能改变本地存储中的对象数据SessionStorage1.与Localstrong一样,但SessionStorage存储的生命周期
2015-04-23 14:36:25 195
转载 contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器)。 1、DOMElement.contains(DOMNode)
2014-12-31 16:35:24 167
原创 关于indexOf
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置--这个是w3c对于indexOf的解释,所以一直以为indexOf方法适用于字符串,通过实践得知,标准浏览器下数组也是拥有此方法的,但ie8及以下浏览器走不通
2014-12-31 11:25:08 193
转载 关于LABJS
LABjs语法结构分析LABjs作为一个非常优秀的JavaScript加载工具,广受欢迎,在解决浏览器兼容性,异步加载,延迟加载对于研究资源加载有非常好的启发,下面是对其源码简单的语法结构分析:(function() { (function(global) { /* cache 字符串静态变量 提高压缩率 */
2014-04-08 09:49:57 806
转载 select
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true);
2014-03-13 09:49:53 287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人