一. css基礎知識掌握之後(個人的標準是：弄清塊元素與內聯元素的區別，弄清float的應用場景，弄清position[pə'zɪʃən]下五個屬性static['stætɪk],relative['rɛlətɪvli],absolute['æbsəlut],fixed[fɪkst],inherit[ɪn'hɛrɪt]的區別與聯絡以及他們的應用場景，英文單詞確定要能準確發音，方便與面試官探討時準備的傳達你要表達的意思)，剩下需要更多的練習以應對不同的設計的佈局要求，然後遇到問題解決問題，成長就是需要一個這樣跌宕起伏的過程。由於網際網路資源很豐富，反而讓初學者迷失了方向，下面推薦幾款比較經典並且有特點的專題頁面，可以進行分析，學習，模仿：

1. 新聞型別頁面： 

2. 圖片型別頁面：

這個外掛是用jquery寫的，有興趣的同學學習一下其原始碼

3. 股票型別頁面

4. 商城類：

類似的頁面還有很多就不一一列舉：

二. js還有很多很多東西要學習瞭解。js是基於原型的OOP語言，想進一步瞭解純的OOP思想，推薦瞭解一下JAVA。JAVA他本身除了是一個純OOP語言之外，還有很多後臺開發的東西可以一拼了解。然後關於建構函式，原型，例項等等之間的聯絡需要搞的明白一點。 

      一、構造器(constructor) 

    1、constructor始終指向建立當前物件的構造（初始化）函式。 

    2、每個函式都有一個預設的屬性prototype，而這個prototype的constructor預設指向這個函式

    其實在JS中構造器就是函式，函式就是構造器，物件例項就是通過var obj=new 函式();這種形式新建出來的例項。區別這些，在說prototype和constructor。從上面的英文中可以看出，prototype是個物件，裡面定義了一個constructor，那麼我們可以推論出，constructor是物件例項的屬性！而不是函式（構造器）的屬性。反過來，prototype是函式（構造器）的屬性，而不是例項的屬性！

    我要強調一點就是__proto__是例項和Person.prototype之間的關係，而constructor是例項和Person之間的關係

    他們的關係：

    instance -> __proto__ -> person.prototype -> constructor <- person.prototype -> function Person(){} -> Object() -> window 

    2. prototype

    一、什麼是原型(prototype)

    1、prototype本質上還是一個JavaScript物件；

    2、每個函式都有一個預設的prototype屬性；

    3、通過prototype我們可以擴充套件Javascript的內建物件

    二. 原型鏈： 常用原型來實現繼承，其基本思想是利用原型讓一個引用型別繼承另一個引用型別的屬性和方法。簡單說，建構函式、原型和例項的關係：每個建構函式都有一個原型物件，原型物件都包含一個指向建構函式的指標，而例項都包含一個指向原型物件的內部指標。假如我們讓原型物件等於另一個型別的例項。那結果將是：此時的原型物件將包含一個指向另一個原型的指標，相應地，另一個原型中也包含著一個指向另一個建構函式的指標。假如另一個原型又是另一個型別的例項，那麼上述關係成立，如此層層遞進，就構成了例項與原型的連結。這就是原型鏈的基本概念。

3. 閉包

4. call,apply

5. function

6. js擴充套件的一些知識點： 

    命名函式表示式探祕

    Scope Chain的問題

    try catch作用域的疑問

    變數作用域和詞法作用域的區別

    關於JScript 5.6及其之前（IE6）引擎的建立物件的效能問題

    JScript下Array物件的效能問題

    為為什麼不用with

    JS引擎的Closure測試

    轉貼Aimingoo:JavaScript面向物件的支援

    用functional思想編寫js一例——緩動效果

    物件模型的細節 

前端開發qq群：492107297，禁止閒聊，非喜勿進~！