javascript

欢迎来到 jackNEss'窝窝
I like simple mind
  • 图片走马灯效果

    2011年10月21日

    图片展示窗各种各样,五花百门,今天为大家介绍的是图片跑马灯效果。

    阅读全文…

  • 手风琴式图片展示窗

    2011年10月16日

    手风琴式图片展示窗

    图片展示窗各种各样,五花百门,今天为大家介绍的是手风琴式的图片展示窗。

    工作原理:

    通过改变 margin 负边距数值来实现手风琴特效

    核心代码:

    瀑布式算法( 数组中数值之和不变,其中一个增加的时候,那么在确保数值大于0的前提下,其他的就要减去相应的值.)

    /*
     * 瀑布式算法( 数组中数值之和不变,其中一个增加的时候,那么在确保数值大于0的前提下,其他的就要减去相应的值.)
     * - array:int int数组集合
     * - index 要发生变化的 数组下标
     * - num 要发生变化的 数组 的数值
     * - sum 数组内int的总和
     */
    function accordionAccount(array,index,num,sum){
    	num = parseInt(num);
    	account = num - array[index];
    	var total = 0;
    	//alert(account);
    	for(var i = 0; i < array.length; i++){
    		i == index?(
    			array[i] = num
    			
    		):(
    			array[i] - account >= 0?(
    				array[i] -= account,
    				account = 0
    			):(
    				array[i] = 0,
    				account -= array[i]
    			)
    			
    		);
    		total += array[i];
    		//确保 数组加起来总和一致...
    		if(i == array.length -1 && total != sum){
    			array[i] = array[i] + sum - total;
    		}
    	}
    	return array
    	
    }
    

    演示地址:http://www.jackness.org/lab/object/accordion_slide/demo.html

    阅读全文…

  • talk_about_onmouseenter_onmouseleave

    或许有部分童鞋对这 1对璧人、额不对 一对事件 有点陌生 不过如果有接触过jquery的人应该会知道 这2个事件,意思就像字面般 onmouseenter(鼠标进入)、onmouseleave(鼠标离开),那和 onmouseover(鼠标经过)、onmouseout(鼠标离开)有什么区别呢,这 2 个方法其实并不在 ecmascript 里头,而是 IE 里面的 私有方法,那为什么还要在这里花篇幅去介绍呢,因为…因为在开发的过程中会遇到的(总有那么的一次,总有那么的一天),在这里主要是给大家分析一下这 2 个事件的原理与实现方法。

    阅读全文…

  • 重新认识 Array

    2011年10月01日

    重新认识 Array

    作为javascript中十分常用的一种数据类型——Array,我觉得是有必要对其完全掌握,从而写出最最最优雅的代码,以下从Array对象的创建说起,给大家介绍 Array中所有的属性和方法,一步一步地为大家介绍这位 Array君。

    阅读全文…

  • [JS]对 array 类进行扩展

    2011年09月28日

    对 array 类进行扩展

    题目

    给 array 类 扩展一种方法,该方法的作用是过滤掉数组中重复的内容。

    阅读全文…

  • javascript闭包

    原文地址:http://blog.csdn.net/hitman9099/article/details/3854171

    最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。

    一、什么是闭包?

    “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

    相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码:

    //javascript
    function a(){
    	var i=0;
    	function b(){
    		alert(++i);
    	}
    	return b;
    }
    var c = a();
    c();
    

    阅读全文…

    阅读 3,329 评论2 查看原文
  • 侧栏浮动定位

    2011年09月25日

    侧栏浮动定位

    在前端开发的过程中,我们常常会遇到这样那样的漂浮窗,如 对联式广告,侧栏广告,小通知功能 等,这些需求都是在页面上固定一个地方,无论页面怎么resize 如滚动,改变窗口大小等操作,该模块保持在页面的某一个地方不变。以下是我写的可以应对各种需求的一套浮动层代码

    工作原理:

    非ie6情况下直接使用 position:fixed 来解决浮动定位,对ie6进行个别处理。

    演示地址:http://www.jackness.org/lab/object/side_float/demo.html

    阅读全文…

  • GC与JS内存泄露

    2011年09月21日

    gc和js内存泄露

    原文地址:http://www.aliued.cn/2010/09/19/gc-and-js-memory-leak.html

    Javascript有没有内存泄露?如果有,如何避免?鉴于最近有好几个人问到我类似的问题,看来大家对这部分内容还没有系统的研究过,因此,打算在这里把个人几年前整理的一些资料和大家分享一下。

    阅读全文…

  • 浅谈图片延迟加载技术

    2011年09月10日

    浅谈图片延迟加载技术

    图片延迟加载技术,顾名思义,就是让图片晚一步地进行加载,从而加快网页的加载速度,这种技术尤其在访问 一些图片较多 或者 页面较长 的页面 如各种商城,效果较为显著。这种技术已在各大团购网站,商城网站之中应用如 淘宝网

    工作原理

    在第一次加载网页的时候,网页上面的图片先不加载,当你通过滚动条把页面滚动到我们浏览器的可视区域时,当前可视区域的图片才即时加载的,这样页面在浏览的过程中只加载可视区域的图片,而其它飞可视区域的图片则不加载,从而加快了页面加载的速度,对于比较长的页面和一些图片较多的站点来说,这个方案尤其合适。

    阅读全文…

  • 浅谈 JS 性能优化

    2011年09月08日

    浅谈系统性能优化

    作为一个网站开发web前端工程师,除了要确保页面上的各种功能和界面都完整的同时,性能优化也是一个不容忽视的工作,应该不断地,尽可能地对自己开发出来的网站项目的性能进行不断地改进及优化。

    下面综合地来讲一下如何优化我们的 JS

    阅读全文…

标签云

分类目录

最新留言

  • 评论加载中...

与我联系

如有疑问or建议可通过以下方式跟我取得联系.

Q Q:373435871
Email:jackness1208@gmail.com
© Copyright 2011 - 2014 jackNEss.org All Rights Reserved 粤ICP备14065612号
首页 | 关于我 | 网站地图 | RSS