【《jQuery实战》学习笔记01】第一章jQuery引荐

***前言 ****(唠叨一下自己的写这博文时的Context,不知是否会与程序猿的你产生共鸣呢?)
       毕业以来,浮躁地工作着,朝三暮四地学习着,丢三落四地生活着,各种不务正业。当发现自己很多朋友同学都结婚的结婚,高薪的高薪,毕业两年多了,发现现在的自己还处于各种失败的境况!技术没质的飞跃,质量好的女朋友也没追到,生活丢三落四,心态很不好!于是痛下决心把韦博英语培训扔掉,忙了一天,一下班就去上课,累得够呛,效果也不好,而且是不务正业,俺毕竟只是程序猿一枚,无须学会很高级的英语口才。虽然课还没完,也还没转出去,但毕竟它已经成为我的累赘,得不偿失!为了调整心态,我又搬到了公司附近,过上了走路上班的生活,睡眠好了,生活从容了,有心思学习了,住了快两个月,虽然房租很贵(越秀老城区,你懂的,坑爹的广州人!),但渐渐地适应了新的环境,生活质量也提高了,时间也充裕了!奋斗的心已经稳定地形成了。

       为了让自己能在技术上实现质的飞跃,我决定使用愚公的精神去啃下各种技术基础,本人是做Web开发,从学以致用的角度来说,从工作上需要的技术先学,于是去找了一本《jQuery实战》电子书在放针式PKM(知识管理软件)中看,可以一边看一边做笔记,以问题的形式记下来。关于针式PKM,我将在我博客的其他地方介绍,虽然界面不怎么漂亮,但理念不错。

       文章如有什么不足之处,或有谬误,欢迎交流指正!语文语法错误也可以指正哦,呵呵~~ ^_^


***正文***(以问题的形式做笔记,本文作文水平一般般,技术水平一般般,总结水平也一般般,有砖轻拍哈!^_^)

0.第一章是引言

-- 大体讲了jQuery的一些关键特征与来历,大概涉及了以下这些特征:

    Unobtrusive Javascript(不唐突的Javascript),跨浏览器,包装器(wrapper),选择器(selector),文档就绪处理程序(document.ready()),创建DOM元素,jQuery插件,jQuery与其他javascript库的命名冲突

1.是什么让javascript在Web2.0时代重获威望?

--人们对富因特网应用和Ajax技术重新燃起兴趣,而javascript就是实现工具

2.jquery是如何实现更快速的开发?

--利用现有的CSS、XHTML及普通的javascript知识,去直接操作页面元素,实现更快的开发。

3.jQuery的设计的根本目的?

--1.Write less, do more.
   2.跨浏览器支持javascript.

4.什么是“不唐突的Javascript” (Unobtrustive Javascript)?

-- 不唐突的Javascript认为,任何嵌入在HTML页面<body>里的Javascript表达或语句,不管是作为HTML元素的特性,还是嵌入在页面<body>的脚本块里,都是不正确的。

如:<button type="button" οnclick="document.getElementById('xyz').style.color='red';"> Click Me </button>

将onclick事件以属性的方式加进button之是,这种代码风格即“唐突的Javascript" 

我们为了”不唐突“可以把click事件以注册的方法加到button 上,如下:
<script type='text/javascript'>

         var bt = document.getElementById("btn");

         btn.onclick =  function()

         {

              document.getElementById('xyz').style.color='red';

           }

</script>

<button type="button" id='btn'> Click Me </button>

5.不唐突的Javascript代码有什么代价?

-- 如果没有使用jquery前提下,需要写很多行代码,虽然实现了结构与行为分离。

6.jquery的基本原理

-- 将跨浏览器一致的方式工作放在首位,解决一些javascript解决起来困难的问题,如要在页面加载完成后才开始运行js(javascript中window.onload的表现不尽人意,需要在DOM树,以及一些图片页面资源加载完成之后才执行,而ready则是在DOM树加载完成后那运行),扩展一些简单而有用的功能方法。

7.$()的是什么?

-- $()是jQuery()的别名,它返回的是一个js对象,后称jQuery对象,它包含了与选择器相匹配的DOM元素的数组,该对象拥有大量的预定义的有用方法,能够作用于该组元素。

如果在没有使用其他的javascript库的情况下,$()跟jQuery()是可以一样使用的,当你引用了另外一个库也使用$()作封装,这时候需要使用noConflict来调和,并使用jQuery()来避免冲突

8.什么是jQuery的扩展,有什么作用?

-- 是为jQuery增加一些特定功能类型的库函数,因为如果jQuery将所有用户一些特殊需求函数放入jQuery之中的话,jQuery库将异常笨重。通过插件的方式可以让Jquery变得更灵活。如jqueryui.js, xpath.js, form.js等等,都是一些特定功能类型的jQuery插件。

9.包装器(wrapper)与选择器(selector)之关系?

--- jQuery所使用的封装方式即为包装器(wrapper),形式如$('p a'),  而选择器即特指'p a',作为$的参数。


**后记**

本人一直认为,要掌握某一编程技术,不仅需要理解技术的原理,对技术要点记忆足够牢固,练习得足够的次数,项目中使用得足够的次数,我还认为对技术的要点,要能胸有成竹,当你提起一种技术时,你想到的不应该是零碎的使用方法和基本的技术符号特征,而是应该想到一个技术树,能快速有条理地说出其中的所有关键技术要点,使用情境,与其他技术之间的区别以及优缺点。 所以我在开始写正文的时候就写了技术点概览,文章就写到这样里。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值