前端技術月刊 ? 2019-02

聚焦前端，記錄過去一個月看到的優秀的文章，內容來源主要有 Github、Hacker News、Medium、掘金、Twitter、v2ex、uplabs 以及郵件RSS訂閱和發散閱讀。可能會有設計方面的分享，同時也會分享一些個人覺得比較好的應用。每月28日更新，本期第二期。同步到Github和我的部落格。

往期

時間	序號
2019-01	第一期

星推

Github Star 推薦

• Jsonnet

  Jsonnet - The data templating language

• Ant Design of Vue

  這裡是 Ant Design 的 Vue 實現，開發和服務於企業級後臺產品。

工具

• Top 50 Developer Tools of 2018

  一站式瞭解 Stack Share 為你提供的 2018 排名前50的開發者工具

• CSS Shapes Editor

  谷歌外掛，幫助開發者在Chrome DevTools中除錯 CSS Shapes 特性

• New Moon Theme For Chrome DevTools

  谷歌外掛，一款可代替 Chrome DevTools 預設暗色風格的暗色主題

• FlexSearch

  一個新一代的基於上下文進行全文搜尋的庫

• CodePan

  可以離線執行的程式碼執行環境，提供多種模版

• WebGradients

  WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

• CSS clip-path maker

  The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

• Split.js

  Unopinionated utilities for resizeable split views

• IconSvg

  ICONSVG is a tool to simplify the process of finding and generating common icons for your project.

教程

• An Introduction to CSS Shapes

  CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.

• Tasks, microtasks, queues and schedules

  任務，微任務，佇列

• 貝塞爾曲線入門

  A free, online book for when you really need to know how to do Bézier things.

• 資料視覺化基礎

  O'Reilly 新書《資料視覺化基礎》一書的線上預覽版

• Vue - Table表格渲染上千資料優化

  作者講解了通過設計一個 虛擬滾動 功能來優化渲染上千資料

• Writing Animations That Bring Your Site to Life

  作者將 Dribbble 上互動比較好的例子拿來做教程例子，個人比較喜歡這種學習方式。

閱讀

• So What’s New in Babel 7?

  Babel 釋出了 7.0 版本，將支援 JSX 以及 TypeScript 編譯

• Dropbox 的透明度報告

  自 2012 年起，我們每半年釋出一次報告，公佈我們收到的請求數量以及我們做出的迴應。

• What's New in ES2019

  ES2019來臨，Chrome73已經支援，來學習下 JavaScript 新特性

• React 16.8 釋出了

  React 16.8 將正式支援 React Hooks

• Vue 2.6 釋出了

  Vue團隊在年三十發布了 Vue 2.6 "Macross"

新奇

• 12 Incredible Pure CSS Experiments

  12個令人驚歎的CSS實驗專案

• 世界上第一張網頁

  World’s First Website, Created By Tim Berners-Lee In 1991

應用

平臺	應用	說明
Mac	eZip	專為 macOS 而設計的壓縮軟體
Mac	Carbonize	Generate gorgeous images from your code snippets. Ready to save or share.
Chrome	Chrome Themes	14款由 Chrome 團隊釋出的瀏覽器主題

原文：前端技術月刊 ? 2019-02