uni-app 是一個使用 Vue.js 開發跨平台應用的前端框架，開發者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個平台。
今天有空就來介紹一下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加載優化策略