前端小報 - 201902月刊

時間 2019-11-17

標籤前端小報 201902月简体版

原文原文鏈接

【AIS-TXD前端技術月刊】- 本月熱門前端技術快報，匯聚 Github Trending 流行 Repo 和熱門文章，文末有福利javascript

歡迎訂閱 & 投稿html

本期小編：damujiangr (墨止)前端

新聞快報

React v16.8 發佈: The One With Hooks

Hooks 上手介紹
額外：React 終於開始作國際化了，之後國內的新手們就能看到中文文檔的 React 了，目前正在招募 Contributors，有興趣的能夠參看 Is React Translated Yet? ¡Sí! Sim! はい

Vue v2.6 發佈: 代號：Macross

準備與 v3.0 版本接軌了
Slot 引入了新的模版語法， v-slot (默認插槽) v-slot:name (具名插槽)
異步錯誤處理、編譯警告位置信息等等
專欄連接

Flutter 1.2 發佈

Flutter 1.2 是自第一個測試版本，歷時一年後，發佈的第一次 feature update
除了提高了核心框架的穩定性、性能和質量，完善如今的widget，重要的是爲開發者提供了基於 Web 的開發工具，之後還可能會直接構建到VS Code中

widget inspector 支持樹狀層級結構的可視化
timeline view 支持幀級別的診斷，發現渲染和計算的問題
full source-level debugger 支持設置斷點、單步執行，查看調用堆棧
logging view 可以顯示 app 中的日誌、網絡、框架和垃圾回收事件

官方介紹連接

支付寶小程序向我的開發者開放公測

小程序這場圍繞流量、場景、創意等諸多概念的新風口，每一家公司都想要分得一杯羹，愈來愈多的小程序、輕應用涌現出來，支付寶小程序開發公測，說明技術架構上已趨穩定
支付包小程序入駐連接
這裏還有一篇技術稿，爲支付寶小程序首席架構師白招拒，解讀支付寶小程序的技術架構和開發特色，《獨家！支付寶首次披露其小程序技術架構》

阿里雲 ARMS 推出小程序監控

基礎服務的角色來了，能夠用於及時發現卡頓、緩慢和一些錯誤，讓小程序再也不裸奔
目前支持狀況：釘釘E應用、支付寶小程序、微信小程序、其餘符合標準的小程序
前端監控接入概述

Next.js 8 新增支持 Serverless

支持 Serverless 能夠極大的提升應用開發的可靠性和可伸縮性，啓用也很簡單，查看官方詳細介紹

// next.config.js
module.exports = {
  target: "serverless",
};複製代碼

Ant Design of Vue

近日有開發者基於 Ant Design 的設計語言，開發了一套基於 Vue 組件庫，喜歡 antd 風的 Vue 開發者有福利了
使用體驗方面，跟 Ant Design 官網的更新要滯後一些，感官上仍是很不錯的

TSLint in 2019

隨着TypeScript生態的不斷壯大，TSLint也在不斷演進，準備提供更多的能力，更加擁抱社區共同發展，和對 ESLint 的兼容，讓開發者能夠無縫切換

npm 推出企業版 npm Enterprise

主打安全性，提供額外的控制權限，還能夠定製CI/CD系統集成流程，能夠理解爲企業私服，好比阿里內部的tnpm與開放的鏡像的cnpm

Github Trending

好用的代碼片斷查看工具推薦者：x-cold

將某一個文件的倉庫地址的 github.com 替換爲 github.githistory.xyz ，回車便可訪問到代碼變動的記錄。也能夠安裝瀏覽器插件 Chrome 或 Firefox，在某個文件的網頁上就能看到一個 `Open in Git History` 的按鈕，點擊便可。

對於本地倉庫，可使用命令訪問 npx git-file-history path/to/file.ext
Github 倉庫：pomber/git-history

讓網站變的透明直到消失的方案

加入 kleampa/not-paid 後，若是設置的日期即將到來，那麼網頁會逐天變得愈來愈透明，直到徹底消失

是時候打造一款屬於本身的AI助手了

使用 leon-ai/leon 便可打造屬於本身的AI助手
安裝過程當中注意須要某些必要的包：如 brew install pipenv

工具推薦

Animation in React

使用 React 寫動畫並不容易，可是借用 `@nearform/react-animation` 提供的組件和預製的 keyframes，就會讓動畫實現變得輕鬆起來
使用入門文章
@nearform/react-animation in NPM

Webpack 5 的新特性

介紹了 Webpack 5 即將帶來的新特性 New Features in Webpack 5

經過持久緩存提升構建性能
代碼拆分功能更增強大，更智能的分析模塊大小
Name Chunk ID 不須要在使用註釋定義，而是使用以下配置：

optimization: { chunkIds: 'named' }複製代碼

儘可能遵循在內部做出改變的原則，而不會破壞使用方式

福利來了

春天來了，又到了金三銀四的季節，咱們是阿里巴巴「研發效能部-體驗技術」團隊，一個集前端、視覺、交互的綜合性團隊，致力於阿里集團全球數據中心和DevOps的數字化、自動化、智能化的體驗設計和前端體系化建設，打造企業級數據可視化產品、探索將來前沿科技創新產品，這裏有酒有故事，就等你來，簡歷請投：`thomasyang.ypf#alibaba-inc.com`、`longbo.ylb#alibaba-inc.com`vue