编程技巧 - 文章列表
-
JavaScript继承详解(五)
上一篇:JavaScript继承详解(四)\n在本章中,我们将分析John Resig关于JavaScript继承的一个实现 – Simple JavaScript Inheritance。 John Resig作为jQuery的创始人而声名在外。是《Pro JavaScript Techniques》的作者,而且Resig将会在今年秋天推出一本书《JavaScript Secrets》,非常期待。 \n调用方式 \n调用方式非常优雅: 注意:代码中的Class、extend、_super都是自定义的对象,我们会在后面的代码分析中详解。 var Person = C
-
JQuery+ajax实现批量上传图片
在网上搜索了一下,发现以jquery+ajax方式实现单张图片上传的代码是有的,但实现批量上传图片的程序却没搜索到,于是根据搜索到的代码,写了一个可以批量上传的。先看效果图\n
-
Javascript中的this指针详解
前言\nJavascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。\n示例说明\n我们先来看一个最简单的示例:<script type=”text/javascript”> var name = “Kevin Yang”;
-
Javascript公共脚本库系列:弹出层
一.摘要\n本系列文章是为了抽象通用的,跨浏览器的脚本方法.\n本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项.\n二.实现效果\n用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图:点击图中的”航空公司”后,会在”航空公司”下面弹出浮动层. \n在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而忽略了灵活性,通用性和跨浏览器特性. 使用JS框架又有些杀鸡用牛刀.所以在收集整理了一些资料后, 写出了下文中的ScriptHelper类的弹出层
-
学习ExtJS:面向对象编程基本知识
1:支持命名空间 <script type=”text/javascript”> // 定义一个命名空间 Ext.namespace(“Ext.wentao”); // 在命名空间上定义一个类 Ext.wentao.helloworld = Ext.emptyFn; // 创建一个类的实例 new Ext.wentao.helloworld(); </script>
-
jQuery.API源码深入剖析以及应用实现(1)-核心函数篇
前言\nJquery(http://jquery.com/)是一个轻量级,快速简洁的Javascript框架,它的容量小巧,简洁和简短的语法,容易记;用户能更方便地处理HTML DOM、Events、实现动画效果,并且提供Ajax的支持。目前最新版本为 jQuery 1.3.1(http://jqueryjs.googlecode.com/files/jquery-1.3.1.js),这系列文章将对该版本的源码进行阐述。\n现在开始本系列的第一篇,Jquery核心函数,内容主要包括:分析\n1. 在Jquery的应用开发中,我们经常看到这样的代码:\n(“div .containe
-
几秒后自动跳转页面代码,JS延时跳转
自动跳转页面的代码,第一种方法:\n<meta http-equiv=”refresh” content=”1;URL=http://www.dwww.cn/”>\n关键的地方就是这里 1 就是1秒,url就是所跳转的网址了\n利用的是meta来实现页面跳转的,下面我们利用javascript来实现页面跳转,代码如下。<script language=”javascript”>\nfunction redirectUrl(redirectTime)\n{\nsetTimeout(“win
-
IE和FF在JavaScript语法上不同的7个方面
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。\n这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。\n1. CSS “float” 属性\n获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,我们要用如下语法: \
-
jQuery.API源码深入剖析以及应用实现(2)-jQuery对象访问和数据缓存
前言\n上篇主要介绍JQuery的核心函数的原理机制,这篇将开始介绍jQuery对象访问和数据缓存原理,主要内容包括:分析\n一、jQuery对象访问\n1. 【each(callback)】\n例子:HTML代码\njQuery代码\n运行结果<img/><img/>(“img”).each(function(i){ this.src = “test” + i + “.jpg”;});\n[ <img src=\"test0.jpg\" />, <img src=\"test
-
Javascript实例:输入您的名字制作个性中秋祝福网页
中秋节快到了,在这里设计家园祝大家中秋快乐。\n网上有各种各样的中秋节祝福页面,我们这里所介绍的是一种用javascript生成您的名字的个性中秋祝福网页:\n先看一下:http://dwww.cn/Zhongqiu/ \n一打开就能看到:祝无情最心爱的朋友中秋节快乐。然后输入你的名字提交后,就会生成用你的名字的中秋节个性祝福,我们就说一下这种效果是怎么做出来的?\njs如下:\nvar lusername =location.search.split(“=”)[1];if(!lusername){ lusername=”无情”;}else{ l