代码改变世界

JQuery window、document、 body

2013-10-16 14:20 by youxin, 456 阅读, 0 推荐, 收藏,
摘要:我电脑屏幕分辨率:1440 * 900最大化浏览器,刷新浏览器alert($(window).width() + "---" + $(window).height()); 1423---768alert($(document).width() + "---" + $(document).height()); 2008---2216alert($("body").width() + "---" + $("body").height()); 2000---2200缩小浏览器,刷新页面alert($( 阅读全文

jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()

2013-10-16 13:59 by youxin, 389 阅读, 0 推荐, 收藏,
摘要:1. $.ajax()方法参数对象属性如下:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。timeoutNumber设置请求超时时间(毫秒)。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 fal 阅读全文

relatedTarget, fromElement, toElement

2013-10-16 13:50 by youxin, 1914 阅读, 0 推荐, 收藏,
摘要:原文:http://www.quirksmode.org/js/events_mouse.html#relatedtargetW3C在mouseover和mouseout事件中添加了relatedTarget属性。在mouseover事件中,它表示鼠标来自哪个元素,在mouseout事件中,它指向鼠标去往的那个元素。而Microsoft添加了两个属性:fromElement在mouseover事件中表示鼠标来自哪个元素。toElement在mouseout事件中指向鼠标去往的那个元素。跨浏览器的脚本如果你想知道鼠标来自哪个元素在mouseover事件中,你可以这样写:1234function 阅读全文

ajax缺点以及解决办法

2013-10-16 13:26 by youxin, 775 阅读, 0 推荐, 收藏,
摘要:1.缺少一个没有标准之争、没有back和history的浏览器Ajax取消了back按钮,即对浏览器后退机制的破坏。后退按钮是一个标准的web站点的重要功能,但是它没法和js进行很好的合作,这是ajax所带来的一个比较严重的问题。作为一个WEB的用户,我们已经习惯了有back按钮,这几乎是每个用户共同的习惯,AJAX下点击链接是不Redirect页面,所以不存在后退和前进了,同样,没有后退和前进也就无存找浏览历史纪录了。back和history存在的根本就是url的改变,在AJAX下人们发现不改url也同样能达到内容改变这个酷酷的特点。用过Gmail的知道,Gmail下面采用的ajax技术解决 阅读全文

php date操作

2013-10-15 10:16 by youxin, 372 阅读, 0 推荐, 收藏,
摘要:date(format,timestamp)d - 月中的天 (01-31)m - 当前月,以数字计 (01-12)Y - 当前的年(四位数)h 小时,12 小时格式,有前导零 01 到 12H 小时,24 小时格式,有前导零 00 到 23i 有前导零的分钟数 00 到 59>s 秒数,有前导零 00 到 59>在使用日期前一般要设置date_default_timezone_set(时区)中国为RPC。date_default_timezone_set('PRC');echo date('Y-m-d h:i:s' );输出:2013-10-15 阅读全文

javascript预加载和延迟加载

2013-10-15 09:54 by youxin, 2196 阅读, 0 推荐, 收藏,
摘要:延迟加载javascript,也就是页面加载完成之后再加载javascript,也叫on demand(按需)加载,一般有一下几个方法:What can your tired old page, once loaded and used and read, can do for your user? It can preload components needed by the next page, so when the users visit the next page, they have the new scripts, styles and images already in the 阅读全文

浏览器的加载与页面性能优化

2013-10-14 17:01 by youxin, 869 阅读, 0 推荐, 收藏,
摘要:提升页面性能方面已经有很多前人的优秀经验了,如Best Practices for Speeding Up Your Web Site和Web Performance Best Practices本文主要专注其中加载部分的优化,总结起来主要有以下几点:带宽使用CDN压缩js、css,图片优化HTTP优化减少转向减少请求数缓存尽早Flush使用gzip减少cookie使用GETDNS优化减少域名解析时间增多域名提高并发JavaScript放页面底部defer/asyncCSS放页面头部避免@import其它预加载接下来就从浏览器各个部分的实现来梳理性能优化方法。连接数在HTTP/1.1协议下,单 阅读全文

八种创建等高列布局

2013-10-14 14:07 by youxin, 590 阅读, 0 推荐, 收藏,
摘要:高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情。如果一个设计是固定宽度(非流体的宽度设计),那么实现多列等高效果是相当的容易。最好的技术就是使用Dan Cederholm的Faux Columns技术。只要制作一张合适的背景图片,在你多列的父元素中进行垂直铺放,从而达到一种假像(假的 阅读全文

javascript instanceof

2013-10-14 11:06 by youxin, 532 阅读, 0 推荐, 收藏,
摘要:object instanceof constructorinstanceof运算符用来检测constructor.prototype是否存在于参数object的原型链上.对于instanceof和typeof,以前偶尔的用到过,特别是typeof用到的相对更多一些,今日研究ext源码,很多地方都用到了instanceof,突然觉得他们两个有些相似但也应该有他们区别,网上看了一些文章,对它们之间的关系有了一定的了解。instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boole 阅读全文

CSS简写指南

2013-10-13 23:35 by youxin, 364 阅读, 0 推荐, 收藏,
摘要:高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:1color:#113366可以简写为1color:#136所有用到16进制色彩值的地方都可以使用简写,比如background-color、border-color、text-shadow、box-shadow等。盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右 阅读全文
上一页 1 ··· 119 120 121 122 123 124 125 126 127 ··· 269 下一页