前端日刊-2018.01.05

02-28

2018-01-05 每天努力的日刊君前端新視野

EveryDay為小夥伴們推薦 3 篇有質量的前端技術文章，讓你每一天都收穫滿滿還在等什麼，和日刊君一起把~

The Next Day is Always a New Day

Browser

瀏覽器的 16ms 渲染幀

渲染幀是指瀏覽器一次完整繪製過程，幀之間的時間間隔是 DOM 視圖更新的最小間隔。由於主流的屏幕刷新率都在 60Hz，那麼渲染一幀的時間就必須控制在 16ms 才能保證不掉幀。也就是說每一次渲染都要在 16ms 內頁面才夠流暢不會有卡頓感。這段時間內瀏覽器需要完成如下事情：

- 腳本執行（JavaScript）：腳本造成了需要重繪的改動，比如增刪 DOM、請求動畫等
- 樣式計算（CSS Object Model）：級聯地生成每個節點的生效樣式
- 布局（Layout）：計算布局，執行渲染演算法
……

鏈接：

http://t.cn/RH34to4

工程化

A lightweight task management and build tool for front-end and nodejs

Dawn 取「黎明、破曉」之意，原為「阿里雲·業務運營團隊」內部的前端構建和工程化工具，現已完全開源。它通過 pipeline 和 middleware 將開發過程抽象為相對固定的階段和有限的操作，簡化並統一了開發人員的日常構建與開發相關的工作。
有什麼特點？
採用中間件技術，封裝常用功能，易於擴展，方便重用
支持 pipeline 讓多個 task 協同完成構建任務

簡單、一致的命令行介面，易於開發人員使用
……

鏈接：
https://alibaba.github.io/dawn/

工具

core-js

日刊君推薦它
polyfills 聚合之物

包含了 ES6 的 Object、Function、Array 等
還有 ES7 的各種 proposals

鏈接：
https://www.npmjs.com/package/core-js

歡迎關注我們的微信公眾號：前端新視野