你這是在自學(xué)還是工作上，看上去應(yīng)該是還在學(xué)習(xí)

這個是vue.js 官網(wǎng)https://cn.vuejs.org/

這個是微信小程序的官網(wǎng)https://developers.weixin.qq.com/miniprogram/dev/framework/

這個是react中文文檔：https://reactjs.bootcss.com/

這個是react英文文檔：https://reactjs.org/docs/hello-world.html

上面三個鏈接分別是文檔，我覺得你多看看，還有源碼你也可以選擇多看看，從github上下載一些項(xiàng)目練手，也是不錯的選擇。

如果真的是新手學(xué)習(xí)的話，建議看看下面這些階段漏了哪些，查漏補(bǔ)缺的學(xué)學(xué)。

零基礎(chǔ)自學(xué)前端的過程中看書是必不可少的，多看書能幫助你打牢基礎(chǔ)、穩(wěn)固根基，有很多人問我前端工程師需要看一些什么書?尤其是零基礎(chǔ)自學(xué)前端的新手，今天我就整理了一份書單推薦給大家。

1、《Web前端開發(fā)最佳實(shí)踐》

本書主要講解了html、css、JavaScript以及移動端開發(fā)的最佳實(shí)踐方案，能夠?qū)θ狈α己弥笇?dǎo)的開發(fā)者產(chǎn)生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護(hù)性、高性能的html、css以及JavaScript。

作者簡介：黨建，資深Web前端開發(fā)工程師。精通HTML、CSS、JavaScript等前端技術(shù)，對ASP.NET、Node.js等Web開發(fā)技術(shù)也有深入的研究。

2、《css那些事兒》

本書通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運(yùn)用css布局。尤其是在頁面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應(yīng)說明了等高布局的優(yōu)缺點(diǎn)。

作者簡介：林小志，藍(lán)色理想經(jīng)典論壇標(biāo)準(zhǔn)版榮譽(yù)版主。多年網(wǎng)站設(shè)計(jì)和網(wǎng)站重構(gòu)經(jīng)驗(yàn)，對CSS、XHTML等前臺技術(shù)有著深厚的功底。

3、《css權(quán)威指南》

本書通過諸多示例，詳細(xì)講解了如何做到僅在一處建立樣式表就能創(chuàng)建或修改整個網(wǎng)站的外觀，以及如何得到html力不能及的更豐富的表現(xiàn)效果。同時展示了如何遵循css最新規(guī)范(css2和css2.1)將層疊樣式表的方方面面應(yīng)用于實(shí)踐。

作者簡介：Eric A. Meyer是國際公認(rèn)的 HTML、CSS和Web標(biāo)準(zhǔn)領(lǐng)域的專家，是Complex Spiral Consulting公司的創(chuàng)始人，還是微格式運(yùn)動的發(fā)起人之一，以及設(shè)計(jì)領(lǐng)域系列會議An Event Apart的創(chuàng)始人之一。

Estelle Weyl是開放Web布道師和社區(qū)工程師，從1999年起就開始開發(fā)符合標(biāo)準(zhǔn)且具有可訪問性的網(wǎng)站。

4、《CSS禪意花園》

全書分為兩個主要部分。第1章為第一部分，討論網(wǎng)站“CSS禪意花園”及其最基本的主題，包含正確的標(biāo)記結(jié)構(gòu)和靈活性規(guī)劃等。第二部分包括6章，每章剖析“CSS禪意花園”收錄的6件設(shè)計(jì)作品，每章介紹的作品圍繞一個主要的設(shè)計(jì)概念展開，如文字的使用等。通過探索36件設(shè)計(jì)作品面臨的挑戰(zhàn)和解決的問題，讀者將洞悉主要的Web設(shè)計(jì)原則以及它們運(yùn)用的CSS布局技巧，理解CSS設(shè)計(jì)的精髓，恰當(dāng)?shù)靥幚韴D形和字體來創(chuàng)建界面優(yōu)美、性能優(yōu)良且具有強(qiáng)大生命力的網(wǎng)站。

作者簡介：Dave Shea是一位圖像設(shè)計(jì)師，“CSS禪意花園”網(wǎng)站的創(chuàng)始人和耕耘者，該網(wǎng)站獲得了很多獎項(xiàng)，其中包括SouthWest Interactive會議授予的“Best of Show”。

5、《JavaScript高級程序設(shè)計(jì)第三版》

全書從JavaScript 語言實(shí)現(xiàn)的各個組成部分——語言核心、DOM、BOM、事件模型講起，深入淺出地探討了面向?qū)ο缶幊獭jax 與Comet 服務(wù)器端通信，html5 表單、媒體、Canvas(包括WebGL)及Web Workers、地理定位、跨文檔傳遞消息、客戶端存儲(包括IndexedDB)等新API，還介紹了離線應(yīng)用和與維護(hù)、性能、部署相關(guān)的最佳開發(fā)實(shí)踐。

作者簡介：Nicholas C. Zaka豐富的Web開發(fā)和界面設(shè)計(jì)經(jīng)驗(yàn)，曾經(jīng)參與許多大公司的Web解決方案開發(fā)。

6、《鋒利的jquery》

本書循序漸進(jìn)地對jQuery的各種函數(shù)和方法調(diào)用進(jìn)行了介紹，讀者可以系統(tǒng)地掌握jQuery的DOM操作、事件監(jiān)聽和動畫、表單操作、AJAX以及插件方面等知識點(diǎn)，并結(jié)合每個章節(jié)后面的案例演示進(jìn)行練習(xí)，達(dá)到掌握核心知識點(diǎn)的目的。為使讀者更好地進(jìn)行開發(fā)實(shí)踐，《鋒利的jQuery》的最后一章將前7章講解的知識點(diǎn)和效果進(jìn)行了整合，打造出一個非常有個性的網(wǎng)站，并從案例研究、網(wǎng)站材料、網(wǎng)站結(jié)構(gòu)、網(wǎng)站樣式和網(wǎng)站腳本等方面指導(dǎo)讀者參與到項(xiàng)目建設(shè)中來。

作者簡介：單東林，曾經(jīng)擁有一個著名的網(wǎng)站cssrain.cn，后來因不可抗拒力而關(guān)閉。通過本書繼續(xù)為國內(nèi)前端開發(fā)做貢獻(xiàn)。

7、《Head First JavaScript》

本書語言和版式活潑，內(nèi)容講解深入淺出，是難得的JavaScript入門書。本書內(nèi)容涵蓋JavaScript的基本知識以及對象、函數(shù)和瀏覽器文檔對象模型等高階主題。書中配備了大量有趣的實(shí)例、圖示和練習(xí)，讓讀者輕輕松松掌握J(rèn)avaScript。

作者簡介：Eric Freeman 計(jì)算機(jī)科學(xué)家，在耶魯大學(xué)攻讀博士學(xué)位期間，一直與行業(yè)翹楚David Gelernter一起從事研究工作。曾任迪士尼公司Disney Online & Disney.com首席技術(shù)官，目前將全部精力都投入到他與Elisabeth創(chuàng)建的創(chuàng)業(yè)公司W(wǎng)ickedlySmart。 Elisabeth Robson 軟件工程師、作者、培訓(xùn)師。

8、《JavaScript設(shè)計(jì)模式》

內(nèi)容本書共有兩部分。第一部分給出了實(shí)現(xiàn)具體設(shè)計(jì)模式所需要的面向?qū)ο筇匦缘幕A(chǔ)知識，主要包括接口、封裝和信息隱藏、繼承、單體模式等內(nèi)容。第二部分則專注于各種具體的設(shè)計(jì)模式及其在JavaScript語言中的應(yīng)用，主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。為了讓每一章中的示例都盡可能地貼近實(shí)際應(yīng)用，書中同時列舉了一些JavaScript 程序員最常見的任務(wù)，然后運(yùn)用設(shè)計(jì)模式使其解決方案變得更模塊化、更高效并且更易維護(hù)，其中較為理論化的例子則用于闡明某些要點(diǎn)。

本書適合各層次的Web 前端開發(fā)人員閱讀和參考，也適合有C++/Java/C# 背景的服務(wù)器端程序員學(xué)習(xí)。

作者簡介：Addy Osmani，谷歌Chrome團(tuán)隊(duì)的開發(fā)項(xiàng)目工程師，對JavaScript應(yīng)用程序架構(gòu)有著強(qiáng)烈的愛好。他創(chuàng)建了比較流行的項(xiàng)目，如TodoMVC，并對Modernizr和jQuery等其他開源項(xiàng)目也做出很大貢獻(xiàn)。

以上書籍對于零基礎(chǔ)入門前端來說足夠了，如果有問題或者想討論技術(shù)問題可私聊我。

Web前端開發(fā)是種網(wǎng)頁制作發(fā)展而來的，在web1.0的階段主要是進(jìn)行網(wǎng)頁制作，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。到了web2.0 的時代各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再是單一的靜態(tài)，而是在網(wǎng)頁上逐漸形成交互形式為用戶提供了更好的使用體驗(yàn)。

所以，現(xiàn)在的web前端開發(fā)包含面很廣，要學(xué)的東西也很多。簡單點(diǎn)來說，現(xiàn)在web前端開發(fā)就是做軟件開發(fā)、微信小程序 、網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、APP開發(fā)、游戲開發(fā)等方面的內(nèi)容。

其實(shí)，在編程學(xué)習(xí)種web是相對比較簡單的，也是前期比較容易入門的學(xué)科，只要是用心去學(xué)習(xí)的話基本上是沒有什么問題的。

2020年web前端學(xué)習(xí)線路圖：