瀏覽器平臺的改造

joywek 發布于2019-08-21 10:21 / 755人閱讀

摘要：緣起最近看到幾個框架覺得趨勢有明顯就是大家都在想各種辦法瀏覽器我想越來越多人來開發應用并不是為了特別適合開發圖形應用而是因為這個平臺更容易觸及并且對客戶端兼容更多大概正因為如此才會有現在這么多基于瀏覽器和各種不同的想法瀏覽器并不是虛擬機但是

緣起

最近看到幾個框架, 覺得趨勢有明顯, 就是大家都在想各種辦法 Hack 瀏覽器.
我想越來越多人來開發 HTML5 應用并不是為了 HTML5 特別適合開發圖形應用,
而是因為 Web 這個平臺更容易觸及, 并且對客戶端兼容更多
大概正因為如此, 才會有現在這么多基于瀏覽器 Hack 和各種不同的想法
瀏覽器并不是虛擬機, 但是越來越多的技術使得瀏覽器變得像是一個虛擬機的平臺

瀏覽器

我接觸互聯網的時間在 09 年左右, 那時候看到 Chrome 的更新
后來的事情大家都知道了, Chrome 導致 JavaScript 和 Web 應用成為了流行技術
優化的性能, 大量從前瀏覽器不具備的 API, CSS3 動畫, 實現了先決條件

但是實現瀏覽器, 修改瀏覽器的默認腳本語言, 不是那么隨意的
HTML5 存在標準, ECMAScript 有標準, CSS 也有標準
先不說對于以往的頁面的兼容性和開發瀏覽器本身的難度,
單說開發一套能用的技術, 能快速傳遞給開發者, 本身難度就非常大
于是有了后邊基于 JavaScript 的各種 Hack

語言的編譯

首先 CoffeeScript 之類的語言, 以 JavaScript 環境為虛擬機
其他的代碼編譯到 JavaScript 去運行, 從而繞過瀏覽器環境的限制
借助這樣手段, 瀏覽器不支持的很多編程范式和語法能引入瀏覽器
其中有名的比如 CoffeeScript..

https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS

CSS 方面的情況類似, 甚至也加入了編程語言的各種邏輯
另一方面, HTML 也在不斷改變, 首先是各種模板引擎
模板引擎主要實現了模版和模塊化的特性, 其次帶來了各種語法

https://github.com/coffee-js/languages/wiki/List-of-languages-that-compile-to-HTML-CSS

動態的轉化

但是更精彩的是對于 DOM 結構的模擬, 比如 Virtual DOM
主要在 React 當中, Virtual DOM 作為 DOM 操作優化的中間形式而存在
Virtual DOM 相對于模板引擎有更多優化的功能, 更具備編程語言的抽象能力
另外還有 Elm 在函數式響應式編程帶來了性能飛快的實現

http://calendar.perfplanet.com/2013/diff/

而在新的發展的技術當中, Famo.us 對于 DOM 的問題顯得更加激進
Famo.us 認為 DOM 并不適合當前和未來交互非常多的 App
Web 應用需要的是一個類似游戲引擎的平臺, 以達成高性能和精致界面
于是 Famo.us 推出的框架中, 應用的邏輯被編譯到特別優化的 DOM
這些 DOM 被開啟了 GPU 加速, 繞過了瀏覽器低效的優化
甚至在 Famo.us 當中集成了一個物理引擎, 以應對精致的動畫效果
生成的 DOM 以平鋪的結構排在 Container 下, 繞過低效的優化

http://elm-lang.org/blog/Blazing-Fast-Html.elm

今天另外看到的一個模塊是 Facebook 正在開發的 css-layout
這個模塊用于將 CSS3 通過 JavaScript 編譯到具體的數值配置
通過這樣方式, 繞過各種瀏覽器兼容性問題, 實現 Flexbox 布局等等新技術

https://github.com/facebook/css-layout

趨勢

我感到由于瀏覽器的平臺優勢和技術束縛, 將會有更多繞過瀏覽器功能技術出現
取出瀏覽器優秀的子集作為虛擬機, 用來開發更適合應用開發的技術
上邊列出我所看到的, 希望未來能看到更適用于 Web 開發的技術不斷出現

GPU云服務器云服務器社區改造改造進行改造私有云改造

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85363.html

微前端改造初探

摘要：我們繼續沿用了原來就有的，借此把融入整個微前端框架，而已經改造的則不需要我們的開發團隊，分框架組和各個業務組。項目該項目是整個微前端項目的入口。本坑實踐它很大的理由也是用自己的方法初探微前端實踐方法的可行性。在寫這篇文章的一個多月前，本坑還不知道微前端是什么，大概從字面上的含義是比較小的前端項目。本坑開始實踐它，是由于工作要求。改造一個運行多年，前端用jsp寫的服務平臺項目（以下簡...

KunMinX 2019-08-02 15:29 評論0 收藏0
從零到百億互聯網金融架構發展史

摘要：總體介紹在互聯網金融行業一百多億其實也算不上大平臺，也就是二級陣營吧，其實每次的架構升級都是隨著業務重大推進而伴隨的，在前一代系統架構上遇到的問題，業務開發過程中積累一些優秀的開發案例，在下一代系統開發中就會大力推進架構升級。回想起從公司成立敲出的第一行代碼算起到現在也快三年了，平臺的技術架構，技術體系也算是經歷了四次比較重大的升級轉化（目前第四代架構體系正在進行中），臨近年底也想抽...

mrcode 2019-06-24 17:53 評論0 收藏0
從零到百億互聯網金融架構發展史

摘要：總體介紹在互聯網金融行業一百多億其實也算不上大平臺，也就是二級陣營吧，其實每次的架構升級都是隨著業務重大推進而伴隨的，在前一代系統架構上遇到的問題，業務開發過程中積累一些優秀的開發案例，在下一代系統開發中就會大力推進架構升級。回想起從公司成立敲出的第一行代碼算起到現在也快三年了，平臺的技術架構，技術體系也算是經歷了四次比較重大的升級轉化（目前第四代架構體系正在進行中），臨近年底也想抽...

U2FsdGVkX1x 2019-08-14 17:16 評論0 收藏0
又讓馬兒跑又不讓吃草，微服務化如何完成低成本改造？

摘要：小編一哥們和我吐槽自家的煩惱原本一個有錢有閑的證券行業經理一年前被老板派去支持創新業務探索因為新型業務在不斷加速鋪開當前的單體式應用復雜度越來越高業務上線過程繁瑣流程冗長資源分配耗時較多更新頻率越來越低人員也越來越顯得捉襟見肘這哥們于是開始小編一哥們和我吐槽自家的煩惱原本一個有錢有閑的證券行業IT經理一年前被老板派去支持創新業務探索因為新型業務在不斷加速鋪開當前的單體式應用復雜度越來...

QiShare 2019-06-28 11:17 評論0 收藏0
拉勾網基于 UK8S平臺的容器化改造實踐

摘要：宋體本文從拉勾網的業務架構日志采集監控服務暴露調用等方面介紹了其基于的容器化改造實踐。宋體此外，拉勾網還有一套自研的環境的業務發布系統，不過這套發布系統未適配容器環境。寫在前面拉勾網于 2019 年 3 月份開始嘗試將生產環境的業務從 UHost 遷移到 UK8S，截至 2019 年 9 月份，QA 環境的大部分業務模塊已經完成容器化改造，生產環境中，后臺管理服務已全部遷移到 UK8...

CoorChice 2019-12-27 12:14 評論0 收藏0