摘要:
http://www.webkaka.com/webCheck.aspx?url=http%3A%2F%2Fwww.360kad.com%2F&sitesearch=0 阅读全文
随笔档案-2012年10月
在线优化
2012-10-22 09:17 by lyw90, 221 阅读, 收藏,
摘要:
http://www.hetaoblog.com/tool/web/webperformance.shtml(下列资源指定至少为期一周的有效期:解决方案)更改css文件名:其实解决这个问题很简单,缓存是通过文件名标记缓存的内容的。在你更新了网站的css文件内容后,在更换一下css的文件名就可以了。那个版本号其实就是在文件名称后面加后缀参数例如:之前是这样的<link rel="stylesheet" href="http://www.xilin.com/index.css" type="text/css" media=" 阅读全文
table js(转载)
2012-10-16 13:39 by lyw90, 173 阅读, 收藏,
摘要:
<!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" xml:lang="en"><head><title>豪情</title><meta content="by 豪情& 阅读全文
js构造造函数
2012-10-16 11:34 by lyw90, 195 阅读, 收藏,
摘要:
//构造函数//使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法//当对象被实例化后,构造函数会立即执行它所包含的任何代码functionmyObject(msg){//特权属性(公有属性)this.myMsg=msg;//只在被实例化后的实例中可调用this.address='上海';//私有属性varname='豪情';varage=29;varthat=this;//私有方法functionsayName(){alert(that.name);}//特权方法(公有方法)//能被外部公开访问//这个方法每次实例化都要重新构造而pro 阅读全文
内建对象(转载)
2012-10-12 11:12 by lyw90, 319 阅读, 收藏,
摘要:
内建对象是指由ECMAScript实现提供的、不依赖于宿主环境的对象,这些对象 在程序运行之前就已经存在了。内建对象就好比是JDK中的类库,开发者可以直接拿来使用,这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建 对象,当然,我们并不是第一次接触内建对象,前面已经接触到的就有Object、Function、Boolean、Number、String,对于已 经介绍过的,这里再总结复习一下,没有介绍过的,根据相关性来对比的总结,RegExp对象及正则表达式在下一篇中再单独介绍。1、内建全局单例对象(1)内建全局单例对象:在整个执行环境中只有一个对象实例,这些对象没有内部属性[[C.. 阅读全文
事件(Event)知识整理
2012-10-11 16:45 by lyw90, 275 阅读, 收藏,
摘要:
(转载)鼠标事件鼠标移动到目标元素上的那一刻,首先触发mouseover之后如果光标继续在元素上移动,则不断触发mousemove如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown当设备弹起的时候触发mouseup目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scroll滚动滚轮触发mousewheel,这个要区别于scroll鼠标移出元素的那一刻,触发mouseout事件注册平常我们绑定事件的时候用dom.onxxxx=function(){}的形式这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄。但很多时候我们需要绑定多个处理句柄到一个事件上, 阅读全文
闭包理解?
2012-10-10 08:48 by lyw90, 159 阅读, 收藏,
摘要:
闭包(4)闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){ var n=999; } alert(n); // error这... 阅读全文
前端开发 优化(转载)
2012-10-09 18:02 by lyw90, 155 阅读, 收藏,
摘要:
做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。一: 原始情况首先大家看看如下的代码: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu 阅读全文
使用Gzip压缩提升WEB服务器性能
2012-10-09 09:52 by lyw90, 493 阅读, 收藏,
摘要:
为什么要使用Gzip压缩使用Gzip压缩可以提高CPU 使用率,可以减少服务器发送的字节数量。这就使人们觉得页速度加快了,并且还减少了带宽的用量。根据所发送数据、可以压缩的程度以及客户端浏览器是否支持(IIS 只会向支持 Gzip压缩的客户端发送经过 Gzip压缩的内容,如 Internet Explorer 6.0 和 Firefox),您的服务器每秒可以服务于更多的请求。实际上,几乎每当您减少所返回数据的数量时,都会增加每秒请求数。为什么要做比较复杂的手工操作Gzip 压缩已经内置到 IIS 6.0 中,并且其性能比 IIS 5.0 中使用的 Gzip压缩要好的多,这是好消息。但不幸的是, 阅读全文
IE中的CSS3不完全兼容方案
2012-10-06 23:26 by lyw90, 466 阅读, 收藏,
摘要:
到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后,就 想着用更为简洁、直接有效、CSS3式的办法来解决这些问题。好在就算是饱受批评的Internet Explorer,其本身也是足够强大的。IE特有的技术可以很好的实现一些CSS3的效果。ie-css3Opacity透明度元素的透明度在IE中可以很方便的用滤镜来实现。view sourceprint?1 background-color:green;2 opacity: .4;3 filter:progid:D... 阅读全文
JavaScript类和继承:this属性
2012-10-06 16:43 by lyw90, 278 阅读, 收藏,
摘要:
this属性表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。先看一个在全局作用范围内使用this的例子:<scripttype="text/javascript">console.log(this===window);//true console.log(window.alert===this.alert);//true console.log(this.parseIn 阅读全文
精通高级CSS选择器
2012-10-04 23:28 by lyw90, 366 阅读, 收藏,
摘要:
我们每个人都意识到了CSS的重要性,但CSS选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。避免让这些“瘟疫”在你的标签中传播并保持其简洁和语义化的最佳方式,就是使用更复杂的CSS选择器,它们可以定位于指定的元素而不用使用额外的class或id,而且通过这种方式也可以让我们的代码和样式更加灵活。CSS的优先级当我们写CSS的时候我们必须注意有些CSS选择器在级联(cascade)上会高于其它CSS选择器,我们写在最后面的CSS选择器将不一定会覆盖前面我们写在同一个元素的样式。那么你如何计算指定CSS选择器的优先级? 阅读全文
了解jQuery技巧来提高你的代码(转载)
2012-10-04 23:12 by lyw90, 127 阅读, 收藏,
摘要:
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特 性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你 也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!您还可以参考以下JavaScript相关教程及资源:《10种JavaScript特效实例让你的网站更吸引人》《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》《10个非常棒的Ajax及... 阅读全文
jquery api (转载 51cto)
2012-10-04 16:25 by lyw90, 301 阅读, 收藏,
摘要:
本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/0、总述jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法、在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说,是通过最核心的$()方法,将页面上的元素(或者在页面上不存在的html片段)包装成jQuery对象。$()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+等)、过 阅读全文
javascript实现渐隐渐现上下循环滚动
2012-10-03 13:38 by lyw90, 598 阅读, 收藏,
摘要:
在用jquery无缝自适应高度隔时上下滚动一文中我们实现了用jquery来实现一种较为华丽的网站信息或公告的上下滚动,本文介绍一种用javascript代码实现的上下循环滚动,滚动时还能让被显示的第一条信息渐现效果。(在dscuzX2中工作,请看下文演示,不知道在wordpress中是否正常)<script type="text/javascript">function H$(i) {return document.getElementById(i)}function H$$(c, p) {return p.getElementsByTagName(c)}var 阅读全文
自动提醒IE6访客升级浏览器,
2012-10-03 13:35 by lyw90, 214 阅读, 收藏,
摘要:
<!--[if ie 6]><script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script><![endif]--> 阅读全文
zen-Coding
2012-10-03 13:34 by lyw90, 281 阅读, 收藏,
摘要:
二、zen-Coding的使用zen-Coding的使用需要掌握CSS和HTML相关知识。其实只要对CSS的选择器比较熟悉,就可以得用简短的类似于CSS选择器的代码高效的编写出HTML代码。打开Notepad++编辑器,输入以下代码: div#name然后接着按一下快捷键ctrl+E,就会自动生成如下的HTML代码:1 <divid="name"></div>接下来看一个更高效的例子div#header>div#logo+ul.nav>li.item-$*5>a按ctrl+E生成如下代码1 2 3 4 5 6 7 8 9 10 &l 阅读全文
写法极为高明javascript
2012-10-03 13:24 by lyw90, 637 阅读, 收藏,
摘要:
方才在程序里看到一段JS代码,写法极为高明,私心想着若是其按照规范来写,定可培养对这门语言的理解,对JS编程能力提高必是极好的。说人话:丫代码写的太乱,看的窝火! 最近闲暇无事,准备对自己JS学习做一个总结。众所周知,JS是一种语法极其灵活的语言,一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患,也对你和团队再次开发及阅读代码造成一定困难,个人认为良好的书写规范是应该首当其冲的。所以参考一些优秀前端开发团队的代码规范后,总结了几点,希望能让你的Javascript代码上升一个台阶。 变量命名: 变量名包括全局变量,局部变量,类变量,函数参数等... 阅读全文
css书写顺序
2012-10-03 13:23 by lyw90, 163 阅读, 收藏,
摘要:
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文
js.offsetParent属性
2012-10-03 13:22 by lyw90, 309 阅读, 收藏,
摘要:
参考:offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。如果这个容器元素未进行CSS定位,则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。当容器元素的style.display被设置为"none"时(译注:IE和Opera除外),offsetParent属性返回null。句法:parentObj=element.offsetParent变量:·parentObj是一个元素的引用... 阅读全文
arguments
2012-10-03 13:21 by lyw90, 207 阅读, 收藏,
摘要:
在 Javascript 的函数中有个名为 arguments 的类数组对象。它看起来是那么的诡异而且名不经传,但众多的 Javascript 库都使用着它强大的功能。所以,它的特性需要每个 Javascript 程序员去熟悉它。在 每个函数中,都有个名为 arguments 的变量,它以类似数组的形式保存了当前调用的参数。而它实际上并不是个数组,使用 typeof arguments 语句尝试会返回“object”(对象),所以它不能像 Array 一样使用 push 和 pop 等方法。即便如此,仍然可以使用下标以及长度属性(length)获取它的值。编写灵活的函数虽看起来名不经传,但的确 阅读全文
iebug
2012-10-03 13:20 by lyw90, 189 阅读, 收藏,
摘要:
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性 能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9 /Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于 占领了7、80%的领地。你想做一个统治页面兼容的主么?反正我是想的。今天,趁着想完善公司的内部样式框架,把HasLayo 阅读全文
浙公网安备 33010602011771号