《从零开始学习jQuery》及《jQuery风暴》学习笔记

第一章 jQuery入门

1.用$()函数其实是一个事件,使用这个函数调用的方法,会在DOM加载完毕、资源文件加载完之前触发。

第二章 必须知道的JavaScript知识

1.JavaScript实际上包括三部分:

  (1)ECMAScript 描述了该语言的语法和基本对象。

  (2) DOM 描述了处理网页内容的方法和接口。

  (3)BOM 描述了与浏览器进行交互的方法和接口。

2.ECMAScript是一种由ECMA国际(前身为欧洲计算机制造商协会)通过ECMA-262标准化的脚本程序设计语言。

3.JavaScript中的原始类型

   时刻记着“值类型”和“引用类型”的区别有助于更好的理解语言的精髓。为了化繁为简, 虽然从理论上应该分为“值类型”和“引用类型”,又可以将JavaScript中对象分为“本地对象”,“内置对象”和“宿主对象”,但是在实际应用中为了让JavaScript变得真正单纯,可以将JavaScript中的类型分为: undefined,null,number,string,boolean,function, 其他object引用类型。 即使一个JavaScript初学者对这些类型也不会陌生。这种分类方法前6种都是最常使用的JavaScript类型,第7种object引用类型其实并不是独立的类型,因为function就是一种引用类型,另外JavaScript中的值类型背后其实也是一个“引用类型”,这一点和C#极其相似,就是所有的类型都是从Object中派生而来。比如number是一个“值类型”, 但是其实存在一个引用类型“Number”,我们可以使用如下的方式声明一个变量: var oNumberObject = new Number(55); Number对象是ECMAScript标准中定义的。但是本文不准备深入的讲解它们,因为最常用的还是使用下面的方式创建一个“值类型”的数值为55的变量: var iNumberObject = 55; 这就够了不是吗?但是要记住藏在背后的Number对象是一个引用类型!

4.undefined,null和typeof运算符

(1)undefined:表示一个对象没有被定义或者没有被初始化。 null:表示一个尚未存在的对象的占位符。 有意思的是undefined类型是从null派生来的。所以它们是相等的: alert(null == undefined); //输出 “true”

(2)如果在程序中使用一个可能没有定义过的变量,并且没有使用typeof做判断,那么就会出现脚本错误。而如果是此变量是null或者没有初始化的undefined对象,可以通过if或者“==”来判断。切记,未声明的对象只能使用typeof运算符来判断! 正因为如此,typeof经常和undefined变量一起使用。typeof运算符返回的都是一个字符串,而时常程序员会当作类型来使用。是否你也犯过如下的错误呢? //var oTemp; 注释掉变量声明语句 if(typeof oTemp == undefined ){…}; //false 这里if将永远是false。要时刻铭记typeof返回的是字符串,应该使用字符串比较: //var oTemp; 注释掉变量声明语句 if(typeof oTemp ==”undefined”){…};//true

(3)alert(typeof null == “null”);//输出 false,因为typeof nul返回“object”,这其实是JavaScript最初实现的一个错误,然后被ECMAScript沿用了,也就成为了现在的标准。所以需要将null类型理解为“对象的占位符”

(4)还要提醒,一个没有返回值的function(或者直接return返回)实际上返回的是undefined。 function voidMethod() { return; } alert(voidMethod()); //输出 "undefined"

5.命名规范

(1)在JavaScript中应该使用匈牙利命名法命名变量,使用Camel命名法命名函数。

(2)? 匈牙利类型命名法:在以Pascal命名法的变量前附加一个小写字母来说明该变量的类型。例如s表示字符串,则声明一个字符串类型的变量为: var sFirstName;

6.闭包

(1)闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

时间: 2024-11-13 10:59:11

《从零开始学习jQuery》及《jQuery风暴》学习笔记的相关文章

从零开始学习jQuery (九) jQuery工具函数

原文:从零开始学习jQuery (九) jQuery工具函数 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQ

从零开始学习jQuery (七) jQuery动画-让页面动起来!

原文:从零开始学习jQuery (七) jQuery动画-让页面动起来! 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零

锋利的jQuery第2版学习笔记8~11章

第8章,用jQuery打造个性网站 网站结构 文件结构 images文件夹用于存放将要用到的图片 styles文件夹用于存放CSS样式表,个人更倾向于使用CSS文件夹 scripts文件夹用于存放jQuery脚本,个人更倾向于使用JS文件夹存放所有的js及jQuery脚本 编写CSS样式 推荐首先编写全局样式,接着编写可大范围内重用的样式,最后编写细节样式,这样根据CSS最近优先原则,可以较容易地对网站进行从整体到细节样式的定义 第9章,jQuery Mobile jQuery Mobile主要

锋利的jQuery第2版学习笔记6、7章

第6章,jQuery与Ajax的应用 Ajax的优势和不足 Ajax的优势 1.不需要插件支持 2.优秀的用户体验 3.提高Web程序的性能 4.减轻服务器和带宽的负担 Ajax的不足 1.浏览器对XMLHttpRequest对象的支持度不足 2.破坏浏览器前进.后退按钮的正常功能 3.对搜索引擎的支持的不足 4.开发和调试工具的缺乏 Ajax的XMLHttpRequest对象 Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键----发送异步请求.接收响应及执行回调都是通

锋利的jQuery第2版学习笔记1~3章

第1章,认识jQuery 目前流行的JavaScript库 Prototype(http://www.prototypejs.org),成型早,面向对象的思想把握不到位,导致结构松散 Dojo(http://dojotoolkit.org),学习曲线陡,文档不全,最严重的是API不稳定 YUI(http://developer.yahoo.com/yui/) Ext JS(http://www.extjs.com),侧重界面,比较臃肿,用于商业用途需要付费 MooTools(http://moo

Jquery Easy UI初步学习(二)datagrid的使用

第一篇学的是做一个管理的外框,接着就是数据datagrid绑定了,这里我用asp.net mvc3来做的,主要就是熟悉属性.方法. 打开easyui的demo 就可以看到如下一段代码: 和上篇一样class="easyui-datagrid", data-options="...",这是一样的,其他我在网上查了查,并做了整理 DataGrid 属性 参数名 类型 描述 默认值 title string Datagrid面板的标题 null iconCls strin

Jquery Easy UI初步学习(三)数据增删改

第二篇只是学了加载用datagrid加载数据,数据的增删改还没有做,今天主要是解决这个问题了. 在做增删改前需要弹出对应窗口,这就需要了解一下EasyUi的弹窗控件. 摘自:http://philoo.cnblogs.com/ 我的理解,就是panel有的属性Window.dialog都有,同时保留自己的扩展属性方法 , 所以主要展示pannel的属性. Pannel 属性 名称 类型 说明 默认值 title string 显示在Panel头部的标题文字. null iconCls strin

Jquery Easy UI初步学习(一)

Easy UI 1.3.2 以前听说Easy UI很不错,当了一个dome,闲着没事就看了一下,也整理一下为了自己更好的记忆,也希望对象我这样小菜有帮助吧 先从后台管理的主页面开始,如要要做主页需要了解以下几项 data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性.通过这个属性,我们可以对easyui组件的实例化可以完全写入到html中,例如: <div class="easyui-dialog" style="width:400px;

jquey学习2之jquery动态添加页面片段

第一个方法:append()方法 [1]$(selector).append(content)//向匹配的所有标签中的内容末尾处添加Html代码,会编译成页面显示. 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript&quo

JQuery Jcrop 图像裁剪工具学习

options 参数说明: 名称 默认值 说明 allowSelect true 允许新选框 allowMove true 允许选框移动 allowResize true 允许选框缩放 trackDocument true baseClass "jcrop" 基础样式名前缀.说明:class="jcrop-holder",更改的只是其中的 jcrop. addClass null 添加样式.例:假设值为 "test",那么会添加样式到 class