前端小報 - 201902月刊

阿里巴巴TXD發表於2019-03-01
前端

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

前端小報 - 201902月刊

歡迎 訂閱 & 投稿

本期小編：damujiangr (墨止)

新聞快報

React v16.8 釋出: The One With Hooks

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` 的按鈕，點選即可。

      前端小報 - 201902月刊

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

    前端小報 - 201902月刊

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

  • 加入 kleampa/not-paid 後，如果設定的日期即將到來，那麼網頁會逐天變得越來越透明，直到完全消失

是時候打造一款屬於自己的AI助手了

  • 使用 leon-ai/leon 即可打造屬於自己的AI助手
  • 安裝過程中注意需要某些必要的包：如 brew install pipenv

工具推薦

Animation in React

Webpack 5 的新特性

  • 通過持久快取提高構建效能
  • 程式碼拆分功能更加強大，更智慧的分析模組大小
  • Name Chunk ID 不需要在使用註釋定義，而是使用如下配置：
optimization: { chunkIds: 'named' }複製程式碼
  • 儘量遵循在內部作出改變的原則，而不會破壞使用方式

熱門文章

給2019前端的5個建議

  • 不斷學習 Redux/TypeScript 等等，造輪子覆蓋全鏈路，程式設計師一直在路上

近一萬字的ES6語法知識點補充

  • ES2019 都來了，快來補充學習起來

研發團隊資源成本優化實踐

  • 主要介紹了成本投入與產出的背景、實踐過程中的幾個階段，可以對自己的團隊管理進行了一個對照和覆盤

福利來了

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


相關文章