原生開發javascript
用純代碼編寫,開發成本高,更新麻煩,優勢是速度快,性能高,用戶體驗效果好css
webApphtml
H5開發是Html5開發的app,本質上運行在手機瀏覽器中的頁面,通常使用原生代碼調用webview組件運行H5的頁面vue
Hybrid App(混合開發)java
結合原生用戶體驗效果好和webAPP的可擴展性強的優點react
Write once, run anywhereweb
由Facebook推出,基於JavaScript框架和React庫來提升多平臺開發效率的一門語言。其核心思想是: Learn once, write anywhere算法
總結: 二者最大的區別在於思想層面,以及react.js及vue.js兩個基礎框架的區別react-native
<input type="button" id="button" value="龍哥很帥" class="fontSize" />
而後用CSS控制DOM樣式以下:瀏覽器
<style> .fontSize {font-size:50px} </style>
而後在js中操做DOM結構:
<script> $('#button').on('click',function(){ }) </script>
能夠看到,在 HTML 和 JavaScript 代碼中,id 和 onclick 事件觸發的函數必須徹底對應,不然就沒法正確的響應事件。
隨着 FaceBook 推出了 React 框架,這個問題獲得了大幅度改善。咱們能夠把一組相關的 HTML 標籤,也就是 app 內的 UI 控件,封裝進一個組件(Component)中
var MyComponent = React.createClass({ handleClick: function() { this.refs.myTextInput.focus(); }, render: function() { return ( <div> <input type="text" ref="myTextInput" /> <input type="button" value="Focus the text input" /> </div> ); } });
像上面這種js代碼裏包含着html和css的代碼的語法收作JSX,它是一種 JavaScript 語法拓展。JSX 容許咱們寫 HTML 標籤或 React 標籤,它們終將被轉換成原生的 JavaScript 並建立 DOM。