Javascript - 文章列表
-
jQuery性能优化指南
现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:总是从ID选择器开始继承在class前使用tag将jquery对象缓存起来掌握强大的链式操作使用子查询对直接的DOM操作进行限制冒泡消除无效查询推迟到 (window).load压缩js全面掌握jquery库 1. 总是从ID选
-
JavaScript浮动定位提示效果[附源码]
本来想做一个集合浮动定位和鼠标跟随的tooltips效果，但发现定位和鼠标跟随在一些关键的地方还是不同的，还是分开来吧。 这个效果本身难度不大，主要在程序结构和扩展中下了些功夫，务求用起来更方便，能用在更多的地方。程序特点同一个提示框用在多个触发元素时，只需一个实例；显示和隐藏分别有点击方式和触发方式选择；能设置延时显示和隐藏；有25种预设定位位置；可在预设定位基础上，再自定义定位；可设置自适应窗口定位；代码：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w
-
jQuery教程：雅蛙网ajax特效jQuery实现方法(一)
一直以来，总是觉得以“做”为出发点学习一门技术会来的比较快，虽然会有某些内容会因为没涉及到而落学，但凡是涉及到的东西，你会对他的用法、属性等有很深的影响，这是其他方法无法比拟的。到最会，找本基础教程疏通疏通我觉得还是很有必要的，顺便学下落学的内容，嗯，OK了。目前的国内的个性化主页，yaawa无疑是比较好的一个，无论是从功能还是从UI，都可以和netvibes等相媲美，所以选择他来效仿。其实yaawa使用的也是jQuery框架，有兴趣的朋友不妨去看看。本教程旨在教你如何建立一个类似yaawa的个性化主页，不是从学入手，而是以做为出发点。如果你没有jQuery基础，也不用担心，
-
从零开始学习jQuery(剧场版)：你必须知道的javascript
上一篇：从零开始学习jQuery教程：实战表单验证与自动完成提示插件(11)\n一.摘要\n本文是jQuery系列教程的剧场版, 即和jQuery这条主线无关, 主要介绍大家平时会忽略的一些javascript细节. 适合希望巩固javascript理论知识和基础知识的开发人员阅读.\n二.前言\n最近面试过一些人, 发现即使经验丰富的开发人员, 对于一些基础的理论和细节也常常会模糊. 写本文是因为就我自己而言第一次学习下面的内容时发现自己确实有所收获和感悟. 其实我们容易忽视的javascript的细节还有更多, 本文仅是冰山一角. 希望大家都能通过本文有所斩获.\n三.Javascri
-
JavaScript继承详解(一)
面向对象与基于对象\n几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 – 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 – 封装、继承和多态。 \n但是在JavaScript的世界中，所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言，而是基于对象的语言。 这里面就有一些有趣的特性，比如JavaScript中所有事物都是对象， 包括字符串、数组、日期、数字，甚至是函数，比如下面这个例子：
-
jQuery教程：雅蛙网ajax特效jQuery实现方法(二)
目的：打开雅蛙你会发现，首先出现的是一个欢迎页面，等到这个欢迎页面消失的时候出现一个已经加载好的个性化页面，你不会看到标题、tab、小工具等的加载过程，那么，如何实现这一效果呢？ 思路：2个div，welcomepage欢迎层和mainpage主要层，首先mainpage隐藏，等里面内容加载完成后，welcomepage隐藏，mainpage显示。 进一步思考：mainpage什么时候显示呢？当然是加载完相应的内容后，好，2个函数，loadmainpage加载内容，showmainpage隐藏欢迎层并显示主要层。(document).ready(function(){l
-
零基础学习JavaScript：JavaScript简介(1)
第一章 JavaScript简介\n1.1什么是JavaScript\nJavaScript是一种通用的脚本编程语言，也是一种基于对象(object)和事件驱动(event Driven)并具有安全性能的脚本语言，JavaScript代码嵌套在HTML页面中，它把静态页面变成支持用于交互并相应事件的活页面。现在很难找到一个不包含JavaScript代码的商业站点页面，在其它类型的站点页面中，也可能找到JavaScript代码。比如：下面这个站首页
-
JavaScript继承详解(二)
上一篇：JavaScript继承详解(一)\n这一章我们将会重点介绍JavaScript中几个重要的属性（this、constructor、prototype）， 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。 \nthis\nthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 \n先看一个在全局作用范围内使用this的例子： <scrip
-
jQuery教程：雅蛙网ajax特效jQuery实现方法(三)
目标：看到个性化标题没，只要点击，就出现一个文本输入框，输入相应的内容，点击保存就OK了，那么，如何实现这一效果呢？ 思路：怎么做呢？个人认为可以分一下几步 1、取出层usertitle中的值 2、将usertitle换成一个文本输入框（usertitleinput）和保存、取消button 3、点击“saveButton”时：将usertitleInput的val存入数据库并执行5 4、点击“cancelButton”时：执行5 5、将usertitleInput等换回usertitle 进一步思考：首先是点击usertitle的时候，才触发这一系列的效果。\nfunct
-
jQuery.API源码深入剖析以及应用实现(3) － 选择器篇(上)
在上一篇中还漏了一个框题，jQuery的冲突机制解决方法jQuery.noConflict()以及jQuery.noConflict(extreme)，这里先分析一下：jQuery.noConflict()：运行这个函数将变量的控制权让渡给第一个实现它的那个库。jQuery.noConflict(extreme)：将和jQuery的控制权都交还给原来的库。比如在prototype框架中的会和jQuery框架中的产生命名冲突，这里就是为了解决这种问题。现在先看下noConflict方法的具体实现：<!–Code highlighting produced by Actip