天天看點

《阿裡雲前端技術周刊》第十二期

作者: 偏左 校對: 亦才 南逸 知乎: 阿裡雲中台前端/全棧團隊專欄 Github: 阿裡雲前端技術周刊 給我們投稿: 傳送門 參與交流:

前端速報

《阿裡雲前端技術周刊》第十二期
  • 2019杭州雲栖大會Apsara Conference将于9月25日在杭州雲栖小鎮開幕,早鳥票開售 詳情
  • 都9102年了,你還了解javaScript的性能開銷在哪裡嗎?V8團隊發表文章The cost of JavaScript in 2019 輸出最強性能優化指引:
    看點:
    JSON.parse竟然比對象字面量快很多,大規模使用對象字面量的庫如Redux是否将迎來優化?           
那麼"JSON字面量"新文法是否會誕生呢?比如:           
const jsonLiteral = {
key: "value"
  }           
  • W3C 釋出 CSS Animation Worklet API 規範的首個公開工作草案,Animation Worklet API 提供了一種建立腳本動畫的方法,用于控制一組動畫效果,該 API 使使用者代理可以在專用的線程中運作動畫,降低主線程的壓力。 CSS Animation Worklet API草案詳情
  • Google地球使用WebAssembly來避免依賴Chrome特性:
    看點:WebAssembly将作為NPAPI/NaCl/Flash的後繼者,提供優秀的跨浏覽器能力,不斷開放生态。
               
  • Mozilla公布下一代移動浏覽器Firefox Preview for Android,現已公測中:
    看點:此預覽版Firefox是基于GeckoView的一款Android浏覽器,擁有2倍于Firefox for Android的強大性能并加強了個人隐私保護,不同于其他主流浏覽器采用的 Blink 渲染引擎,開源引擎GeckoView 的獨立性可以防止網際網路被其他科技巨頭控制,預計秋季釋出。
    
    GeckoView開源項目:[github](https://mozilla.github.io/geckoview/)
               
  • Postman增加GraphQL支援,該來的一定會來的:
  • 2019年Angular生态介紹,本文詳細介紹Angular的最新狀态和趨勢:
    亮點:angular采用率上升50%,社群愈加健壯。           

趣前端

《阿裡雲前端技術周刊》第十二期
  • 一個堂堂正正的在“裸奔”的HTML:
    完整的解釋在這裡:[詳情](https://secretgeek.github.io/html_wysiwyg/html.html)
    類似原理的還有它的兄弟,帶有所見即所得樣式編輯器的裸奔HTML:[詳情](https://secretgeek.github.io/style_edit/style.html)
               
  • 挑戰,你能找到它的源碼嗎? 挖彩蛋
  • 冷知識:IPv6與JavaScript文法
// 這則有效的IPv6位址同時也是正确的JavaScript
b001:db8:a853:d8d3:f319:ea2e:e370:734

// 甚至這則有效的IPv6 URL,也是正确的JavaScript
http://[b001:db8:a853:d8d3:f319:ea2e:e370:734]/           

編者推薦

《阿裡雲前端技術周刊》第十二期
  • 必看:每年必問的“前端技術規劃該包含什麼?”2019版,随着最近圓心的解惑又多了一些讨論,不妨圍觀一下大牛們的新見解:
  • 前端取數庫pont——搭建前後端之橋: pont
  • 嘗鮮:最近Chrome 76 Beta剛推出Dark模式,相應的程式包就出了: darkmodejs
  • 嘗鮮:又一款reactive工具——sublet,靈感來自Svelte 3.x,極簡的用法讓reactive更簡潔: github
  • 嘗鮮:又一款React全局狀态管理工具——react-tracked,基于React Context及Hooks打造,超高性能:
  • uizard:識别靈感,手繪直轉Sketch,并生成前端代碼:
  • 學習TypeScript的好工具,TypeScript Playground: 入口

跨界碰撞

《阿裡雲前端技術周刊》第十二期
  • 谷歌的 Dropout 專利生效,AI圈子要坐不住了

關于我們

我們是阿裡雲智能中台體驗技術團隊。

如有興趣加入我們,履歷/溝通請至:

[email protected]

繼續閱讀