以图明志

JavaScript

写一个JavaScript“返回顶部”功能

淡入、淡出、减速滚动
在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。效果演示可以查看本页。如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条。点击这里“返回顶部”字样的按钮后,页面就像是抹了润滑剂一样,倏地一声就滑到顶部了,同时,该点击按钮也玩起了躲猫猫 – 不见了。

JavaScript

JavaScript的lazyload延迟加载是如何实现的

简单介绍下懒加载的实现
懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。

JavaScript

分享一些JavaScript简易小技巧

很实用的一些经验之谈
这里主要提两个很有用的属性,可以让你操作表单方便不少。form有一个elements属性。作用呢就是可以得到一个表单下的所有表单元素,这样在批量处理表单元素时就很有用,如:表单元素的序列化,或者验证之类的很有帮助。对于第一个表单元素也有一个类似属性为form.这样可以很轻松得到一个表单元素属于哪个表单。

JavaScript

深入浅出JavaScript变量作用域

受益匪浅的一篇精品文章
在学习JavaScript的变量作用域之前,我们应当明确几点:1. JavaScript的变量作用域是基于其特有的作用域链的。2. JavaScript没有块级作用域。3. 函数中声明的变量在整个函数中都有定义。JavaScript首先在inner函数中查找是否定义了变量rain,如果定义了则使用inner函数中的rain变量。

数据结构

为什么js拼接字符串StringBuilder效率那么高

闲谈StringBuilder
大家都知道StringBuilder在拼接大量字符串的时候相对String来说具有很高的效率,这是由于StringBuilder在内部处理上使用了字符串的链式存储表示法(串的块链存储法)。串的块链存储结构的C代码是这样的……由此,可以看到它同时具有线性表和链表的特性。

JavaScript

JavaScript数组遍历map()的原型扩展

超级实用函数map
在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法。遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了。

JavaScript

使用JavaScript时要注意的7个要素

初学者应注意的七个细节
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。

Web设计理念

优化js脚本设计,防止浏览器假死

解放你的浏览器
Nicholas C. Zakas认为不论什么脚本,在任何时间、任何浏览器上执行都不应该超过100毫秒,否则一定要将脚本分解成若干更小的代码段。那么我们该如何来做呢:第一步,优化你的循环,循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长,并直接导致锁死浏览器。

Web设计理念

创意的可拖动的翻页效果

用鼠标左右拖拽一下就能分页
很帅的一个分页效果,只要用鼠标左右拖拽一下就能分页,比起传统的页码分页来说,这个效果的用户体验是做得相当不错的。大家可以分析下其 JavaScript 代码,这个创意真的很让人佩服。

JavaScript

一篇博文将JavaScript尽收眼底

纵览 JavaScript语言
这篇文章是为专业程序员介绍的JavaScript语言的,它是一种小巧的语言,如果你熟悉其他的编程语言,那么这篇文章对你来讲不是那么难以理解。JavaScript不是Java,他们是两门完全不同的语言,JavaScript不是Java的子集,JavaScript不能被认为是Java(Java就是Java)。JavaScript分享了像Java一样分享C语言的语法,但从更深角度讲JavaScript更与Scheme和Self有相似之处。

JavaScript

JavaScript prototype背后的工作原理

我所了解的prototype
“prototype”字面翻译是“原型”,是javascript实现继承的主要手段。粗略来说就是:prototype是javascript中的函数(function)的一个保留属性,并且它的值是一个对象(我们可以称这个对象为"prototype对象")。通过以此函数作为构造函数构造出来的对象都自动的拥有构造函数的prototype对象的成员属性和方法。

JavaScript

JavaScript滚动条的制作

setTimeout的第三个参数
这个效果的制作是借助setTimeout的第三个参数。setTimeout/setInterval,这两个函数相信前端开发同学都很熟悉。它们在非IE(6-9)浏览器中还可以如下使用。即传了第三个参数,第三个参数将作为回调函数的参数obj传入。在非IE浏览器中都弹出了1。这样有个好处,即解决了回调函数的执行上下文,比如要调用某个对象的某个方法,即可以通过参数把该对象传进去。

JavaScript

JavaScript Date的原型方法扩展

Date类型的常用操作
在JavaScript开发中,经常需要对Date类型的对象进行各种验证或格式化,但是js并没有提供那么多的那么细的函数,所以只好自己去用 prototype 扩充了,下面是我自己实现的Date类型常用操作方法,你可以将它另存为date.js,然后在程序中调用即可。

数据结构

JavaScript实现的一个单向链表

一个神奇的函数实现了单向链表的模拟
单向链表是一个非常常见的数据结构,下面用JavaScript实现一个单向链表,能够加深对单向链表的理解。已经基本实现了。单链表的基本功能!看下面演示。

JavaScript

探讨JavaScript的事件冒泡

JavaSciprt事件中很重要的特性
JavaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素。当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。

JavaScript

你了解JavaScript非阻塞加载脚本吗

Loading Scripts Without Blocking
随着越来越多的网站涉及“Web 2.0”应用,JavaScript脚本的数量也急剧增加。这是令人忧虑的,因为脚本对页面性能有负面影响。主流的浏览器(例如IE 6 、7)会以下面2种方式发生阻塞:如果资源位于脚本的下方,那么他们会被阻塞下载。如果元素位于脚本的下方,那么他们会被阻塞渲染展示。
4 / 15 首页 < Prev 2 3 4 5 6 Next > 尾页 页码: