隨著前端開發的逐步發展，出現了“大前端”概念，越來越多的應用開始使用H5跨平臺架構，同時支援多個平臺和系統。

這時的H5前端開發已經不再是單單的網頁開發了，而是前端應用開發。具體到H5 Hybrid架構，常用三劍客：HTML, css, JavaScript

1) HTML和css是頁面設計，沒有程式碼邏輯

2) JavaScript程式設計，還有其它衍生語言，比如常用的TypeScript

從H5開發的角度來看，Web前端和小程式開發，其實是同樣的技術。學會了Web前端開發，小程式只是使用了一個不同的SDK打包部署程式。

現在web前端開發，逐步向新技術方向發展，小程式是未來手機APP的趨勢，所以個人建議一定要學會小程式開發，雖然現在已經有框架試開發軟體，但最佳化很差。

首先我們先看web前端需要掌握哪些知識：

一、HTML、CSS基礎、JavaScript語法基礎。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的佈局。

二、JavaScript語法進階。包括：作用域和閉包、this和物件原型等。相信我，JS語法，永遠是面試中最重要的部分。

三、jQuery、Ajax等。jQuery沒有過時，它仍然是前端基礎的一部分。

四、ES6語法。這部分屬於JS新增的語法，面試必問。其中，關於 promise、async 等內容要尤其關注。

五、HTML5和CSS3。要熟悉其中的新特性。

六、canvas。面試時，有的公司不一定會問canvas，靠運氣。如果時間不夠，這部分的內容可以先不學。但如果你會，絕對屬於加分項。

七、移動Web開發、Bootstrap等。要注意移動開發中的適配和相容性問題。

八、前端框架：Vue.js和React。這兩個框架至少要會一個。入門時，建議先學Vue.js，上手相對容易。但無論如何，同時掌握 Vue 和 React 才是合格的前端同學。

九、Node.js。屬於加分項，如果時間不夠，可以先不學，但至少要知道 node 環境的配置。

十、自動化工具：構建工具 Webpack、構建工具 gulp、CSS 預處理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

十一、前端綜合：HTTP協議、跨域通訊、安全問題（CSRF、XSS）、瀏覽器渲染機制、非同步和單執行緒、頁面效能最佳化、防抖動（Debouncing）和節流閥（Throtting）、lazyload、前端錯誤監控、虛擬DOM等。

十二、編輯器相關。Sublime Text 是每個學前端的人都要用到的編輯器。另外，前端常見的IDE有兩個：WebStorm 和 Visual Studio Code。WebStorm 什麼都好，可就是太卡頓；VS Code就相對輕量很多。個人總結一下：用VS Code 的人越來越多，用 WebStorm 的人越來越少。

十三、TypeScript（簡稱TS）。ES 是 JS 的標準，TS 是 JS 的超集。TS屬於進階內容，建議把上面的基礎掌握之後，再學TS。

而小程式屬於移動web開發和前端框架，所以我的觀點是隻要你前端基礎夠紮實，是可以不用學習小程式開發的。

我一直堅信，對於程式設計師學習來說，我們首先要做好公司業務上的事，學習跟公司業務相關的技能框架，需要用的時候再去學習，當然平時工作完成了，也可以學習自己喜歡的內容。

技多不壓身，如果你是一個經驗豐富的前端，多學一下小程式開發，時間精力成本並不高，且收益多。

從目前市場上來看，小程式的發展趨勢是越來越強勁。而且小程式的優勢是比較明顯的。比如不用安裝，即開即用，省流量，省安裝時間，不佔用桌面。對使用者使用上來說，只要你是微信使用者，他就隱藏在你的微信裡面，要用的時候開啟，不用的時候關掉。這點比需要下載，還要佔用手機記憶體空間的APP要好。

從推廣的角度來說，小程式可以更高效便捷的獲取客流量，相較於原生APP，推廣更容易更簡單，更省成本。

PS：目前市場上小程式的私活是越來越多哦。

結論

就是看場景，不一定要學，學了有加分

關於學習

現在Web前端的知識面有點廣，至於需不需要會小程式開發，主要是取決於你的專案。如果你已經是Web前端工作者，可以瞭解下小程式，畢竟這東西不難，花幾個小時基本就入門了，到時候有專案來時，你自然會花時間去詳細瞭解。

莊子有句話講的好：“吾生也有涯，而知也無涯。以有涯隨無涯，殆已”

精力專注

前端的技術迭代又快又多，你不可能所有的知識面都學習的很精堅，所以你得選擇性強攻，這邊只是說強攻，瞭解你還是需要了解一點的，這樣，真到要用的時候，你不會一臉懵逼，而是很淡定的和老闆說：這個我知道，可以用XX方案，我藥半日調研下，晚上給你分析結果。老闆會說你這小子，做事謹慎，懂的也多，可靠！

大公司

如果你還是個學生，或者準備找工作，你就得看重心了，這個重心是指你需要面試的公司重心，比如你如果去一個大規模的公司，這種公司在乎的是人的潛力，你不一定要會小程式開發，基礎紮實，理解力強，就可以慢慢培養。

創業公司

如果你去小創業公司，這種公司在乎的是你能不能現在就給我造個東西出來，經常是趕鴨子上架，這時候，你會小程式，他可能就直接要你了。

總結

小程式很簡單，學習不難，花幾個小時先了解下還是要找好web前端的基礎，基礎打紮實專案經驗是可以透過實踐快速積累的

小程式不小，談談前端的變遷

網際網路應用前端，從2014年以前的大都基於PC端，到2016年前後，移動網際網路走上浪潮，大量APP如雨後春筍般興起。

但是，同一個APP，被逼迫著基於蘋果與安卓兩個主流的系統開發，一些實力小的公司，甚至短期內只能提供安卓版的。最關鍵的是，推廣難的問題，把90%以上的APP扼殺在還沒滿週歲，甚至沒滿月。

人類往往是這樣，從一個痛中走出，同時又走入另一個痛。H5，歸根結底還是個網頁，而被動驅動是網頁應用永遠的痛，基因是最難改變的。於是，人們又想起了原生APP的好。

小程式，其實就是託養在大戶人家的APP。也應了那句話，成就你的，有個人的努力，更重要的，是你身後的平臺，而最重要的，應該是趨勢。

社會由資本驅動的經濟正向智本經濟、知本經濟快速邁進，個體越來越需要學習，依託大的平臺，這些平臺將越來越演化為一個大中臺，在國家新基建的政策趨勢背景下，快馬加鞭，加速學習，加速知識迭代。

人生苦短，我學python；光陰不虛度，我學小程式。

不一定，小程式不會寫不代表你的技術弱，小程式是根據騰訊給的文件呼叫其api及其開發的那套語言,使用WXML標籤（小程式元件）+WXSS樣式，還原效果圖的效果，生成靜態的小程式頁面。其中WXML標籤，也就是小程式元件標籤，類似於HTML標籤。有html基礎，學此小程式標籤較容易。WXSS實際上就是css（與css3只是略有不同，沒有更多的限制和邊緣情況），有css基礎，wxss可以無師自通。

百戰程式設計師IT問題專業解答

隨著前端開發的逐步發展，出現了“大前端”概念，越來越多的應用開始使用H5跨平臺架構，同時支援多個平臺和系統。

這時的H5前端開發已經不再是單單的網頁開發了，而是前端應用開發。具體到H5 Hybrid架構，常用三劍客：HTML, css, JavaScript

1) HTML和css是頁面設計，沒有程式碼邏輯

2) JavaScript程式設計，還有其它衍生語言，比如常用的TypeScript

從H5開發的角度來看，Web前端和小程式開發，其實是同樣的技術。學會了Web前端開發，小程式只是使用了一個不同的SDK打包部署程式。

大概2015年後，前端開始向web前端發展了，這就要求不能只簡單掌握頁面佈局網頁製作，還要考慮瀏覽器端的相容和服務端之間的互動。也就是說對前端開發的要求變得多了，後來中間想跳槽便出去投簡歷試試找工作，結果發現很多公司對vue，react，angular三大框架問得特別多，然後又在公司呆了半年專門學習vue。在這些基礎上學習下vue，我覺得vue的用處真的很大，建議大家一定要學vue。

半年後，離職去下一家公司面試的時候問了我好多vue的問題，所幸面試前準備的比較充分但vue只有半年的學習經驗並沒有實戰經驗，心裡還是很慌的。結果面試通過了，但是當我進入公司後才發現公司並不使用vue，我有點迷。就這樣在公司待了一年，又一次跳槽，這次在面試的過程中被問到有沒有微信小程式的開發經驗，我如實回答了沒有相關開發經驗，就這樣我錯過了不知幾個面試機會吧！

總結：沒有人說web前端必須會小程式開發，只不過如果你會的話會讓自己的職業道路變寬。前端入門簡單，但緯度廣，有深度，需要堅持學習。

我承認前端是計算機相關行業中入門相對簡單的，但是如果想在前端有更高的成就，就需要一直學習。學習程式設計有一個詞語叫做“循序漸進”，程式設計師沒辦法濫竽充數，沒辦法每天裝樣子混日子。需要真才實學，需要強大的自學能力才能勝任。