前端開發主要包括PC、H5和小程序三個方便，主要設計的技術包括Javascript基礎、CSS、前端框架，比如Jquery、Vue、Angular、Zepto、瀏覽器相關知識。從技術發展的趨勢來看，H5和小程序會有比較快速的發展，而APP會慢慢失去競爭力。前后端分離架構以及中臺思維慢慢收到歡迎，前端開發會受到越來越多企業的重視。

今天來探討下開發手機APP都有那些技術手段

大致分為三種開發模式：原生、混合開發、跨平臺開發

原生方式：

原生技術棧指的是，只能用于特定手機平臺的開發技術。比如，安卓平臺的 Java 技術棧，iOS 平臺的 Object-C 技術棧或 Swift 技術棧。

混合開發：

混合開發，也就是把 Web 網頁放到特定的容器中，然后再打包成各個平臺的原生 App。所以，混合技術棧其實是 Web 技術棧 + 容器技術棧，典型代表是 PhoneGap、Cordova、Ionic 等框架

跨平臺 App：

跨平臺開發指的是使用一種技術，同時支持多個手機平臺。它與混合技術棧的區別是，不使用 Web 技術，即它的頁面不是 HTML5 頁面，而是使用自己的語法寫的 UI 層，然后編譯成各平臺的原生 App。

這個技術棧就是純粹的容器技術棧，React Native、Xamarin、Flutter 都屬于這一類。學習時，除了學習容器的 API Bridge，還要學習容器提供的 UI 層，即怎么寫頁面

總結：H5 開發主要用在混合技術棧。但是，跨平臺技術棧的某些容器也會用到（比如 React Native），因為它們的 UI 層借鑒了 Web 模型。

另外，混合技術棧和跨平臺技術棧的基礎，都是原生技術棧，因為最終都要編譯成原生App。所以，不管使用哪一種技術棧，多多少少要了解一些各平臺的原生技術。

此外 WebView 控件

不管什么技術，最終在 App 里面顯示網頁，一定需要一個網頁引擎，這樣才能解析網頁。通常情況下，App 內部會使用 WebView 控件作為網頁引擎。這是系統自帶的控件，專門用來顯示網頁。應用程序的界面，只要放上 WebView，就好像內嵌了瀏覽器窗口，可以顯示網頁。不同的 App 技術棧要顯示網頁，區別僅僅在于怎么處理 WebView 這個原生控件。

原生開發：需要開發者自己把 WebView 控件放到頁面上。

混合開發：頁面本身就是網頁，默認在 WebView 中顯示。

跨平臺開發：提供一個 WebView 的語法，編譯的時候將其換成原生的 WebView。

不同系統的 WebView 控件名稱不一樣，安卓系統就叫 WebView，iOS 系統有較老的 UIWebView，也有較新的 WKWebView，作用都是一樣的，差異在于功能的強弱。

網站都是由前端和后端兩部分構成，所謂前端就是呈現給用戶的實際操作的頁面，后端就是網站的邏輯、數據庫或者功能模塊部分等？

簡單點來說就是你所看到的網頁的樣式就是前端開發人員的功勞，但是網頁的功能，比如點贊評論等是怎樣的一個機制就是后端開發人員的事情了，當然呈現的樣式以及方式還是需要前端配合。

既然明白了網頁的構成方向選擇上就清晰了，因為對后端開發不太了解這里就談一下前端。不過請放心配合一些現成的框架也是可以建站的。

一般談到前端開發，必提到html css javascript三劍客。所謂html就是超文本標記語言，是用來構造網頁的基本元素，css為層疊樣式表是對html所寫的網頁元素進行樣式美化，包括但不限于元素定位、網頁布局、按鈕樣式等。javascript是用來實現網頁中的動態效果或交互模式等。

學會了html css javascript后制作網頁效率還是不夠，這時候就需要用到前端框架進行快速開發。目前流行的前端框架比較多，如何選擇還是需要根據實際項目確定。

至于前端開發的工具推薦vscode或者sublime text這兩個，vscode算是新興的編輯器了，頗受廣大前端開發人員喜愛，軟件的開發公司為大名鼎鼎的微軟。最后就是網頁展示的瀏覽器的，主流的就是谷歌和火狐瀏覽器，調試方面功能齊全。

個人的一些見解希望能有幫助。

PS：javascript一定要深入的學習，不光是在前端開發上，其他方面也有很大的用處。