有哪些網站的前端代碼風格非常好，值得學習？

01-11

挖個坑後面再來答。

填坑本來想列舉一下bat的強悍頁面，結果發現也就那樣，實習生的痕迹很明顯。

個人建議下面例子中的任何一個，看看吧。

世上有一種網站叫導航網站，那就從這裡邊開始吧，個人認為能上導航網站排行榜的代碼寫的基本都可以，當然個別的比較扯，但大部分是有借鑒意義的。我只看他的動畫效果的實現，js代碼大部分是混淆過的，html,css大家都差不多，只是線上的產品留下了很多版本疊加的創傷。

我前一段時間找了他們很多的輪換各種js苦逼炫的效果，想藉此來練習一下js的基礎編程能力，然後我就放在這個項目裡邊了，這個項目裡邊是我從苦逼炫的頁面上抓下來的靜態資源，裡邊的js效果需要自己來完成，目的是方便像我一樣在前端路上的同仁們，讓他們的精力專註在js的代碼邏輯上，而不是圖片，css兼容上：

jikeytang/frontcode · GitHub

這個項目的主要目的是為了鍛煉基礎js編程能力的一個作品集合，主要提供html,css,images靜態資源，倡導用原生的js來實現效果，項目的初衷就是為了消化一些曾經的知識，鞏固那些曾經的精華代碼，項目的原則：用簡單的代碼實現那些簡單複雜的效果。

然後這些問題的討論就集中在這群了：是JS前端開發， 159758989，你懂得，軟妹子，高手太多，招架不住。

效果都是從這些網站上抓下來的，有興趣的參與吧。

一般導航

hao123_上網從這裡開始

360導航_新一代安全上網導航

2345網址導航

前端領域的專業導航：

前端網址導航_大前端

前端網址導航

前端圈 - 江湖錄

前端導航站 - 前端工程師專用的導航站

前端開發資源導航

根據上面的計劃我實現的一個作品列表，得承認代碼質量不好，重要的是走出了第一步，我時常這樣在我快要放棄的時候鼓勵自己，以便堅持的走下去，當初的目標計劃是能寫100個，其實現在寫了10幾個之後發現寫50個就足可以定天下了，裡邊js重複相同的地方太多，不一樣只是html,css。

good luck，祝福自己，祝福同為前端盡折腰的千千萬萬個從業者。

前端如此的精彩，值得為此奉獻一點精力或時間。

http://www.apple.com

http://codepen.io 個人很喜歡

個人覺得美團和京東的首頁都很強大，你可以去看看

GitHub · Build software better, together.

Facebook

lofter

網易輕博客。

http://yootheme.com/demo

YOOTHEME團隊，編程思想很前衛，代碼條例化