JavaScript学习小结

来源:互联网 发布:手机上js刻度尺滑动 编辑:程序博客网 时间:2024/05/01 03:54
老长时间觉得javascript这东东很没劲,觉得是鸡肋,不过又啥web2.0之类,用了一段时间觉得是翅中了。


1 先看看W3c的标准

2  再看看CSS的教程,主要理解html和布局的关系 到这里down两本书看看 http://www.dspidea.com/book/

3 学习
基本的javascript语法,html基本东东的属性,

4 好了,现在就可以开始学习 prototyp.js了,在读这个以前建议 学习下 http://www.sergiopereira.com/articles/advjs.html

5 把prototype.js这个读个七七八八就差不多能工作了,接下来你就可以研究其它的了  http://script.aculo.us/

好了,现在用的比较多的还是所谓的ajax,虽然不是很喜欢这种编程方式(全部架构用这个写,很累很烦的),但是不用你还是不很爽的。

我是如何用的呢?
1 直接反馈responseText,简单,不过不容易解析

2 那么用xml格式反馈,解析示例:
服务器返回   (如果你用的是.Net, 注意在Reponse.ContentType="text/xml")
<result>
<isSysUser>1</isSysUser>
<hintMessage>dddasfd</hintMessage>
<inviteId>23</inviteId>
</result>
客户端解析
function showWarningMessage(req)
{
    var result = req.responseXML.getElementsByTagName('result');       
    $('hintMessage').innerHTML=result[0].getElementsByTagName('hintMessage')[0].firstChild.nodeValue;
    if($('isInviting').value == '23')
       $('isInviting').value = result[0].getElementsByTagName('inviteId')[0].firstChild.nodeValue;   
}

写下来还不是很爽
3 那么就用json吧,可以到这里读下 http://www.json.org/

服务器端可以生成json格式,可以用NBear带的一个类,当然我推荐用 newtonsoft Json.net
服务器格式:{"Color":2,"Establised":new Date(1264118400000),"Width":1.1,"Employees":999,"RoomsPerFloor":[1,2,3,4,5,6,7,8,9],"Open":false,"Symbol":"@","Mottos":["Hello World","das",null," "],"Cost":100980.1,"Escape":"/r/n/t/f/b?{//r//n/"'","product":[{"Name":"Rocket","Expiry":new Date(949532490000),"Price":0},{"Name":"Alien","Expiry":new Date(-59011459200000),"Price":0}]}

客户端如下

var jsonObject = eval('(' + req.responseText + ')'); 
alert('color'+ jsonObject.Color);
alert('RoomsFloor' + jsonObject.RoomsPerFloor[1]);
alert('product second name ' + jsonObject.product[1].Name);


好了,现在就可以自己扩展javascript的类库了。

Enjoy that!