【乾貨】中國開源跨屏前端技術現狀分析

科技改變生活已經從一句廣告語變成了現實。一個普通人的生活已經被多塊顯示屏佔據，工做中使用PC，閒暇時使用手機或者平板電腦，回到家看智能電視，這些已經和生活融爲一體。但是，現實中遇到的問題是，有些內容沒法在這幾塊屏幕之間流暢的切換，兼容性和適配度沒法保證。這些是如何形成的呢？

阻擋跨屏操做發展的兩大核心要素

　　首先，瀏覽器存在適配和兼容性問題

　　從應用需求上看，咱們獲取信息和內容主要來自於兩大途徑，一個是原生App，一個是Web端。原生App沒必要多說，在移動互聯網時代大量原生App佔據了咱們的屏幕，想要看什麼只須要輕輕一點便可。而Web端的主要入口除了一些基於Web開發的App以外，更重要的是瀏覽器。目前有不少App能夠直接在Web端使用，沒必要下載安裝客戶端。

　　從技術上，HTML5的發展給Web技術的發展注入了新的動力。可是，不一樣屏幕之間的適配問題HTML5自己沒法解決，好比在手機端和PC端的顯示效果徹底由設計師和程序員本身控制。

　　另外兼容性問題也很是突出，好比設計師須要在Web端顯示一個圓角的矩形框，若是碰巧瀏覽器兼容，就能夠正常顯示，若是不兼容圖形顯示就會出現問題。有人會問，不是還有W3C組織呢嗎?實際上，W3C雖然定製了一套標準，各個瀏覽器都按照這個標準實現，可是因爲HTML5的標準集合太大，大概有幾萬個功能。而每一個瀏覽器廠商作兼容工做的時候會挑選其中的功能模塊，一步步實現兼容性工做。所以就會形成開發者的功能組件在不一樣瀏覽器中出現兼容問題。

　　其次，統一適配技術缺少致使開發人員任務繁重 效率低下

　　因爲整個Web端的產業鏈紛繁複雜，各自都有利益驅動。再加上國內對開源技術的思想意識不夠，不少成熟的技術主要封閉在本身的公司內，這樣形成整個產業鏈在技術上很難互惠互通。

　　另外，頻繁的解決適配和兼容性問題，致使開發人員在開發中耗費很大的精力，進而下降整個產品的開發進度，下降開發效率，陷入一個惡性的循環中。給用戶形成的印象是產品適配和兼容問題很是突出，在互聯網吐槽渠道豐富的移動互聯網時代，這種問題被進一步放大，對產品的快速成長形成負面影響。

　　並且對開發者來說，他們在網頁的開發過程當中，會遇到各類組件的開發，好比：新聞列表、表單、輪播圖等等，並且幾乎每一個網頁都須要，若是這寫都須要開發者從新開發的話，浪費資源是必然。

　　藉助開源精神 協力解決跨屏難題

　　有了問題，哭天喊娘毫無心義，解決問題纔是關鍵。咱們能夠初步得出結論，多屏互動是產業鏈的共性問題。誰可以提出統一的解決思路，對整個產業鏈的貢獻將是巨大的。對此，有些行業人士提到了藉助開源的力量。目前，在科技圈子裏面，開源在國外很是流行，不只僅是軟件行業，就連如今很是火的特斯拉都在開源，能夠說開源的精神已經蔓延到了各行各業。

　　開源和開放有必定的區別。開放在現階段被不少平臺採用，藉助本身的平臺能力，爲業界作出本身的貢獻，這種模式對推進產業鏈也有必定的積極做用，可是平臺的擁有者不會轉移。而開源則徹底不一樣，開源的精神在於整個產品屬於你們的，藉助你們的力量一塊兒作產品。好比，開源領域的MIT協議是開源協議中最寬鬆的，沒有任何限制，能夠作商用，開源比較完全。

　　網頁的需求變化很是快，一個產品和技術不可能徹底覆蓋，開源的好處是你們均可以貢獻本身的力量，共同打造一個框架，之後全部的程序員均可以使用這個框架，將大大提升整個前端開發的效率，促進整個行業的生產力。

　　國內的開源存在諸多問題。一方面，國內的開源技術以及開源的意識相比國外有必定的差距，如今國外都有專門的團隊全職作開源的技術，而在國內仍是不少的大公司的程序員利用業餘時間作，並無投入100%的精力，而不少的小公司甚至都不會考慮投入力量作開源技術。儘管騰訊JX、網易NEJ等開源架構早就推出，可是都是利用了員工的業餘時間，並且2012年以後就沒有更新，這很大程度上受限於這個員工的工做狀況，好比是否離職等。

　　另外一方面，國內不少的開源技術更多的是處於商業目的，以致於並無全身心的投入到開源技術自己，違背了貢獻和共享的開源精神。

　　值得慶幸的是，即使是國內大企業都沒有勇氣全身投入開源事業，雲適配做爲一家中小創業公司卻選擇了投入團隊的力量全身心作開源的技術。除了看到了將來跨平臺技術離不開開源力量的支持以外，這種先你們後本身的魄力實屬可貴。

　　據雲適配CEO陳本峯介紹，一開始雲適配就以公益性爲出發點，確保產品的中立性，將本身獨立研發的Amaze UI框架開源，但願更多的開發者參與進來。將來，開源的產品逐步會變成獨立的項目，你們可能會記得最先是雲適配開源的技術，可是你們均可以基於原來開源的技術不斷的改進，最後是你們的功勞，這樣對於推進HTML5開源生態的發展將會起到更積極的促進做用。

　　對於雲適配投入公司團隊全職作開源技術，陳本峯認爲，只有這樣，開源技術的更新和升級會持續不斷的進行，確保Amaze UI框架逐步的完善。正是有了對開源的夢想，雲適配才選擇跨屏技術的研發，構建一個互聯互通的網絡。

　　Amaze UI開源框架將是跨屏技術的重要支撐

　　將來互聯網的發展將會走向跨屏，一個網站應該在全部的設備上均可以有很是好的瀏覽效果，這一點毋庸置疑。可是實際上在中國市場，跨屏技術的應用比較落後，有少數網站和瀏覽器公司在作跨屏的生態環境，好比UC、樂視等等。國外的不少網站都在作跨屏瀏覽，特別是谷歌正在大力支持跨屏技術。

　　在整個跨平臺技術生態系統中，各自所處的環節不一樣，可是都在發揮本身的專長，好比UC專門作瀏覽器技術，而樂視主要作內容和內容分發渠道，而云適配則是專門作跨屏技術。

　　HTML5儼然已經成爲了目前跨平臺開發的重要技術。因爲HTML5是比較新興的技術，主要從事HTML5開發的人很少，整個HTML5的產業發展並非太快。目前爲止，雲適配一直致力於HTML5技術的研發，藉助這次Amaze UI框架開源節省開發者開發網頁的時間，進而推進整個HTML5產業的發展。

　　陳本峯坦言，但願藉助Amaze UI框架開源，有更多的開發者使用這個框架，更但願有更多的開發者和開發機構貢獻代碼，推進整個HTML5生態系統的不斷髮展。

　　目前，Amaze UI開源框架提供了很是豐富的組件，雲適配在過去的開發過程當中積累了大量的菜單、輪播圖等60多種組件，支持各類樣式。固然，這遠不能支持跨屏技術生態的發展，所以，只有你們的共同參與，參會有更多的開源組件。

　　開源精神呼籲產業鏈共同參與

　　除了相似雲適配這種技術提供商以外，廣大的瀏覽器廠商也應該積極的參與到多屏技術的開源社區中。好比，開源社區中有一個菜單，在各大瀏覽器中都能獲得很好的兼容性支持，那麼這個菜單纔會被普遍應用，用戶也更爲接受，對整個開源產業才更有意義。

　　不能否認的是，瀏覽器廠商和網站開發已經被綁在了一條船上，只有你們一塊兒來推進HTML5的發展，齊心合力作大產業，你們才能更好的生存下去。有一項調查數據顯示，目前移動端70%的流量都集中在原生App上，只有30%的來自於網頁，Web端相對於原生App處於競爭的劣勢。壯大HTML5技術已經迫在眉睫。讓開發者開發更多的基於Web的應用，整個Web產業鏈纔可以和原生App抗衡。

　　除了開源代碼的貢獻者，整個生態的發展也離不開平臺廠商的支持。好比瀏覽器廠商，在作前端開發的時候作更多兼容性調試。完全解決開發者花費一週作網頁開發，而後三週作瀏覽器適配的窘境。固然，若是這些瀏覽器廠商也能參與貢獻代碼，解決兼容性問題，那麼對於整個HTML5生態系統和跨屏產業的發展起到相當重要的做用。有一點能夠確定，開發者只須要開發一次就能夠適配和兼容更多的瀏覽器，對整個產業鏈都有好處。

　　總之，開源是一種精神，更是一種力量。藉助開源推進產業發展已經成爲了很是重要的途徑。並且，在HTML5尚未大行其道的狀況下，迫切須要你們的參與，而開源技術是一個重要的突破，不只爲產業鏈提供了更好的技術支撐，更重要的是將你們推進HTML5技術不斷髮展的心凝聚起來，避免單兵做戰。

點擊這裏，加入中國開源多屏技術的你們庭中來吧！