作者TonyQ (沉默是金)
看板Ajax
标题[闲聊] 老调重弹 , js vs jQuery vs ajax
时间Mon Apr 13 14:38:25 2009
※ [本文转录自 Web_Design 看板]
作者: TonyQ (沉默是金) 看板: Web_Design
标题: [闲聊] 老调重弹 , js vs jQuery vs ajax
时间: Mon Apr 13 14:38:14 2009
虽然说在之前的专文已经针对这些东西都有专文讲解了,
不过刚刚在 jQuery tw group 又回了一篇 , 乾脆也拿过来贴. orz
这篇文章的原本回应对象的提问大概描述如下:
有位视觉设计认为 spry 很好用 , 兴起想学 javascript 的念头 ,
然後他从 jQuery 的范例学起 , 但是弄不懂 javascript 跟 jQuery的差别.
模糊的认为 ajax 就是 jQuery + javascript ,
但是又觉得自己不会 javascript , 手上的书只是工具书 ,
碰到眼前的"瓶颈" , 也不太知道怎麽查工具书来渡过难关 .
想想这状况的确是蛮典型会发生在一些觉得对html有一定程度熟悉 ,
但是对 javascript 感到恐惧却步不前的人身上.
其实 web design 或 ajax 版常常可以看到这样的状况...
底下是个人的回应───────────────────
我想就从了解这些事情的本质开始吧 ,
jQuery 其实跟 javascript 是该划上等号的,
所有jQuery操作所使用的语法都是符合 javascript syntax ,
只是透过预先载入一些透过 function / prototype 的包装 ,
来使 jQuery 及 jQuery context 变成具有独特介面的物件.
所谓 ajax 强调的是
1.使用者触发某个事件
2.javascript 接收到事件以及所需参数 , 向server 发送资讯 (request).
3.收到伺服器回应的资料 , 并加以处理.
其实只是把form submit 透过 javascript 来进行而已 ,
唯一不同的是最後是拿到response透过javascript显示 ,
而不像传统的作法是透过 server side(aspx/jsp/php...) 在拼页面.
ajax本身并不是一种"语法"(syntax)或"叙述"(statement) ,
而是设计上的一种流程而已 , 当然他也延伸出一些特别的设计手法 ,
不过那些算进阶应用 ,在此不另赘述.
至於该怎麽对 jQuery 跟 javascript 同时学习 ,
我想你应该先了解 javascript 到底在干麻 , (也是jQuery在做什麽事)
尽量不要用 "我只想要解决某某问题 , 但是我觉得自己学不会 js " 的心态
再看这个问题, (万事起头难嘛!)
因为有些问题就算在 javascript 里面也是很棘手难解的 ,
不能老是期待能有些 plug-in 能够一次见效 , 药到页除...
javascript 很基本的组合成份 , 事件、dom、Timer.
事件大概从网页载入 (onload / ready ) ,
物件被点击 (onclick / click )
到滑鼠事件(onmousemove / mouseove )...等事件 ,
作为进行某些处理的"起点".
dom 的部份通常就跟一般css 的角色一样 ,
按照某些流程去控制一堆元件的显示外观 ,
当然偶尔也会碰到改变某些参数或者增加某些元件的状况.
timer 比较单纯就是计时的工作 , 比方说网页上即时更新的时间之类的.
------
话说了很多 , 了解 javascript 到底是被设计来解决什麽样的问题 ,
又到底是如何解决这些问题 最是实际,
因为 javascript 并不是为了你的"瓶颈" 量身打造 ,
所以还是要先把刀子磨亮 , 知道什麽时候是该用javascript 跟怎麽用 ,
或者是至少知道该往哪个方向找资料 ,
比单纯就碰到的瓶颈来找资料来得实际多了.
---
关於 javascript vs jQuery 的其他介绍 ,
请在版上搜寻 "从 js 到 jQuery" , 有我自认算详尽的介绍. XD
---
好久没写技术文件了 , 只能老调重弹...(超大汗)
--
What do you want to have ? / What do you have?
从书本中,你可以发现我的各种兴趣。
从CD中,你可以了解我所喜欢的偶像明星。
或许从文字你很难以了解一个人,但从物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 221.169.78.140
--
What do you want to have ? / What do you have?
从书本中,你可以发现我的各种兴趣。
从CD中,你可以了解我所喜欢的偶像明星。
或许从文字你很难以了解一个人,但从物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 221.169.78.140
1F:推 jonathanmeow:推东尼Q 我就是由您的文章引进jQuery的 详尽好用~! 04/13 18:57
2F:推 kiki1503:大推~很深入浅出的观念总揽..可以另外介绍一下DOM吗XD 04/15 09:41
3F:→ TonyQ:dom...就只是把html 对应成 document 来操作而已啊:p 04/15 16:14
4F:推 clonn:程式里面写html就是DOM,不过一开始观念很难厘清 04/16 14:57
5F:推 kiki1503:所以DOM到底是JS还是HTML啊@@? 还是document=DOM?? 04/16 20:19
6F:→ TonyQ:是js , 跟document 有关的都算dom的一部分. 04/16 21:28
7F:推 idcomputer:实在受益不少~~每次看您的文章有学到很多,有要出书吗 04/24 11:51
8F:推 joehwang:推啊~~~写的真不赖 05/19 23:33