04 2013 档案
摘要：“闭包”（closure）闭包就是能够读取其他函数内部变量的函数。闭包的用途一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。Js代码 function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000JQUERY中的闭包：：(function($){ $("div p").click(funct...
阅读全文
摘要：1.Firebughttp://getfirebug.com/最流行的前端开发工具2.HttpWatchhttp://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddlerhttp://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFoxhttps://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslowhttp://developer.yah
阅读全文
摘要：js字符串转换成数字将字符串转换成数字，得用到parseInt函数。parseInt(string) ： 函数从string的开始解析，返回一个整数。举例：parseInt('123') : 返回 123（int）；parseInt('1234xxx') : 返回 1234（int）；如果解析不到数字，则将返回一个NaN的值，可以用isNaN()函数来检测；举例 ：var i = parseInt('abc');if (isNaN(i)){alert('NaN value');}同样的parseFloat函数是将字符串转换成浮点数
阅读全文
摘要：<script type="text/javascript" src="jquery-1.1.3.1.js"></script> <script type="text/javascript" src="jquery.linscroll.js"></script> <script type="text/javascript"> $(document).ready( function(){ $(’#scrollContent’).setSc
阅读全文
摘要：PSD转html，设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。代码如下： .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; scrollbar-highlight-color:#EAEAEA; scrollbar-3dlight-color:#EAEAEA; scrollbar-dar...
阅读全文
摘要：window.onXX这个，在w3c规范中有专门的定义，叫DOM第0级事件模型。在当今所有的浏览器中都有实现。但是缺点是，只能绑定一个事件处理函数。且不具备多事件排程绑定的功能addEventListener。在w3c标准中，叫DOM第2级事件模型。用来弥补window.onXX的不足。但是ie不支持，IE的多重事件绑定方法是attachEvent。特别要说一下，attachEvent和addEventListener实现的功能并非是完全一样的。不同点如下：1.attachEvent不支持捕获阶段，只支持冒泡阶段，而addEventListener可以通过最后一个参数设定2.attachEve
阅读全文
摘要：安装Sublime Text 2插件的方法：1.直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。2.使用Package Control组件安装也可以安装package control组件，然后直接在线安装：按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：import urllib2,os;pf='Package Control.sublime-package
阅读全文
摘要：最近在使用Sublime Text作为一些js等脚本文件的编辑器，此编辑器相当的不错，现在插件也是相当的多，免注册版本可以无限制的使用。当然他也有不足，到目前为止官方还不 支持GBK系统的编码，虽然我们目前大部分项目都是UTF-8的，但是难免还是会用到GBK等中文编码。我安装了GBK Encoding Support这款插件可以解决打开GBK编码的文件中文乱码的问题，但是随之而来的确是tab显示的标题乱码了，不怎么好看，大家可以参看下图:于是自己动手丰衣足食，我就修改了一下原作者的代码，修改代码文件的路径如下:C:\Users\你的用户名\AppData\Roaming\Sublime Tex
阅读全文
摘要：media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网的发展，media query开始得到大家的重视。media type让我们先了解一下media type，其实这个大家会比较熟悉一点，我们通常会用到的media type会是all 和screen，然后是print，一些网站会专门通过print类型为页面的打印格式提供更友好的界面。其实，media type有很多种：类型解释all所有
阅读全文
摘要：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Link study</title><!--竖版本使用的样式--><style media="all and (orientation:portrait)" type="text/css">#landscape { dis
阅读全文
摘要：一、 前言作为一个前端，有一款好的开发利器是必不可少的，editplus、notepad++都是不错的工具，体积轻巧，启动迅速（dw太浮肿了）。最近，又有一款新的编辑器诞生，席卷前端界，惹得无数喜爱，不少前端er纷纷抛弃用了数年的“伙伴”，投入了她的怀抱——Sublime Text2。Sublime Text2是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。目前，还是beta版中，不过功能已经很强大了，更新也很快，目前最新是bulid2181。ST2不是免费的，但可以永久免费使用，只是在保存的时候，偶尔会弹出要你购买注册的对话框，仅此而已。官网地址：http://ww
阅读全文
摘要：1。 如何在台式机上模拟手机显示效果？为了在台式机上模拟手机的效果，建议使用opera或者chrome浏览器。很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。在使用chrome浏览器时，在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：我比较喜欢这个：诺基亚N97：chrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Pr
阅读全文
摘要：1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />1、width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）2、height : 和width相对应，指定高度3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例4、maximum
阅读全文
摘要：①setTimeout众所周知setTimeout(fn,time)是等待一段时间后,执行函数fn。在这个等待是异步的，也就是他不会站着茅坑，当前JS队列中的其他任务会按序执行但这里有个问题就是time毫秒过后的fn执行问题。是立即执行？不一定。这就像是一个买票的队伍，有正在买票的，有排在后面等待买票的。而setTimeout就相当于刚排到fn买票的时候他突然发现钱包一时翻不出来。所以他就让后面的人先买。过了time时间找到钱包后，如果现在没人买票的话，他可以立即买票。否则他就只能去排队了(当所有队列中的内容执行结束后才执行)。<input type="text" i
阅读全文
摘要：有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟实现原理：把所有需要延时加载的图片改成如下的格式：<img lazy_src="图片路径" border="0"/>然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时
阅读全文
摘要：经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐"这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。实现: 其实tudou的实现原理很简单， 1.先把所有需要延迟加载的图片的src都设置成同1个小图片的连接(sprite.gif)，把真真图片的连接放进图片的alt属性中，look下代码： <a class="inner&qu
阅读全文
摘要：1.Firebug http://getfirebug.com/ 最流行的前端开发工具2.HttpWatch http://www.httpwatch.com/ 集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddler http://www.fiddler2.com/fiddler2/ Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US 和HTTPWatch很类似的一个工具5.Yslow http://deve
阅读全文
摘要：alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding marginalert($(window).width()); //浏览器时下窗口可视区域宽度alert($(document).width());//浏览器时下窗口文档
阅读全文