寫在前面

聚沙成塔——每天進步一點點，大家好我是幾何心涼，不難發現越來越多的前端招聘JD中都加入了uni-app 這一項，它也已經成為前端開發者不可或缺的一項技能了，所以涼哥為大家推出 聚沙成塔【45天玩轉uni-app】專欄，幫助大家對 uni-app 進行學習和理解，uni-app可以通過一套代碼多端發行，相信你掌握本語言后無論是畢設還是求職項目都可以說是錦上添花，妥妥加分項；快來訂閱專欄跟著涼哥一起來感受 uni-app 為開發者帶來的勁感吧！

DCloud

首先讓我們先來了解一下 uni-app 發行者——DCloud，可能很多人對 DCloud 比較陌生，但是 DCloud 公司對于前端做出的貢獻可謂是潛移默化，不世之功；很多人以為小程序是微信先推出的，其實，DCloud才是這個行業的開創者。DCloud于2012年開始研發小程序技術，優化webview的功能和性能，并加入W3C和HTML5中國產業聯盟，推出了HBuilder開發工具，為后續產業化做準備。2015年，DCloud正式商用了自己的小程序，產品名為“流應用”，它不是B/S模式的輕應用，而是能接近原生功能、性能的App，并且即點即用，第一次使用時可以做到邊下載邊使用。為將該技術發揚光大，DCloud將技術標準捐獻給工信部旗下的HTML5中國產業聯盟 (opens new window)，并推進各家流量巨頭接入該標準，開展小程序業務。360手機助手率先接入，在其3.4版本實現應用的秒開運行。

隨后DCloud推動大眾點評、攜程、京東、有道詞典、唯品會等眾多開發者為流應用平臺提供應用。在2015年9月，DCloud推進微信團隊開展小程序業務，演示了流應用的秒開應用、掃碼獲取應用、分享鏈接獲取應用等眾多場景案例，以及分享了webview體驗優化的經驗。微信團隊經過分析，于2016年初決定上線小程序業務，但其沒有接入聯盟標準，而是訂制了自己的標準。DCloud持續在業內普及小程序理念，推進各大流量巨頭，包括手機廠商，陸續上線類似小程序/快應用等業務。部分公司接入了聯盟標準，但更多公司因利益紛爭嚴重，標準難以統一。技術是純粹的，不應該因為商業利益而分裂。開發者面對如此多的私有標準不是一件正確的事情。造成混亂的局面非DCloud所愿。于是我們決定開發一個免費開源的框架。既然各巨頭無法在標準上達成一致，那么就通過這個框架為開發者抹平各平臺差異。這就是uni-app的由來。因為多年積累，所以DCloud擁有800多萬開發者，并不意外，因為DCloud一直都有小程序的iOS、Android引擎，所以uni-app的App端和小程序端保持高度一致，并不意外，因為DCloud在引擎上的持續投入，所以uni-app的App端功能、性能比大多數小程序引擎都優秀，并不意外，因為DCloud對各家小程序太了解了，所以做好抹平各端差異的跨端框架，并不意外。

DCloud 公司 CEO 王安是 HTML5 中國產業聯盟發起人之一，在手機剛能寫程序的時候、在還沒有移動互聯網這個詞的時候就扎進這個行業的老兵。王安在一次參訪中表示 DCloud公司是圍繞著HTML5做產品，有增強引擎，才能夠做出很好的應用，有發行渠道流應用。希望在未來和大應用市場合作，最終打通用戶和開發者之間的通路。助力開發者成本節約的同時效率提升，用戶能夠有更加省時省力更便捷的體驗。HTML5一定會有更精彩的未來，火爆到這個世界大多數應用都是基于H5發行的運用，這是我們的一個愿景來做這個事情。

當下跨平臺開發存在的問題

1、多端泛濫：那我們能夠聯想到前端目前的覆蓋端設備太多了，iOS、Android、Web、H5、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）相信后面還會有更多的小程序和快應用被發布出來，那么隨著這種多元化的端，想要覆蓋被分散的多端用戶開發公司勢必要加大運營成本，這也導致我們前端工程師的學習成本提高，畢竟與時俱進多掌握一端的開發技術才能讓我們更具競爭力；

2、體驗不好：我們既然適配多端注定是為了減少開發成本 編碼成本，這樣一來很多跨端技術開發出的應用在用戶體驗上比較差勁；

3、生態不完善：很多跨端技術的學習成本比較高也就是我們通俗的比較難學，就導致技術的使用者較少那么自然這項技術的生態就會不夠豐富，畢竟沒有使用者就沒有收益，也沒有更多的問題被發現也就沒有提升和完備的機會；

DCloud 推出的 uni-app 規避這些缺陷為開發者們提供更優質的服務；uni-app 能夠跨更多端，真正做到一套代碼多端發行，不再需要對各端代碼并行維護和升級，而且 uni-app 具備條件編譯，可以優雅的在一套代碼中調用不同平臺的特色功能；體驗更好：組建、API與小程序一致，兼容 weex 原生渲染，既可以提升體驗又不會被 weex 所限制，通用技術棧，學習成本更低：Vue的語法、微信小程序的API，內嵌mpvue，也就是說如果你會Vue和微信小程序，你就可以直接上手 uni-app 如果你還不會這兩個建議快速去了解一下，畢竟非常主流的兩門技術；開放生態，組件更豐富：支持通過 npm 安裝第三方的包，支持微信小程序自定義組件及SDK，兼容mpvue組件及項目，app端支持和原生混合編碼，DCloud 的插件市場；

為什么選擇uni-app

開發者/案例數量更多 數百萬應用、uni統計月活12億、70+微信/qq群、更高的百度指數跨端完善度更高，真正落地的提高生產力；平臺能力不受限 在跨端的同時，通過條件編譯+平臺特有API調用，可以優雅的為某平臺寫個性化代碼，調用專有能力而不影響其他平臺。支持原生代碼混寫和原生sdk集成。性能體驗優秀 加載新頁面速度更快、自動diff更新數據。App端支持原生渲染，可支撐更流暢的用戶體驗。小程序端的性能優于市場其他框架；周邊生態豐富 插件市場數千款插件。支持NPM、支持小程序組件和SDK。微信生態的各種sdk可直接用于跨平臺App；學習成本低 基于通用的前端技術棧，采用vue語法+微信小程序api，無額外學習成本；開發成本低 不止開發成本，招聘、管理、測試各方面成本都大幅下降。HBuilderX是高效開發神器，熟練掌握后研發效率至少翻倍（即便只開發一個平臺）。下篇就會大家介紹這款 uni-app 絕配的開發神器。

現在，uni-app已經是業內最風靡的應用框架，支撐著12億活躍手機用戶的龐大生態。世界兜兜轉轉，當你踏出第一步時，隨后很多事不會按你的預期發展。但只要你不忘初心，你想要的那個目標，最終會換個方式實現。DCloud的初心是什么？為開發者提供免費、高效的開發工具，讓天下沒有難做的應用，改進應用形態，讓用戶更方便的獲取數字服務。

寫在最后

本篇的內容就到這里了，歡迎大家訂閱本專欄，跟隨博主一起來學習 uni-app 吧，相信可以通過本專欄的學習，你也可以通過編寫一套代碼發布出自己的多端應用，相信他能夠成為你畢設、求職項目中的亮點技術和產品；如果你想學習本專欄可以在文章末尾添加我進群一起學習交流！