一，css進階篇：  

等css哪些事兒看了兩三遍之後，需要對看過的知識綜合應用，這時候需要大量的實踐經驗，

簡單的想法：把qq首頁全屏另存為jpg然後通過ps工具切圖結合css轉換成html，有無從下手的地方可以用firebug, chrome除錯工具分析網站結構樣式。如果技術熟練自信可以自己先寫，寫完之後在對比，以其來找尋自己的差距。結構是網站的骨架，如果寫的不合理，將是bug產生的重要根源，所以學習分析大型網站的佈局樣式對初學者來說幫助是很大的。大多數初學者由於對技術的不自信，html結構往往寫的很少，而且期望在少的結構上儘可能多的實現頁面效果，這樣無非加大了html結構所承載的樣式屬性，眾多屬性交織在一起就會容易產生bug。qq,sina,163三大官網擼一遍，基本是熟練了。

這裡分享一個css哪些事兒的作者林小志運營的一個小站：http://www.tianyizone.com　裡邊有一些新的特性的演示。

二，js進階篇：

js進階，等妙味看的差不多，心裡難免癢癢，看老師用盡可能少的程式碼來實現了眾多以前沒法實現的動態效果。然後自己想寫，但不知道寫啥東西，下面就這個問題做以建議，寫這些東西的目的有這麼幾個，一個是更加鞏固自己的知識，另外一個是積累面試的作品以及以後工作中的可複用的程式碼片段：

1. 彈出層，

2. 日曆

3. 圖片輪換

SuperSlide2.1所有案例+TouchSlide1.0觸屏滑動特效外掛

4. 模擬滾動條

5. 模擬select，聯動

參照：

強大的selector

糖餅 select

模擬下拉框

6. js分頁

另外建議可以適當的看一些原始碼，看的目的無非是揭開神祕框架背後的程式碼實現，另外一個是開闊自己的視野，看了原始碼之後，不僅感嘆到：原來js還可以這麼玩，而且還玩的這麼炫。當然有些原始碼並不時依目前的積累能看懂的，比如jQuery，是非常晦澀難懂，但為了方便分享，就全部羅列出來：

1. ext

ext 2.2 經典50篇 -- 閱讀ext原始碼

blog　資源彙總

透析Extjs的Ext.js原始碼（五）分析繼承的實現

Ext原始碼閱讀-001

原始碼解讀系列文章(一直在看)

snandy ext系列檔案(準備要看的)

ext原始碼系列(準備要看的)

ext原始碼分析(準備要看的)

ext原始碼分析( 比較零散，必看部分 )

extasp.net框架結構

ext繼承 iteye

何玉的iteyey

js 繼承

ext高手blog

js繼承

js高程繼承

ext其它擴充套件

ext 2.3原始碼分析，bbs格式（其中有event物件的整理）

ext原始碼分析

ext基礎教程

ext4的改變

ext4開始

ext線上api

ext體系結構

ext檔案結構

extjs apply,applyif,override,extend 的區別

ext原始碼

ext4.0基礎概念與總結

 2. prototype

prototype原始碼閱讀

prototype 原始碼解讀

prototype-1.4.0(轉載)

3. qwarp

api

4. mootools

mootools 原始碼分析之 Core.js

Mootools原始碼分析

MooTools 1.4 原始碼分析 - Class 修正版

5. jquery 

jquery原始碼查詢

這些年、我收集的JQuery程式碼 

jquery1.6中的.prop()和.attr()異同

jquery選擇器

臨摹jquery

jquery原型關係圖

jquery選擇器

jquery 1.8.2 原始碼分析

jquery 1.6原始碼分析

jquery事件分析

jQuery工作原理解析以及原始碼示例

jquery easyui 作者

jquery原始碼閱讀

jquery原始碼閱讀英文資料

jquery原始碼閱讀，這位作者出了一本書叫jquery技術內幕

jq原始碼閱讀 

jquery原始碼分析

jquery框架分析

jquery原始碼　元素位置

10個jquery外掛，裡邊有個jquery滾動條寫的不錯。

[知識點類] 妙味課堂：一起學習jQuery原始碼【逐行分析jQuery原始碼的奧祕】 

jquery 2.0.3原始碼分析

jquery 2.0.3原始碼分析 分析Sizzle引擎 - 編譯函式（大篇幅）

jquery 壓縮版

jQuery 2.0.3 原始碼分析 回撥物件 - Callbacks

jquery原始碼解讀-妙味

jQuery 原始碼閱讀

淺析jQuery基礎框架 

sizzle原始碼

淺談jQuery事件原始碼定位

jquery 1.11原始碼分析

jQuery1.0原始碼分析之domManip方法（七） 

jquery2.0.4原始碼分析

jQuery原始碼分析系列

通過jQuery原始碼學習javascript（一）

學習jQuery原始碼

jQuery資料知乎

李鬆峰的解構

jquery1.43原始碼分析之動畫部分

jquery 佇列函式

jquery 原始碼分析-思思博士 

6. Backbone

Backbone原始碼閱讀手記

7. seajs

seajs

seajs原始碼分析

seajs研究一二三

seajs實戰參考 Supporting tagline

SeaJS 元件庫

seajs issues

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