Web前端學(xué)習(xí)之資源匯總

01.PS切圖

《PhotoShop切圖》

《切圖規(guī)范及標(biāo)注規(guī)則記錄》

02.Sublime編輯器安裝及調(diào)試

《如何優(yōu)雅地使用Sublime Text》

《一鍵”生成HTML——Emmet插件常用語(yǔ)法》

《HBuilder 使用教程》

03.html部分

《我的HTML會(huì)說(shuō)話——從實(shí)用出發(fā),談?wù)凥TML的語(yǔ)義化》

《HTML5 簡(jiǎn)介》

《HTML5 中文教程》

《HTML5新標(biāo)簽學(xué)習(xí)筆記》

04.CSS部分

《css教程》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(1)-CSS文本格式》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(2)-CSS的簡(jiǎn)寫(xiě)和分開(kāi)寫(xiě)》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(3)-CSS盒模型》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(4)-CSS不常用選擇器》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(5)-CSS布局屬性》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(6)-CSS變形》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(7)-CSS動(dòng)畫(huà)》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(8)-CSS作業(yè)1》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(8)-CSS作業(yè)2》

《談?wù)勅绾斡肅SS處理文本格式》

《Flex彈性布局教程:語(yǔ)法篇》

《Flex彈性布局教程:實(shí)例篇》

《CSS深入-設(shè)置不同塊級(jí)流方向時(shí)的屬性百分比計(jì)算》
《巧用margin/padding的百分比值實(shí)現(xiàn)高度自適應(yīng)(用于占位,避免閃爍)》

05.JavaScript部分

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(9)-JS基礎(chǔ)》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(10)-JS的常用方法清單》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(11)-JS正則》

《Javascript進(jìn)階》

《jQuery》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(12)-JS單元測(cè)試題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(13)-JS進(jìn)階單元作業(yè)主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(14)-JS期末測(cè)試主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(15)-JS單元作業(yè)題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(16)-DOM單元測(cè)試客觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(17)-DOM單元測(cè)試主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(18)-DOM期末主觀題》

《LocalStorage使用總結(jié)》

《LocalStorage必知必會(huì)》

《html5系列:form 2.0 新結(jié)構(gòu)》

《html5系列:form 2.0 新數(shù)據(jù)類(lèi)型》

《html5系列:form 2.0 新表單屬性》

《【JS學(xué)習(xí)筆記】關(guān)于this指針的理解》

《【JS學(xué)習(xí)筆記】函數(shù)表達(dá)式中this指針的意外改變》

《【JS學(xué)習(xí)筆記】ECMAScript中一些最值的考慮》

《javascript中的面向?qū)ο笾屠^承》

《【JS趣味】數(shù)組求和的方法收集》

《【JS趣味】去除一個(gè)字符串的首字符的方式收集》

《【JS學(xué)習(xí)筆記】關(guān)于如何克隆一個(gè)獨(dú)立但屬性和方法都相同的對(duì)象》

《【JS學(xué)習(xí)筆記】ES5數(shù)組對(duì)象的5個(gè)迭代方法是如何像它們調(diào)用的函數(shù)傳參的呢泪电?》

《談?wù)刯avascript的Function中那些隱藏的屬性/方法:caller/callee/apply/call/bind》

06.頁(yè)面架構(gòu)

《前端布局系列文章》

《水平、垂直居中布局方案整理》

《兩列自適應(yīng)布局方案整理》

07.前端架構(gòu)部分

《vue2.0基礎(chǔ)系列》

《vue2.0進(jìn)階系列》

08.其他

《利用DataURL技術(shù)在網(wǎng)頁(yè)上顯示圖片》

《Chrome Dev Editor(devaloper preview)》
這是chrome的應(yīng)用阻逮,編輯器,直接在chrome上跑秩彤,很多css樣式可以直接通過(guò)手動(dòng)點(diǎn)設(shè)置叔扼,而不是敲代碼事哭。polymer框架出的應(yīng)用。

9.作業(yè)部分

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(12)-JS單元測(cè)試題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(13)-JS進(jìn)階單元作業(yè)主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(14)-JS期末測(cè)試主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(15)-JS單元作業(yè)題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(16)-DOM單元測(cè)試客觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(17)-DOM單元測(cè)試主觀題》

《網(wǎng)易微專(zhuān)業(yè)之《前端工程師》學(xué)習(xí)筆記(18)-DOM期末主觀題》

10.推薦書(shū)單

《圖解CSS3:核心技術(shù)與案例實(shí)戰(zhàn)》
《Head First jQuery(中文版)》
《CSS設(shè)計(jì)指南(第三版)》-人民郵電出版社
《Head First Ajax》
《Head First Html5 programming》
《JavaScript高級(jí)程序設(shè)計(jì)(第三版)》
《單頁(yè)Web應(yīng)用:JavaScript從前端到后端》
《JavaScript語(yǔ)言精粹》
《JavaScriptDOM編程藝術(shù)(第2版)》
《編寫(xiě)可維護(hù)的JavaScript》
《Web全棧工程師的自我修養(yǎng)》
《深入淺出Node.js》
《響應(yīng)式Web設(shè)計(jì)》
《精通CSS》
《高性能JavaScript》
《You-Dont-Know-JS》

999.安全
《安全之路:Web滲透技術(shù)及實(shí)戰(zhàn)案例解析(第2版)》by陳小兵

《圖靈程序設(shè)計(jì)叢書(shū)·Web滲透測(cè)試:使用KaliLinux》byJoseph Muniz/Aamir Lakhani

《Web滲透技術(shù)及實(shí)戰(zhàn)案例解析》by陳小兵币励、范淵慷蠕、孫立偉

11.推薦資源文章

《玩轉(zhuǎn)CSS選擇器(一) 之 使用方法介紹》

《玩轉(zhuǎn)CSS選擇器(二) 之 瀏覽器支持,常見(jiàn)Bug食呻,性能優(yōu)化》

《IE你夠了流炕!CSS選擇器》

《【CSS學(xué)習(xí)筆記】對(duì)于IE6、IE7下display: inline-block; 的兼容問(wèn)題的探討》

《使用 CSS3 Flexible Boxes 布局》

《Front-end-Interview-questions》

《CSS 學(xué)習(xí)指南》

《移動(dòng)前端開(kāi)發(fā)之viewport的深入理解》

《語(yǔ)種名稱代碼》

《移動(dòng)端高清仅胞、多屏適配方案》

《用 highlight.js 為文章中的代碼添加語(yǔ)法高亮》

問(wèn)題與對(duì)策:CSS的margin塌陷(collapse)

《CSS之BFC詳解》

《詳說(shuō) Block Formatting Contexts (塊級(jí)格式化上下文)》

《了解服務(wù)器的相關(guān)知識(shí)》

《不只是平面:css三維變換的應(yīng)用》

《3d transform的坐標(biāo)空間及位置》

《運(yùn)算符優(yōu)先級(jí)》

SegmentFault 2015 Top Rank 系列之《JavaScript 相關(guān)優(yōu)秀文章》

SegmentFault 2015 Top Rank 系列之《前端優(yōu)秀文章》

《Javascript中valueOf與toString區(qū)別》

《JS中的prototype》

《CSS Grid布局:瀏覽器開(kāi)啟CSS Grid Layout》

《CSS Grid布局:什么是網(wǎng)格布局》

《CSS Grid布局:網(wǎng)格單元格布局》

《CSS Grid布局:合并單元格布局》

《CSS Grid布局:顯式和隱式網(wǎng)格線》

《CSS Grid布局:網(wǎng)格區(qū)域》

《CSS Grid布局:獨(dú)立源與網(wǎng)格的層疊順序》

《CSS Grid布局:網(wǎng)格的流動(dòng)》

響應(yīng)式
《移動(dòng)前端開(kāi)發(fā)之viewport的深入理解》

《谷歌 Web 開(kāi)發(fā)最佳實(shí)踐手冊(cè)(2.1.1):標(biāo)簽中的圖像》

《如何給函數(shù)取個(gè)合適的名字》

《Cookie有毒每辟?實(shí)測(cè)告訴你Cookie的真相》

《一個(gè)對(duì)前端模板技術(shù)的全面總結(jié)》

接下來(lái)的是兩篇GitHub的文章
《如何高效利用GitHub》
《Git與Github入門(mén)資料》

《怎么使用GitHub-知乎》Fadeoc Khaos
《Git之忽略文件(ignore file)》

《自定義 Git - Git屬性》

《Git官網(wǎng)講的.gitattribute(英文)》

《Node.js中的模塊接口module.exports淺析》

《關(guān)于commonJs和nodeJs的關(guān)系》

《Javascript 異步加載詳解》

《JavaScript 依賴管理》

《猴子都能懂的Git教程》

《怎樣有效學(xué)習(xí)nodejs》

《搭建一個(gè)免費(fèi)的,無(wú)限流量的Blog----github Pages和Jekyll入門(mén)》

《js的一道經(jīng)典題》

《一道常被人輕視的前端JS面試題》

簡(jiǎn)書(shū)著作權(quán)歸作者所有干旧。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)渠欺,非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末椎眯,一起剝皮案震驚了整個(gè)濱河市挠将,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌编整,老刑警劉巖舔稀,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異掌测,居然都是意外死亡内贮,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)汞斧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)夜郁,“玉大人,你說(shuō)我怎么就攤上這事粘勒【憾耍” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵仲义,是天一觀的道長(zhǎng)婶熬。 經(jīng)常有香客問(wèn)我,道長(zhǎng)埃撵,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任虽另,我火速辦了婚禮暂刘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘捂刺。我一直安慰自己谣拣,他們只是感情好募寨,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著森缠,像睡著了一般拔鹰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贵涵,一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1 285
  • 那天列肢,我揣著相機(jī)與錄音,去河邊找鬼宾茂。 笑死瓷马,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的跨晴。 我是一名探鬼主播欧聘,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼端盆!你這毒婦竟也來(lái)了怀骤?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤焕妙,失蹤者是張志新(化名)和其女友劉穎蒋伦,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體访敌,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡凉敲,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了寺旺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片爷抓。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖阻塑,靈堂內(nèi)的尸體忽然破棺而出蓝撇,到底是詐尸還是另有隱情,我是刑警寧澤陈莽,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布渤昌,位于F島的核電站,受9級(jí)特大地震影響走搁,放射性物質(zhì)發(fā)生泄漏独柑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一私植、第九天 我趴在偏房一處隱蔽的房頂上張望忌栅。 院中可真熱鬧,春花似錦曲稼、人聲如沸索绪。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瑞驱。三九已至娘摔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間唤反,已是汗流浹背凳寺。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拴袭,地道東北人读第。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像拥刻,于是被迫代替她去往敵國(guó)和親怜瞒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容