1. 程式人生 > >淺談學習JS和JQuery中的幾點收穫

淺談學習JS和JQuery中的幾點收穫

        剛學習完了JQurey的視訊,覺得這段時間下來,收穫甚是少,想總結一下,由此引來了這篇部落格。

一、學習中的那點事

        估計每個人都會遇到不想學習的時候,我看完了JS,看css+div的時候真的是不想去看了,覺得學習到的東西是重複的,所以看著看著就睡著了,估計也會有人和我是一樣的感受,JS裡面涉及到的東西是在是太多了讓人無法一下子就消化透徹,所以對於後面的學習是很有影響的。

        於是這個時候看完了CSS+Div的視訊(視訊就跟念演講稿是的,非常有意思但是學不到什麼東西),書有480+的頁數,怎麼也不想看了,所以就想自己實踐一把CSS和JS的理論,看看自己掌握的怎麼樣。於是乎就有了自己虐待自己的經歷。

         第一步,我建立了一個HTML的檔案,又添加了一個css的檔案,把框架什麼的html程式碼都敲好了,然後就開始敲一個一個節點和控制元件,突然發現img這個控制元件不會用啊,於是就各種翻例子,翻到了牛腩的例子之後看了一會才知道對關鍵的設定圖片路徑的屬性項原來是src,用了src,載入不出來圖片怎麼辦呢,又開始查,結果是alt這個屬性定義的是沒有圖片的預設顯示,載入好了圖片之後又犯難了,如何才能居中呢?又開始查,結果就是align這個的屬性設定為center就好了。這樣的例子還有很多,下面給大家羅列一下:

        載入css檔案:

        <link rel="stylesheet" type="text/css" href="css/tag.css" />    一定要注意是link

        載入js檔案:

        <script type="text/javascript" src="boke.js"></script>

       開始的時候模仿css的寫:<script type="text/javascript" src="boke.js" /> 沒有成功,這裡要注意。

       連線的滑鼠手勢是;cursor:pointer   而不是網上說的:cursor:hand

       我用的第三方滑鼠,需要滑鼠的圖形檔案cur:

       cursor:url(control/CursorLinkSelect.cur),pointer;          (CursorLinkSelect.cur是從網上下的滑鼠檔案

        從敲完了這個例子了之後,感覺學習css+div的勁頭也就足了,因為裡面有很多的共鳴,有些東西一看就知道我用過,我的這個專案是一個自己做的非常基本的專案基本沒有什麼技術可言,但是用的基礎很多,所以一下子我就看得進去CSS+DIV的書了,所以我感覺自己敲一敲這些學過的東西還是很有用的。

二、JQuery的學習

        JQurey的學習確實是JS學習中的很重要的一部分,它主要學習的就是如何利用好Jqurey的JS庫,這個庫和JS中的老師寫的那個庫是差不多的,所以學習起來應該很好學的。但是其中最主要的還是思想和API文件(手冊)的使用,這個JQuery的學習,手冊是非常重要的,其中的功能都有講解和收錄,查詢也很方便。

         但是你們下載下來的手冊有可能開啟之後就是一片白,什麼都看不到,這個時候怎麼辦呢?其實就是系統的安全策略導致的,只需要在屬性裡面點選接觸鎖定就可以了。


        這也是上網找才發現的,這樣API文件就可以看了。JQurey主要也是靠實戰,同學們也可以試著用它來實現一個小例子。