奇舞周刊第 258 期

來自專欄奇舞周刊

奇舞推薦

Design System：持續提高團隊設計效率的必然選擇

面對越來越複雜的商業場景和產品形態，如何在設計時保障客戶體驗的一致性，持續提高團隊的設計效率，不斷提升設計開發一體化、自動化的程度，Design System工具將是必然選擇。

活用 Shader，讓你的頁面更小，更炫，更快

WebGL 提供了開發者逐個像素進行著色的能力，靈活地使用 shader ，可以幫助你把頁面變得更小、更炫、更快。

現代瀏覽器支持的不同類型的觀察者

現代瀏覽器支持的不同類型的觀察者——Intersection Observer，Mutation Observer，Resize Observer，Performance Observer 。

JavaScript

JavaScript 中的 ResizeObserver

ResizeObserver 對任何觀察到的元素的大小的變化作出反應，與導致變化的原因無關。

滑向未來：現代 JavaScript 與 CSS 滾動實現指南

為你介紹最新的 JavaScript 與 CSS 特性，讓你的頁面滾動更平滑、美觀，性能更好。

精讀《async await 是把雙刃劍》

async/await 回調地獄提醒著我們，不要過度依賴新特性，否則可能帶來的代碼執行效率的下降，進而影響到用戶體驗。

其它

字蛛+ 發布：支持動態渲染、遠程多頁面字體壓縮

font-spider-plus 除了兼容字蛛的所有特性以外，還支持 GBK 編碼，支持線上多頁面配置、支持vue等動態渲染的界面。

淺談前端/軟體工程師的代碼素養

本文提到的 6 個代碼編寫的原則，前三個偏向於代碼維護性，後三個偏向於代碼可讀性，整個可維護性和可讀性構成了代碼的基本素養。

Flutter Beta 3 新特性概覽

Flutter Beta 3 版本發布，向正式版又邁進了一步。據官方介紹，Beta 3 版本將主要精力放在三個方面：基礎建設、生態系統、工具。讓我們來一起看看。

drop-shadow 妙用

drop-shadow 是 CSS3 filter 中陰影濾鏡符合真實世界的投影，非透明的顏色有投影，光線穿過的透明部分沒有投影。