前端技術週刊 2018-02-02

時間 2019-12-05

標籤前端技術週刊简体版

原文原文鏈接

前端技術週刊 2018-02-02

新聞

上新

一系列 ECMAScript 提案進入 stage 4 階段，這意味着相關語法將進入 ES2018 規範。它們包括：Promise.prototype.finally pr、對象解構{...obj} pr、正則逆向斷言(?<=...)及(?<!...) pr、正則\p{…}形式 unicode 轉義 pr。
Chrome 64 此次 DevTools 更新的主要內容包括：實時性能監控、控制檯側邊欄、控制檯消息自動分組。附贈中文解說視頻一枚。?
Blink 意圖實現 Picture-in-Picture（畫中畫規範），該規範能夠在瀏覽器中彈出一個小窗口播放視頻。此前 Safari 已經實現了私有 API。?
爲了更好的幫助你們調試 CSS 佈局，Firefox 已經推出了很是強大的 Grid 可視化調試工具，如今有意圖實現 Flexbox 的可視化調試。這裏有一個小調查，但願前端同窗都填一下，幫助咱們本身有更好用的調試工具。?
Vue Devtools 發佈了 4.0 版本，新版本更新包括：可修改的組件數據，在編輯器中打開組件源文件，可直接在界面上右擊檢驗組件，可按組件過濾事件等功能。?
新興打包工具 Parcel 上線了一個大更新 1.5.0，提供了 SourceMap 支持、WebAssembly 支持、環境配置文件.env和更快的小項目編譯性能。?
dialog-polyfill 是由谷歌開源的，HTML 5.2 中定義的 dialog 元素的 polyfill。?

數據

Rollbar 爲咱們帶來了頗有趣的統計數據：JavaScript 監控到的異常的前十名，包括空引用系列異常：Cannot read property \_\_ of undefined、undefined is not an object、null is not an object、undefined is not a function、Cannot read property 'length' of undefined、Cannot set property \_\_ of undefined、\_\_ is not defined；跨域異常：Script error；IE專屬異常：Object doesn’t support property；溢出：Maximum call stack。?javascript

Blink 與 V8 團隊推出了 Speedometer 2.0 以衡量網頁在各框架下的響應時間。新版主要針對最近三年崛起的新庫 React、Vue 和 Ember 書寫了更新的用例，並覆蓋到了 Babel 編譯等場景。由此工具能夠獲得一些性能提高的結論，如 Chrome 更新了Function.prototype.bind的內部實現，使得 React 的 TodoMVC 應用響應性能提高了一倍多。?css

專題：React

React 實踐html

React Component 的八個選擇

Cory House 分享了他在推特上進行的 React 開發相關的調查：開發環境你們更傾向於使用 create-react-app；類型限制更傾向於 prop-types；樣式方案少數人會採用 CSS Modules 或 CSS-in-JS 的方案。除此之外，文章做者針對各個選擇都有總結，包括 createClass()仍是 ES Class、State 選擇、this 綁定等。（牆外）