该文被密码保护。 阅读全文
posted @ 2013-04-23 12:37
{前端开发}
阅读(2)
评论(0)
推荐(0)
摘要：
<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 阅读全文
posted @ 2013-04-19 15:13
{前端开发}
阅读(442)
评论(0)
推荐(0)
摘要：
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... 阅读全文
posted @ 2013-04-19 14:44
{前端开发}
阅读(2524)
评论(3)
推荐(1)
摘要：
window.onXX这个，在w3c规范中有专门的定义，叫DOM第0级事件模型。在当今所有的浏览器中都有实现。但是缺点是，只能绑定一个事件处理函数。且不具备多事件排程绑定的功能addEventListener。在w3c标准中，叫DOM第2级事件模型。用来弥补window.onXX的不足。但是ie不支持，IE的多重事件绑定方法是attachEvent。特别要说一下，attachEvent和addEventListener实现的功能并非是完全一样的。不同点如下：1.attachEvent不支持捕获阶段，只支持冒泡阶段，而addEventListener可以通过最后一个参数设定2.attachEve 阅读全文
posted @ 2013-04-19 14:21
{前端开发}
阅读(1636)
评论(0)
推荐(0)
摘要：
安装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 阅读全文
posted @ 2013-04-19 10:05
{前端开发}
阅读(291)
评论(0)
推荐(0)
摘要：
最近在使用Sublime Text作为一些js等脚本文件的编辑器，此编辑器相当的不错，现在插件也是相当的多，免注册版本可以无限制的使用。当然他也有不足，到目前为止官方还不 支持GBK系统的编码，虽然我们目前大部分项目都是UTF-8的，但是难免还是会用到GBK等中文编码。我安装了GBK Encoding Support这款插件可以解决打开GBK编码的文件中文乱码的问题，但是随之而来的确是tab显示的标题乱码了，不怎么好看，大家可以参看下图:于是自己动手丰衣足食，我就修改了一下原作者的代码，修改代码文件的路径如下:C:\Users\你的用户名\AppData\Roaming\Sublime Tex 阅读全文
posted @ 2013-04-17 11:33
{前端开发}
阅读(573)
评论(0)
推荐(0)
摘要：
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所有 阅读全文
posted @ 2013-04-12 12:18
{前端开发}
阅读(1507)
评论(0)
推荐(0)
摘要：
<!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 阅读全文
posted @ 2013-04-12 12:13
{前端开发}
阅读(615)
评论(0)
推荐(0)
摘要：
一、 前言作为一个前端，有一款好的开发利器是必不可少的，editplus、notepad++都是不错的工具，体积轻巧，启动迅速（dw太浮肿了）。最近，又有一款新的编辑器诞生，席卷前端界，惹得无数喜爱，不少前端er纷纷抛弃用了数年的“伙伴”，投入了她的怀抱——Sublime Text2。Sublime Text2是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。目前，还是beta版中，不过功能已经很强大了，更新也很快，目前最新是bulid2181。ST2不是免费的，但可以永久免费使用，只是在保存的时候，偶尔会弹出要你购买注册的对话框，仅此而已。官网地址：http://ww 阅读全文
posted @ 2013-04-11 10:47
{前端开发}
阅读(345)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2013-04-10 15:03
{前端开发}
阅读(995)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2013-04-09 11:42
{前端开发}
阅读(141)
评论(0)
推荐(0)
摘要：
①setTimeout众所周知setTimeout(fn,time)是等待一段时间后,执行函数fn。在这个等待是异步的，也就是他不会站着茅坑，当前JS队列中的其他任务会按序执行但这里有个问题就是time毫秒过后的fn执行问题。是立即执行？不一定。这就像是一个买票的队伍，有正在买票的，有排在后面等待买票的。而setTimeout就相当于刚排到fn买票的时候他突然发现钱包一时翻不出来。所以他就让后面的人先买。过了time时间找到钱包后，如果现在没人买票的话，他可以立即买票。否则他就只能去排队了(当所有队列中的内容执行结束后才执行)。<input type="text" i 阅读全文
posted @ 2013-04-07 18:45
{前端开发}
阅读(527)
评论(0)
推荐(0)
摘要：
有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟实现原理：把所有需要延时加载的图片改成如下的格式：<img lazy_src="图片路径" border="0"/>然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时 阅读全文
posted @ 2013-04-06 18:29
{前端开发}
阅读(342)
评论(0)
推荐(0)
摘要：
经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐"这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。实现: 其实tudou的实现原理很简单， 1.先把所有需要延迟加载的图片的src都设置成同1个小图片的连接(sprite.gif)，把真真图片的连接放进图片的alt属性中，look下代码： <a class="inner&qu 阅读全文
posted @ 2013-04-05 22:23
{前端开发}
阅读(187)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2013-04-02 12:28
{前端开发}
阅读(162)
评论(0)
推荐(0)
摘要：
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());//浏览器时下窗口文档 阅读全文
posted @ 2013-04-02 11:18
{前端开发}
阅读(321)
评论(0)
推荐(0)
摘要：
经常听到“XX浏览器搭载了最新版页面渲染引擎，速度大幅提升”之类的报道，以前只知道页面渲染引擎是浏览器的灵魂，IE、Firefox、Safari、Opera浏览器的渲染引擎各不相同。今天从《秦爱网志》ZT一篇介绍各种浏览器页面渲染引擎的博文，很好很全面的那种网页浏览器的页面渲染引擎负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要页面渲染引擎。Trident页面渲染引擎Trident（又称为MSHTML），是微软的视窗操作系统（Windo 阅读全文
posted @ 2013-03-26 11:28
{前端开发}
阅读(1193)
评论(0)
推荐(0)
摘要：
一般我们在JS中添加事件,是这样子的1obj.onclick=method这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?1obj.onclick=method1;2obj.onclick=method2;3obj.onclick=method3;如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent方法1//object.attachEvent(event,function);2btn1Obj.attachEvent("onclick" 阅读全文
posted @ 2013-03-16 23:17
{前端开发}
阅读(497)
评论(0)
推荐(0)
摘要：
Mozilla中：addEventListener的使用方式：target.addEventListener(type, listener, useCapture);target： 文档节点、document、window 或 XMLHttpRequest。type： 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。listener ：实现了 EventListener 接口或者是 JavaScript 中的函数。useCapture ：是否使用捕捉，一般用 false 。例如：document.getElementById("tes 阅读全文
posted @ 2013-03-16 23:09
{前端开发}
阅读(731)
评论(0)
推荐(0)
摘要：
什么是事件代理（Event Delegation）？如果不太了解的朋友，可详细阅读：《Event delegation in JavaScript》，这里不再累述。首先让我们一起来回顾一些常识：通常支持事件冒泡（Event Bubbling）的事件类型为鼠标事件和键盘事件，例如：mouseover, mouseout, click, keydown, keypress。接口事件则通常不支持事件冒泡（Event Bubbling），例如：load, change, submit, focus, blur。很明显：focus 和 blur 都属于不支持冒泡的接口事件。既然都不支持冒泡，那又如何实现 阅读全文
posted @ 2013-03-16 23:08
{前端开发}
阅读(932)
评论(0)
推荐(0)
摘要：
http://www.cnblogs.com/qingyuan/archive/2010/10/10/1847307.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/14/1850942.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/17/1853789.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/18/1855225.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/12/ 阅读全文
posted @ 2013-03-15 23:46
{前端开发}
阅读(121)
评论(0)
推荐(0)
摘要：
<script src='jquery.js'></script> <script> $(function(){ $("#starts").click(function(){ $.ajax({ type:'POST', url:'ajax.test.php', data:"username=2", dataType:'text', cache:false, ... 阅读全文
posted @ 2013-03-09 17:56
{前端开发}
阅读(246)
评论(0)
推荐(0)
摘要：
由于现在在公司负责制作标准的静态页面，为了增强客户体验，所以经常要做些AJAX效果，也学你也和我一样在，学习AJAX。而设计AJAX时使用的一个重要的技术（工具）就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的，如果您开过，那就再加深下印象吧！（如果您觉得侵犯了您的版权，请联系海啸。（haixiao_yao[at]yahoo.com.cn））1、XMLHTTPRequest对象什么是？最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本 阅读全文
posted @ 2013-03-09 17:54
{前端开发}
阅读(233)
评论(0)
推荐(0)
摘要：
http://blog.csdn.net/haibrother/article/details/7608811Ajax会触发很多事件。有两种事件，一种是局部事件，一种是全局事件：局部事件：通过$.ajax来调用并且分配。$.ajax({beforeSend: function(){// Handle the beforeSend event},complete: function(){// Handle the complete event}// ...});全局事件，可以用bind来绑定，用unbind来取消绑定。这个跟click/mousedown/keyup等事件类似。但他可以传递到每一 阅读全文
posted @ 2013-03-09 17:24
{前端开发}
阅读(307)
评论(0)
推荐(0)
摘要：
介绍我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。优点1、轻量级的数据交换格式2、人们读写更加容易3、易于机器的解析和生成4、能够通过JavaScript中eval()函数解析JSON5、JSON支持多语言。包括：ActionScript, C, C#, ColdFusion, E, Java, JavaScript, ML 阅读全文
posted @ 2013-03-08 12:45
{前端开发}
阅读(320)
评论(0)
推荐(0)
摘要：
$("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){//responseText:请求返回的内容//textStatus:请求状态：success、error、notmodified、timeout这4种//XMLHttpRequest:XMLHttpRequest对象});可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：responseTxt- 包含调用成功时的结果内容statusTX 阅读全文
posted @ 2013-03-05 11:02
{前端开发}
阅读(1070)
评论(0)
推荐(0)
摘要：
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制、替换和删除节点</title><script type="text/javascript" src="jquery-1.3.2.js"></script><script type="text/javascript&quo 阅读全文
posted @ 2013-03-04 13:43
{前端开发}
阅读(255)
评论(0)
推荐(0)
摘要：
Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理方法如Form代码如下：<form id="Form1" action="action.aspx" method="post" >名称：<input name="name" type="text" /><br />密码：<input name="password&qu 阅读全文
posted @ 2013-03-03 23:29
{前端开发}
阅读(315)
评论(0)
推荐(0)
摘要：
首先，他们都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子：1 var test ='hello world';2 3 alert(test.slice(4,7)); //o w4 alert(test.substring(4,7)); //o w5 alert(test.substr(4,7)); //o world这里有个需要注意的地方就是：substring是以两个参数中较小一个作为起始位置，较... 阅读全文
posted @ 2013-02-28 09:52
{前端开发}
阅读(181)
评论(0)
推荐(0)
摘要：
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1();// 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){ var n=999; } alert(n);// error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！Js代码... 阅读全文
posted @ 2013-02-25 23:24
{前端开发}
阅读(140)
评论(0)
推荐(0)
摘要：
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组vararr1=["aaa","bbb","ccc"]; $.each(arr1,function(i,val){alert(i);alert(val);});alert(i)将输出0，1，2alert(val)将输出aaa，bbb，ccceach处 阅读全文
posted @ 2013-02-22 13:53
{前端开发}
阅读(262)
评论(0)
推荐(0)
摘要：
本文属于新手型的文章，也是新手写的文章，高手可以滤过，如果各位看了有什么意见，尽管提，小鸟虚心接受............. 都来拍砖吧。 在asp.net 的ajax中有updatepanel,但我不想用这个，就想到了jquery，看能否实现相同的功能，于是去搜索相关文章，但是也有人问，却没有给出完整的demo，但是jquery中有load方法可以实现 问题：在某篇文章的详细页，【http://www.e6wa.com/Article/107.aspx】提交评论的时候，不希望刷新整个页面，但我想刷新评论部分，显示我刚才发表的评论，这就想到局部刷新来加载数据，我想用jquery实现局部刷新.. 阅读全文
posted @ 2013-02-21 18:04
{前端开发}
阅读(1777)
评论(0)
推荐(0)
摘要：
获取与设置样式获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class，JQuery代码如下：var p_class = $("p").attr("class"); //获取p元素的class使用attr()方法来设置p元素的class，JQuery代码如下：1$("p").attr("'class", "high"); //设置p元素的class为 "high"在大多数情况下，它是将原来的class替换为新的c 阅读全文
posted @ 2013-02-21 16:09
{前端开发}
阅读(1720)
评论(0)
推荐(0)
摘要：
1、remove([expr])概述：从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。<div class="pt-main"><p class="first">第一项</p><ul id="sideNav"> <li>Item1</li> <li>Item2</li> <li>Ite 阅读全文
posted @ 2013-02-21 11:06
{前端开发}
阅读(231)
评论(0)
推荐(0)
摘要：
1、JQuery 基本选择器：名称说明举例#id根据元素Id选择$("#divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1,selector2,selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#div 阅读全文
posted @ 2013-02-02 17:15
{前端开发}
阅读(328)
评论(0)
推荐(0)
摘要：
事件处理 ready(fn)代码：$(document).ready(function(){ // Your code here...})；作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。bind(type,[data],fn)代码：$("p").bind("click", function(){ alert( $(this).text() );}); 作用：为每一个匹配元素的特定事件（像click）绑定一个事件处理器 阅读全文
posted @ 2013-01-25 10:26
{前端开发}
阅读(241)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2013-01-23 14:28
{前端开发}
阅读(210)
评论(0)
推荐(0)
摘要：
转自：http://www.ued163.com/?p=661在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个：* 构造frame, 以建立对象树（DOM树） * reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现） * 绘制，以便对象能显示在屏幕上总的来说，reflow就是载入内容树（在HTML中就是DOM树）和创建或更新frame结构的响应的一种过程。要提高页面性能，其实就是避免reflow的开销。那么，有哪些方面是需要refl 阅读全文
posted @ 2013-01-11 09:52
{前端开发}
阅读(745)
评论(0)
推荐(0)
摘要：
Transition对应的CSS属性列表：transition-property指定当元素哪个属性改变时执行Transition效果，属性可以时以下属性：none、all以及其他可以触发浏览器reflow或repaint的属性。当指定为none时，动画立即停止，当指定为all的时候，则当元素产生任何属性值变化时都将执行“转换”效果，比如大小改变。初始默认值为all.transition-duration指定“转换”过程的时间，如：1s、none。初始默认值为0.transition-timing-function指定“转换”过程中可用的效果，预设的有：ease, linear, ease-in 阅读全文
posted @ 2012-12-21 13:35
{前端开发}
阅读(643)
评论(0)
推荐(0)
摘要：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-sca 阅读全文
posted @ 2012-12-19 15:03
{前端开发}
阅读(287)
评论(0)
推荐(0)
浙公网安备 33010602011771号