前端知識總結

前端知識彙總(知識點最廣,最深,覆蓋面最大的前端知識,長期持續更新......)javascript

學好前端沒有祕訣,惟有多寫,多看,多寫。php

1、csscss

一、盒子模型html

二、浮動前端

三、定位html5

四、爲何a標籤中使用img後的高度多了幾個像素?java

五、巧用cssText屬性批量操做樣式git

六、深刻理解BFCgithub

七、html標籤語義化對照表web

八、position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣?

九、w3c中文

2、javascript

 

一、JavaScript 標準參考教程(alpha)

 二、阮一峯javascript教程

三、理解JavaScript中的事件處理

四、關於編寫性能高效的javascript事件的技術

在javascript的匿名函數裏,兩個匿名函數哪怕代碼徹底同樣,javascript都會在內部使用不一樣變量存儲

btnDOM.attachEvent("onclick",function(){

         alert("Click Me!");

});

btnDOM.attachEvent("onclick",function(){

         alert("Click Me,too!");

});
複製代碼
btnDOM.detachEvent("onclick",function(){

         alert("Click Me,too!");

});
刪不掉

五、javascript案列大全,淘寶大牛嘔血鉅著

六、深刻理解JavaScript系列(湯姆大叔javascript精髓)

七、javascript特效大全

八、javascript style guide

九、使用面嚮對象的技術建立高級 Web 應用程序

十、JavaScript面向對象之屬性實現

十一、[譯]:ECMA-262-3 in detail——第七章:OOP(第二部分:ECMAScript實現)

十二、Javascript事件機制兼容性解決方案

3、javascript庫

 一、jQuery插件開發 - 其實很簡單

 

4、javascript框架

 一、

 

 

5、前端工程化

一、對話百度前端工程師張雲龍:F.I.S與前端工業化

二、Javascript模塊化編程(一):模塊的寫法

三、javascript【AMD模塊加載器】淺析

四、使用 AMD、CommonJS 及 ES Harmony 編寫模塊化的 JavaScript

6、前端面試題

一、http://www.cnblogs.com/Darren_code/archive/2012/01/31/questions.html

二、Nicholas C. Zakas如何面試前端工程師

下面我列出一些基本的知識點,這些都是我認爲一名前端工程師(不管工做年頭長短)在沒有任何外來幫助的狀況應該知道的。

  • DOM結構——兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。
  • DOM操做——怎樣添加、移除、移動、複製、建立和查找節點。
  • 事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差異。
  • XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
  • 嚴格模式與混雜模式——如何觸發這兩種模式,區分它們有何意義。
  • 盒模型——外邊距、內邊距和邊框之間的關係,IE < 8中的盒模型有什麼不一樣。
  • 塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你以爲應該如何定義它們的樣式。
  • 浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
  • HTML與XHTML——兩者有什麼區別,你以爲應該使用哪個並說出理由。
  • JSON——它是什麼、爲何應該使用它、到底該怎麼使用它,說出實現細節來。

三、理解JavaScript面向對象的思路

http://www.zhihu.com/question/28055523

四、豌豆莢前端面試中的一個算法題

五、豌豆莢面試經歷

六、winter大神

談談面試與面試題

七、web前端研發工程師編程能力成長之路 [轉]

八、前端優秀在線簡歷

九、2014最新前端面試題

十、各位週末結束後都累了吧,那咱們一塊兒來看看【寒冬】的面試題吧(聽說阿里的喲)

十一、從輸入URL到頁面加載完成的過程當中都發生了什麼事情?

十二、翻譯stackoverflow上熱門問題

1三、最全前端面試問題及答案總結

1四、如何面試前端工程師:Github很重要

1五、 js  閉包  模擬類  事件委託  prototype屬性  數組的部分方法 本地存儲   js部分兼容 

1六、http://javascript-puzzlers.herokuapp.com/

1七、http://blog.sourcing.io/interview-questions?utm_source=ourjs.com

 1八、百度校園招聘web前端筆試題及答案(2008電子科大)

7、前端大牛

一、司徒正美http://www.cnblogs.com/rubylouvre/

二、yahoo的超級js大師douglas crawford(有不少教程和視頻,值得一看)

三、cnblog湯姆大叔

四、阿里前端大牛玉伯

五、20位活躍在Github上的國內技術大牛

六、樸靈

七、大牛集合

前端團隊
阿里巴巴 UED -- 咱們設計的界面,並無幾十億的流量,但天天來自上百個國家的百萬商人在使用着。
阿里巴巴中國站UED -- 阿里巴巴中國站UED成立於1999年,全稱是用戶體驗設計部(User Experience Design Department),是阿里巴巴集團最資深的部門之一。
支付寶前端開發 -- 支付寶前端開發車間。
淘寶UED -- 淘寶網用戶體驗團隊。
淘寶MED -- MED(Marketing Experience Design). 是淘寶營銷體驗設計部門,爲淘寶網的營銷產品作體驗設計。
口碑UED -- UED(User Experience Design) 中文意思就是用戶體驗設計。
百度MUX -- MUX(Mobile User Experience) 百度無線用戶體驗部。
百度泛用戶體驗 -- 泛用戶體驗平臺,是以'用戶體驗'爲核心的跨專業分享平臺。
百度聯盟用戶體驗中心 -- 百度聯盟事業部用戶體驗團隊官方博客。
盛大遊戲UED -- 專一用戶體驗,改變生活,讓互動娛樂更精彩。
攜程旅遊UED -- 這是一個血液中流淌着創意和活力的團隊,在愈來愈關注嚴謹和靈活的過程當中成長起來,咱們對前端的需求如此強烈
騰訊CDC -- 全稱是Customer Research & User Experience Design Center(即用戶研究與體驗設計中心)做爲騰訊的核心部門之一.
騰訊ISD -- ISD Webteam是一個設計團隊,即騰訊互聯網業務系統網站組。
騰訊ISUX -- 騰訊 ISUX 全稱騰訊互聯網用戶體驗設計部 (Internet Service User Experience),於2011年3月8日正式成立,前身爲 ISD Webteam 網站組。
騰訊WSD -- 騰訊用戶體驗設計團隊. 設計無線,快樂無限。
騰訊Flash Team -- 這裏有一羣可愛的Flash娃,他們熱愛ActionScript開發~
騰訊soso團隊博客 -- soso更懂你。
財付通TID -- Tenpay Innovation Design, 財付通設計中心。
5173 UED -- 5173用戶體驗設計團隊(User Experience Design),簡稱UED,成立於2009年。
19樓UED -- 19樓 UED團隊。
人人FED -- 咱們來自人人網,FED是"Front End Develop and Design"的縮寫。
網易郵箱UI團隊 -- 網易郵箱UI團隊。
網易UED -- 咱們的團隊博客,關注用戶體驗設計、關注web前端開發。
網易UEDC -- 網易用戶體驗設計中心(User Experience Design Center),簡稱"設計中心(UEDC)",成立於2008年末。
搜狐UED -- Sohu UED Team就彙集着這樣一羣人,執着於爲用戶提供更好的產品和體驗,哪怕是對一點點小細節的精益求精。
新浪UED -- 一個關注用戶體驗、關注工做流、關注做品質量的有愛團隊。
愛詞霸UED -- 愛詞霸用戶體驗團隊博客,有關用戶體驗設計和研究的經驗分享。


其它團隊
淘寶搜索 -- 淘寶搜索技術blog
Alibaba DBA Team -- 這裏記錄着阿里巴巴數據庫團隊成員的點點滴滴
淘寶Data -- 淘寶數據平臺與產品部,是淘寶核心的數據平臺技術和數據產品研發團隊
淘寶DBA Team -- 淘寶數據庫技術團隊
淘寶JAVA中間件團隊 -- 咱們是淘寶JAVA中間件團隊。咱們爲淘寶網構建JAVA底層架構和基礎服務。
Taobao QA Team -- 作測試的行業標準
淘寶核心系統團隊 -- 淘寶核心系統團隊隸屬於淘寶產品技術部,負責淘寶應用基礎平臺的研發和搭建
阿里巴巴Data Warehouse -- 阿里巴巴數據倉庫部門主要收集公司內外部全部數據
騰訊TGideas -- TGideas是騰訊遊戲的專業設計團隊
騰訊GDC -- GDC的前身叫GDT(QQGAME DESIGN TEAM),QQ遊戲產品設計中心


我的博客
Kejun -- 就任於豆瓣
Donkey(倔倔) -- 就任於豆瓣
蒙晨(波希米亞) -- 就任於豆瓣
greengnn(老卡) -- 就任於豆瓣
糖伴西紅柿 -- 就任於豆瓣
Fenng -- 曾就任於支付寶
sofish -- 就任於支付寶
白鴉 -- 就任於支付寶
62mm -- 就任於支付寶
伯約(老魚) -- 就任於支付寶
懌飛(圓心,Blank) -- 就任於淘寶
玉伯(lifesinger) -- 就任於淘寶
明城(mingcheng) -- 就任於淘寶
Der(崇志) -- 就任於淘寶
黑妞HAHA -- 就任於淘寶
飛長 -- 就任於淘寶
Vilic -- 曾實習於淘寶(頗有前途的90後)
秦歌(Kaven) -- 就任於口碑網
Emu(Stone) -- 就任於騰訊
Ghost -- 就任於騰訊
Yuguo -- 就任於騰訊
臭魚 -- 曾就任於騰訊
艾文王 -- 就任於騰訊
Danger -- 就任於騰訊
神飛 -- 就任於騰訊
pufen(飄飄) -- 就任於騰訊
屈超 -- 就任於騰訊
米隨隨 -- 就任於騰訊
大貓 -- 就任於騰訊
AVENIR(鄭煥義) -- 就任於騰訊
李振文 -- 就任於騰訊
OnLing -- 就任於騰訊
Xiaoxiao -- 就任於騰訊
Seven -- 就任於騰訊
Lerroy -- 就任於騰訊
小李刀刀 -- 就任於騰訊
飛魚 -- 就任於騰訊
Jeanne -- 就任於騰訊
小JOE -- 就任於騰訊
偷米飯 -- 曾就任於騰訊
愚人碼頭 -- 就任於搜道網
子鼠,秀才 -- 就任於百姓網
Adam Lu -- 就任於新浪
林小志 -- 就任於攜程
小灰灰 -- 就任於攜程
smallni -- 就任於攜程
彬Go -- 就任於人人
Rokey -- 曾就任於微軟,網易,金山軟件
Evance(布拉格) -- 就任於阿里巴巴日本
深空 -- 就任於騰訊
代碼人(tomie) -- 就任於騰訊
小爝(龍嘯) -- 就任於淘寶
Aether -- 就任於土豆網
一葉千鳥 -- 曾就任於盛大
7月 -- 就任於Adobe
周裕波 -- 就任於盛大創新院
崔凱 -- 就任於傲遊
勾三股四 -- 就任於傲遊
welefen -- 就任於百度
kent.zhu -- 就任於百度
aoao(嗷嗷) -- 就任於百度
JerryQu -- 就任於百度
胡曉 -- 就任於網易
5key -- 就任於阿里巴巴
yaohaixiao -- 就任於阿里巴巴
Adam -- 就任於Yahoo
slj(申力軍) -- 就任於趕集

 

 

八、Angus Croll twitter大牛

8、前端優化

一、前端性能優化工程化進階

二、前端工程與模塊化框架

三、CSS Sprite(經過整合圖片,減小對服務器的請求數量,從而加快頁面加載速度)

http://www.cnblogs.com/myjavawork/articles/1981345.html

工具http://css.v2bo.com/

四、瀏覽器容許的併發請求資源數是什麼意思?

五、Web前端開發有哪些良好的編程習慣?

六、UC/百度大牛張雲龍前端工程與性能優化

 

9、行業

一、與國內某知名互聯網公司交流後的心得

二、javascript能作什麼

三、Native App、Web App和Hybrid App

四、瀏覽器引擎WebKit一統江山,網絡將變成另外一個App Store

10、好的資源

一、網盤搜索

二、stackoverflow(問答網站,很是出名,e文的)

11、前端在線編輯利器

一、http://jsfiddle.net/

12、招聘信息

一、餓了麼

二、上海某團隊招前端開發(年薪25w起)

要求很簡單,就是你以爲本身稱的上一個前端工程師。有4種能夠選的,但咱們但願你不僅限制在一種、兩種的語言裏面,而是但願更全面發展,至少發展成一個前端,牛逼的前端。

 

過來作什麼樣的事呢?有兩種方向能夠選:

 

  1. 桌面版網站開發(如今的已是2+年前開發的)

  2. 移動端網站開發,剛作的(m.ele.me)

 

方向能夠自選。也不只作一個。甚至能夠隨時切換。而團隊能給你帶來什麼呢?

 

  1. 不錯的待遇,讓你生活不用太擔憂

  2. 發展空間:如今正在迅速發展,這裏的一切,只要你想作,均可以去作。若是你是新人,這裏 Github 中國區排行榜前 10 的就有 2 位了,他們就是你的免費活資源;若是你是有必定經驗的,如今的團隊給得了你架構的空間嗎?運用本身最愛本身,甚至本身研究的空間嗎?對於業務量和技術,你 有足夠多的資源和空間。

  3. 工做配置:Macbook Air / 6k+(我本身買要 8k)的椅子 / HHKB 機械鍵盤什麼的… (Geek 最愛?)

 

下面的薪資作爲參考吧,僅限參考,不限制你拿的更多。好比跟神飛說的,BAT 經歷 3 年左右的,30w+ 不是什麼問題,只能合適:

 

  1. 20w+/年 HTML + CSS 寫的不錯

  2. 20w+/年 HTML + JS 寫的不錯

  3. 25w+/年 HTML + CSS + JS 寫的不錯

  4. 25w+/年 HTML + CSS + JS + 其餘都寫的不錯

相關文章
相關標籤/搜索