深入理解JavaScript作用域和作用域链

2016年07月27日 5 阅读

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。 JavaScript作用域 任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种...

JavaScript闭包 懂不懂由你反正我是懂了

2016年07月27日 5 阅读

越来越觉得国内没有教书育人的氛围，为了弄懂JS的闭包，我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释，当我看到stackoverflow上这一篇解答，我脑中就出现了一句话：就是这货没跑了！ 不才译文见下，见笑了。 Peter Mortensen问： 就像老Albert所说的，“如果你不能向一个六岁的孩子解释清楚，那么其实你自己根本就没弄懂。”好吧，我试着向一个27岁的朋友就是JS闭包（JavaScript closure）却彻底失败了。 你...

jQuery EasyUI API 中文文档 - Spinner微调器使用

2016年07月27日 7 阅读

扩展自 $.fn.validatebox.defaults，用 $.fn.spinner.defaults 重写了 defaults。 依赖 validatebox 用法 复制代码 代码如下: <input id="ss" value="2"> 复制代码 代码如下: $（"#ss"）.spinner（{ required:true, increment:10 }）; 特性其特性扩展自 validatebox，下列是为 spinner 增加的特...

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍

2016年07月27日 9 阅读

扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults，用 $.fn.numberspinner.defaults 重写了 defaults。 依赖 spinner numberbox 用法 <input id="ss" min="10" max="100" required="true" style="width:80px;"> 复制代码 代码如下: $（"#ss"）.numberspinner...

jquery（live）中File input的change方法只起一次作用的解决办法

2016年07月27日 6 阅读

错误写法 复制代码 代码如下: $（"#uploadImg"）.click（function（）{ do something }）; 正确写法 复制代码 代码如下: $（"#uploadImg"）.live（"change",function（）{ do something }）; ...

jQuery中live方法的重复绑定说明

2016年07月27日 6 阅读

解决：使用die（）方法，在live（）方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live（）方法绑定新的事件。 复制代码 代码如下: //先通过die（）方法解除，再通过live（）绑定 $（"#selectAll"）.die（）.live（"click",function（）{ //事件运行代码 }）; die（）方法简介： 复制代码 代码如下: die（[type], [fn]）<SPAN style="WHITE-SPAC...

js两行代码按指定格式输出日期时间

2016年07月27日 5 阅读

复制代码 代码如下:// <summary> // 格式化显示日期时间 // </summary> // <param name="x">待显示的日期时间，例如new Date（）</param> // <param name="y">需要显示的格式，例如yyyy-MM-dd hh:mm:ss</param> function date2str（x,y） { var z ={y:x.g...

利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码

2016年07月27日 13 阅读

尤其是在当今各种浏览器满天飞（据说仅以IE为内核的浏览器就有200种之多）。 小弟今天写了个基于jQuery的插件扩展，主要用于识别浏览器内核与外壳的类型和版本。可识别各种浏览器的内核，并已经支持多种国内主流浏览器。 费话不多说，上我的JavaScript代码：（文件名：jquery.browsertype-1.0.js） 复制代码 代码如下: /** * jQuery插件开发方法二：第一步：插件定义 */ jQuery.myPlugin = { ...

jQuery EasyUI API 中文文档 - TimeSpinner时间微调器

2016年07月27日 7 阅读

扩展自 $.fn.spinner.defaults，用 $.fn.timespinner.defaults 重写了 defaults。 依赖 spinner 用法 复制代码 代码如下: <input id="ss" required="true" style="width:80px;"> 复制代码 代码如下: $（"#ss"）.timespinner（{ showSeconds:true }）; 特性其特性扩展自 spinner，下列是为 ...

js面向对象设计用{}好还是function（）{}好（构造函数）

2016年07月27日 6 阅读

在网上看了很多JavaScript的项目, 用到对象都是采用{}的形式: 例如jQuery, TinyMCE等都是形如: 复制代码 代码如下: var Dialog = { int : function（） { .... }, insert : function（） { .... }, pop : function（） { .... } }; //调用就是: Dialog.init（）; 而我自己一直使用function闭包的方式, 感觉使用内部私有成员...

javascript模版引擎-tmpl的bug修复与性能优化分析

2016年07月27日 5 阅读

精妙的 tmpl 前端模板类开源的不少，但最属 jQuery 作者 John Resig 开发的 “javascript micro templating” 最为精妙，寥寥几笔便实现了模板引擎核心功能。 它的介绍与使用方式请看作者博客：http://ejohn.org/blog/javascript-micro-templating/ 让我们先看看他的源码： 复制代码 代码如下: （function（）{ var cache = {}; this.tmpl...

js创建数据共享接口——简化框架之间相互传值

2016年07月27日 5 阅读

很多框架存在父子关系，操作起来十分麻烦，很多同学经常出现这样悲催的代码： 复制代码 代码如下: window.parent.document.getElementById（"main"） .contentWindow.document.getElementById（"input"）.value = document.getElementById（"myIframe"） .contentWindow.document.getElementById（"s0"）...

javascript克隆元素样式的实现代码

2016年07月27日 5 阅读

复制代码 代码如下: /** * 克隆元素样式 * @param {HTMLElement} 被克隆的元素 * @param {Boolean} 是否启用缓存（默认true） * @return {String} css类名 */ var cloneStyle = （function （doc） { var rstyle = /^（number|string）$/, cloneName = "${cloneName}", sData = {}, addHe...

文本框根据输入内容自适应高度的代码

2016年07月27日 6 阅读

其实现代浏览器大多都支持文本框尺寸调节功能，绝大多数情况下却没有自动适应来得爽快，在网络上发现一方法比较简单的实现文本框高度自适应，于是封装了这个函数，准备以后应用到项目中。 源代码： 23:03文章更新： 感谢alucelx同学再次给力的帮助，大大简化了方法，更新代码为0.2版本，同时解决了兼容Opera浏览器，至此全兼容IE6+与现代浏览器！ 在线演示： http://demo.jb51.net/js/2011/autoArea/index.htmau...

关于javascript function对象那些迷惑分析

2016年07月27日 5 阅读

js中function对象是一个令人着迷的东西，但由于他太过于灵活，常常令人迷惑，下面我贴一些代码： 大多数人这样简写： 复制代码 代码如下:function test （） {} 《jsvascript语言精粹》整本书这样写： 复制代码 代码如下:var test = function （） {} 函数可以立即运行并赋值： 复制代码 代码如下: var test = function （） {} （） // test === undefined var ...

最佳的addEvent事件绑定是怎样诞生的

2016年07月27日 8 阅读

当我们编写脚本的时候创建了交叉引用，例如如下代码： 复制代码 代码如下: window.onload = function （） { var x = document.getElementsByTagName（"H3"）; for （var i=0;i<x.length;i++） { x[i].onclick = openClose; x[i].relatedElement = x[i].nextSibling; // simplified situ...

myEvent.js javascript跨浏览器事件框架

2016年07月27日 7 阅读

event究竟有多么复杂？可见前辈的6年前的努力：最佳的addEvent是怎样诞生的，后起之秀jQuery也付出了一千六百多行血汗代码（v 1.5.1）搞定了6年后出现的各种核的浏览器。 我参考前辈的代码以及自己的理解尝试写了一个事件框架，我的框架完成了一个事件机制的核心，它能提供统一接口实现多事件绑定以及避免内存泄漏等其他一些问题，更重要的是性能还不错。我的手法： 所有回调函数根据元素、事件类型、回调函数唯一ID缓存在一个_create对象中（其内部具体...

更优雅的事件触发兼容

2016年07月27日 6 阅读

问题种种 做底层接口兼容，无非就是利用if，判断客户端支持哪个接口的问题。最著名的例子就是事件： 复制代码 代码如下: var addEvent = function（e, what, how） { if （e.addEventListener） e.addEventListener（what, how, false） else if （e.attachEvent） e.attachEvent（"on" + what, how） } 这里考虑了给元素绑定...

css值转换成数值请抛弃parseInt

2016年07月27日 6 阅读

如： 复制代码 代码如下: <div id="demo" style="width:24px"></div> <script> var elem = document.getElementById（"demo"）, width = elem.style.width; alert（parseInt（width））;// 24 </script> 可是如果css值是这样呢： 复制代码 代码如下: <div...

基于jquery的防止大图片撑破页面的实现代码（立即缩放）

2016年07月27日 6 阅读

为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/？p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： （3-17修复网友crossyou 指出的一处错误，并且新版本去掉了替换图片） 复制...