深入理解变量作用域
最近看javascript权威指南,感觉自己以前对javascript认识的太过于肤浅。有好多方面,很欠缺。比如对作用域来说。
大家都知道一个变量的作用域(scope)是程序中定义这个变量的区域。全局(global)变量的作用域是全局性的,在javascript中,它的存在都有定义。而在函数之内声明的变量,就只在函数体内部有定义。它们是局部(local)变量,作用域是全局性的。函数的参数也是局部变量,它们只在函数体内部有定义。
在函数体内部,局部变量的优先级比同名的全局变量高。比如给一个局部变量或者函数的参数声明的名字与某个全局变量名字一样的话,那么引用的就是那个局部变量或者函数的参数声明啦,间接隐藏了那个全局变量
var scope=”jquery”;
function checkscope(){
var scope=”javascript”;
alert(scope);
}
checkscope();
上面的代码就是显示alert出javascript,之前定义的全局变量jquery有效的被隐藏。
但是如果一个函数定义嵌套在另外一个函数中,那么嵌套的函数中有声明的变量就具有嵌套的局部作用域。当然我们知道全局变量是全局对象的属性,而局部变量是一个特殊的调用对象的属性,那么我们就可以再次关注一下变量作用域的表示法,对它进行再定义。有关作用域的新描述给理解多环境下的变量提供了一种有用的方法,它为javascript的工作过程提供了一个强大的新理解。
每个javascript执行环境都有一个和它关联在一起的作用域链(scope chain).这个作用域链是一个对象列表或对象链。当javascript需要查询变量x的值时,它就开始查看该链的第一个对象。如果那个对象有一个叫x的属性,那么就采用这个属性的值。要是第一个对象没有叫x的属性,那么继续查询链中的第二个对象。如果第二个没有继续查,依次类推。
转自http://www.jqueryba.com/68.html
处理jquery版本之间冲突
大家都知道jquery版本有好多,之间冲突很纠结。
比如我刚来这公司的时候,后端的哥们用的是jQuery 1.3.2,我了个去,那哥们好久没更新了。
我写的效果插件都是最新的jquery1.7.1。
不兼容蛋疼啊,参考前人资料,看书。找到一个和平共处
[removed][removed]
[removed]
var j = jQuery.noConflict(true);
[removed]
[removed][removed]
[removed]
$(“document”).ready(function(){
alert(“jquery”);
})
j(“document”).ready(function(){
alert(“javascript”);
})
[removed]
大致意思是这样的先把$使用权限交给另外一个jquery库,这样就能避免不同jquery版本之间的$对象之
间的冲突。上面的代码可以弹出两个弹出框,就可以解除不同版本间冲突了。
在运行这个函数后,就只能用j访问jquery/1.3.2/。比如在要用到$(“div span”)的地方就要换成j(“
div span”)。另外的jquery库正常使用,用$访问。
转自http://www.jqueryba.com/73.html
手把手教新手写jquery插件
用jquery好久了,平时注重速度,兼容的,用人家网上共享的插件多。
今天晚上就自己写个插件吧,便于以后方便查阅。
1,首先得想好需要什么功能,想实现神马?
最近逛淘宝商城,哦不,现在该叫天猫了,真不习惯啊,原来名字好好,改什么嘛。
刚写Jquery也不好写太复杂的,选个简单的,看中那天猫中的鼠标移动到图片那边透明度提高,移除图片透明降低
前端入门10个css bug顺口溜
css浏览器不兼容很折腾人。天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享。
content=”IE=7, IE=9″意思理解
公司的项目在老总的IE9下无法正常访问了。
哎,苦逼啊。本以为搞定了IE6,7,8,firefox,chrome,safari,opera,就行了。
尼玛的单独一个IE6就够咱折腾会了。
以前没有IE9的时候,为了照顾ie8就写个<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>强制使IE8浏览器使用IE7模式渲染。
昨天看淘宝页面源代码<meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>加了个。
不知用意,请教高人好多都不清楚。
查阅资料发现,那个是英文的,基础差。
大致翻译是如果你有一个使用X-UA-Compatible Meta 标签或者http header 让网页在IE7标准模式解释的旧网站,那么这里有一个综合示例能够让ie8用ie7的标准模式呈现页面,ie9使用ie9的标准模式呈现页面。用自己的话就是使用上面<meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>,使IE7 IE8浏览器使用IE7模式渲染。IE9就用自己的IE9模式渲染。互不影响,不晓得是否正确,准备安装W7去。
欢迎各位朋友拍砖,求指点,求进步。
转自http://www.jqueryba.com/77.html
jquery自动切换代码
刚接触网页前端的时候,有好多涉及到两个甚至是三个四个的table标签切换
当时还没入门的我,很茫然,不懂怎么整。关注了javascript当时不好接受,很头大;代码一大片,不适合新手。 javascript(jQuery版)切换table效果自己动手丰衣足食www.jqueryba.com .doc
img图片在ie下有有空隙
好久没出现img中的空隙啦
平时写全局样式的时候很注意
用到什么标签及时的内外边距清零
该清除浮动的,必定手不软的clear:both
昨天遇到img图片在ie下有有空隙
其他的浏览器都好好,就是ie中出现
老纠结的,检查的好一会
发现img中只清除border
在线效果DEMO 仅IE看哦
亲爱的朋友,你晓得如何解决吗?
一般有两个方法
1,img{float:left}
2,img{display:block}
img图片在ie下有有空隙www.jqueryba.com
jquery实现网页换肤效果
记得以前腾讯网页上有个根据用户心情自定义换皮肤颜色,感觉这个用户体验蛮好的,给出几套样式,由用户自己选择渲染的样式.对腾讯的前端开发们很是赞叹.话说现在腾讯不知道咋的,去掉这个功能了,没事现在jquery博客给大家用jquery来实现这个效果.转自http://www.jqueryba.com/
DIV+CSS网页布局对SEO的四大影响
作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系,我们作一些了解,相信大家看了以后,会有收获的。转自www.jqueryba.com
DIV+CSS命名规范有助于SEO
为了更加符合SEO的规范,下面是目前前端开发流行的CSS+DIV的命名规则:
IE6下PNG图像透明完美解决方案–DD_belatedPNG
今天天外飞仙起早了,收集个插件分享大家—DD_belatedPNG插件,可以让图像透明,这个方案只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>。http://www.jqueryba.com/
javascript相等运算符与等同运算符
javascript相等运算符与等同运算符
jQuery超炫焦点图
搞前端开发的,有时上面需要一个特效,诺,这个给趴下来,放咱自己网站去,呵呵….
不得不说有些老外的整很绚丽,下面和大家一起分享一个jQuery与prettyPhoto结合的超酷幻灯焦点图 AviaSlider
25个实用的jQuery技巧和解决方案
25个实用的jQuery技巧和解决方案 前端开发不得不知道的事
也来折腾折腾css sprites
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
使用谷歌jquery库文件的理由
最近看到,那些引用jquery的文件那些网站,好多是使用谷歌的库;使用谷歌jquery库文件的理由
Error(1.0.5 1107071739) DSAE_SDK_Windows_1.0.5apps config.yaml is not existed
Error(1.0.5 1107071739) DSAE_SDK_Windows_1.0.5appsdivjs1config.yaml is not existed解决方法
简单jquery下拉菜单流畅版
简单jquery下拉菜单流畅版
仿麦包包首页tab轮换图jQuery特效
仿麦包包首页tab轮换图jQuery特效
jquery实现隔行换色效果
jquery实现隔行换色效果
你见或不见(WEB前端开发IE6篇)
你见或不见(WEB前端开发IE6篇)————–jQuery吧
jquery实现广告伸缩效果
jquery每当看到门户上的下拉广告的,觉得很不错,主要是视觉震撼
浅谈CSS权重
CSS中是使用4位的数字来表示权重的
javascript实现的绚丽图片展示效果
web前端开发们需要很那些效果打交道,早上事情不多,分享一个javascript实现的绚丽图片展示效果,很适合在产品页面中出现.
这个效果主要和mootools结合一起使用的.
table选项卡从A页面点击进入B页面指定版块
稀里糊涂的想整个table选项卡从A页面点击进入B页面指定版块,不知道怎么描述就先这样叫吧。
style中注释引起的错位,警惕IE全家
style中注释引起的错位,警惕IE全家
Web前端开发规范文档你需要知道的事
Web前端开发规范文档你需要知道的事
jquery实现鼠标移动出现提示信息
jquery实现鼠标移动出现提示信息
CSS样式命名的重要性
jquery博客觉得CSS样式命名是很重要。项目中,要是团队,样式命名不同的话
淡淡简单描述javascript中方法apply和call
淡淡简单描述javascript中方法apply和call
拒绝插件wordpress首页利用代码进行文章字符串截取
拒绝插件wordpress首页利用代码进行文章字符串截取
css a链接 写法 新手篇
css a链接 写法 新手篇
wordpress 301重定向 htaccess
wordpress htaccess 301重定向
jquery实现单行滚动效果
jquery实现单行滚动效果
CSS文档流与块级元素(block)内联元素(inline)那点事
CSS文档流与块级元素(block)内联元素(inline)那点事
CSS Hack 浏览器兼容写法 用法
CSS Hack 不得不在一些项目中运用到
haslayou 渲染标准
IE,这个令所有网站设计人员讨厌,但又不得不为它工作的浏览器。不论是6、7还是8,它们都有一个共同的渲染标准haslayout,所以haslayout 是一个非常有必要彻底弄清除的概念。大多 数IE下的显示错误,就是源于它。