uni-app — 一套前端開發跨平臺應用的終極解決方案

　　uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架，開發者編寫一套代碼，可編譯到iOS、Android、H五、小程序等多個平臺。

　　今天有空就來介紹一下uni-app這個可以跨平臺開發，而且一套代碼能夠適配多端的開發方案。uni-app是dcloud公司推出的，旨在解決如今前端開發的諸多矛盾。好比多端氾濫、其餘跨平臺體驗不佳以及推出力度不夠，社區不健全等。

　　如今的前端工程師，已經今非昔比，會一些css和js已經很難知足如今的市場需求了。數據庫、操做系統、微信小程序、app開發以及數據結構和算法都已然成了前端的標配技術，相信身爲前端工程師的你已經深有體會。我寫這篇博客的初衷就是基於前不久公司接的新項目，公司的需求很簡單，就是用當前僅有的人手短期來編寫出同時知足android和微信小程序的代碼。時間緊任務重。在通過了一段時間的技術選型以後，定格到了uni-app這個框架，

　　若是你也遇到了像我同樣的需求或者願意接受一些新的東西能夠進一步瞭解uni-app，接下來我來簡要說說uni-app的特色。

1.uni-app的語言特色

　　uni-app語言結合了vue和微信小程序的語言特色，首先它是使用了vue的框架，在template中更像是微信小程序的語言，若是已經掌握了這兩個前端通用技術棧，那麼能夠很平滑的學習uni-app來開發。

2.uni-app文件內架構變化

　　先來一張圖來看看uni-app文件內架構變化

　　由於須要多端支持，因此瀏覽器專用的window、document、navigator、location對象，只有在h5中才有效，app和小程序都不支持。uni-app的生命週期既包含了vue的生命週期也包含小程序的生命週期。

3.跨端兼容與條件編譯

　　因爲每一個平臺有本身的一些特性，所以會存在一些沒法跨平臺的狀況。在C語言中，經過 #ifdef、#ifndef 的方式，爲 windows、mac 等不一樣 os 編譯不一樣的代碼。 uni-app 參考這個思路，爲 uni-app 提供了條件編譯手段，在一個工程裏優雅的完成了平臺個性化實現。

　　示例，以下代碼僅在 5+App 下出現:

　　示例，以下代碼不會在 H5 平臺上出現：

4.支持uni-app的編輯器

　　HbuilderX幾近完美的支持uni-app框架，若是你想使用此框架，那麼不妨下載一個HbuilderX

5.uni-app的社區

　　最後說到uni-app的社區，因爲uni-app還比較新，社區還不是特別大，可是社區和插件市場仍是比較踊躍的，相信這麼好的東西在不久以後用的人會更多！

 

原創博客：轉載請註明vue加載優化策略