Javascript網頁特效開發技巧

Javascript網頁特效開發技巧

相信不少人跟我同樣，作網站開發已經有兩到三年了，但大部分時間仍是複製別人的代碼，雖然能看懂別人的代碼，同時也以爲別人寫的代碼很簡單，但本身卻寫不出來；

我總結了一下我本身，爲何看到javascript是以爲如此的簡單，而本身手動去寫卻無從下手，爲此，我寫下我本身的經驗，以給後人借鑑；

１、看了一百篇關於javascript的文章，每篇文章上寫的都差很少。無非就是，數據類型、算法、函數(類－方法)、構造函數、原型、原型繼承、對象。

而這些只是javascript的一部分ECMAScript，由於javascript包含有，第一：ECMAScript、第二：DOM、第3、BOM。

Javascript的核心開發是在客戶端、本地運行、瀏覽器(DOM)宿主、嵌入HTML、動態(DOM)開發；而我發了大量的時間在ECMAScript部分，雖然這方面有了大量知識，但關於DOM和BOM部分卻少得的可憐；因此我建議你們，在學習javascipt的時候，多把重心把在DOM和BOM部分。緣由很簡單，大部份人在學習javascript的時候，其實他們已經學會了其它的高級編程語言，若是沒學過其它關於面向對象的語言，相信你在學習ECMAScript部份必定轉不過彎，那麼本文應該沒辦法爲你而專寫；
開發asp.net的朋友都知道，語法是開C#的基礎，用asp.net開發項目的時候，你必定要了解.net服務器控件，要知道控件裏包含有哪些屬性和方法，固然這些屬性和方法是隻針對.net部分；或者是安卓開發，開發安卓手機軟件的時候，要必須知道安卓控件裏的屬性和方法；介於這種思惟，當咱們在開發javascript的時候，也要想到javascript的DOM部分和BOM部分，DOM控件有哪些屬性和方法，DOM部分有哪些屬性和方法；

 

２、看到別人寫了很好看的demo，但本身卻沒有思惟，不知道是怎麼作出來的，如選項卡、手風琴、下拉菜單；

其實這些效果然的很簡單，如下的思惟你能夠借鑑。

１）、無論什麼樣的demo效果，你先用css+images設計出實際的靜態效果，而後而後用style=」none」屬性隱藏，最後再寫javascript特效；

２）、寫javascript特效的時候，要想到DOM和BOM部分的屬性和方法，而後ECMAScript語法和控制過程；

３）、javascript是基本事件驅動的，因此效果的產生爲無非就是事件、定時器；經常使用到的事件有onload、onclick、onmosehover、onmoseout只是這些事件被封裝在類庫裏面了。

4）、寫完一個特效後，再簡化，把公共部分放在common.js文件，把多個模塊加到一塊兒，就成一個大型項目；

構建大型程序最大的祕密就是歷來不構建大型程序，而是將程序分解成各個小的模塊去作，讓每一個小模塊均可測試，可size化，而後集成到程序裏。