來看看咱們爲你開的小竈 - TXD 前端月刊 201906 期

6月封面圖.001.jpeg

【阿里雲 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;前端領域急速發展的節奏從未停歇,在這個過去的六月裏,來看看咱們爲您準備了那些前端小竈吧~css

歡迎 訂閱 & 投稿前端

編輯:尹摯 校對:佐七vue

學習專欄

你可能不知道的 VS Code 高級特性

這裏整理了一份 35 個 VS Code 提升開發效率和體驗的高級功能列表,包含用法和視頻展現,能夠說是很是能提效的一些技巧。react

你用的那些 CSS 轉場動畫能夠換一換了

傳統轉場動畫就是滑來滑去,淡入淡出這些。時代在召喚,技術在發展,能夠試一試使用一些新的轉場動畫了。做者使用了 CSS3 的一些特性(clip-path、mask、濾鏡等)實現一些進階的轉場效果,只須要使用原生的代碼就能夠像 PPT 裏面那樣靈活的轉場。git

原生 JS 快速實現拖放效果

拖放是很常見的一種交互效果,不少時候咱們都會藉助於第三方的控件來實現,其實用原生 Javascript 實現起來也很是的方便。做者用很是簡潔的代碼實現了最基的拖放效果。程序員

1128277794-5d0ddbf1b2cb6_articlex.gif

Web Worker 實現多線程計算

JavaScript 語言採用的是單線程模型,也就是說,全部任務只能在一個線程上完成,一次只能作一件事。Web Worker 的做用,就是爲 JavaScript 創造多線程環境,容許主線程建立 Worker 線程,將一些任務分配給後者運行; 那何時應該使用 Web Worker,看完這篇文章你或許就有答案了;github

淺談小程序運行機制

小程序與普通網頁開發是有很大差異的,這就要從它的技術架構底層去剖析了。還有好比習慣 Vue,React 開發的開發者會吐槽小程序新建頁面的繁瑣,page 必須由多個文件組成、組件化支持不完善、每次更改 data 裏的數據都得 setData、沒有像 Vue 方便的 watch 監聽、不能操做 DOM,對於複雜性場景不太好,以前不支持 npm,不支持Sass,Less 預編譯處理語言。npm

新聞快爆

Node.js 十年回顧,你大爺仍是你大爺

Node.js 從 2009 年誕生開始,到如今已有 10 歲,在這 10 年裏,它的成長和成熟是你們有目共睹的。它因後端簡化併發編程而被關注,因做爲前端輔助開發工具而流行,因異步流程控制和回調地獄而被人詬病,因 npm 批量安裝模塊而被人敬仰。狼叔新書《更了不得的Node.js》,帶你打開Node.js世界的大門,領略大前端領域璀璨的星光。編程

目前可使用 ES10 的 5 個新特性

三月份的前端月刊中文咱們說起到 ES10 即將到來,截止今天爲止,已經有一些特性能夠經過 Babel 等工具使用了。canvas

PixiJS V5 發佈

跨設備的快速輕量 2D 引擎庫。 讓你能夠不須要關心 WebGL 深刻知識也能充分發揮硬件加速的優點,建立各類 2D 效果。 PixiJS 有不少有趣的 DEMO , 也能夠本身嘗試編寫一個例子

RoboMaster S1

大疆發佈首款教育機器人機甲大師 RoboMaster S1,啓蒙編程思惟,程序員要從娃娃抓起(實際上是本身想買個大玩具了~~)

工具推薦

grade.js

image.png

這個 JS 庫能夠從圖像提取兩種主要顏色,而後生成漸變色背景,主要經過 canvas 來讀取圖片的像素點,而後作相似於直方圖統計,獲得圖片中的主要色值。

react-use

必不可少的 React Hooks 集合,libreact 的端口。

theia

Theia 是一款很是靈活的 Web IDE,能夠經過擴展和插件的方式輕鬆完成定製化需求,官方也提供了豐富的內置擴展(文件、編輯器、終端、SCM...)若是你正在構建一個適用於本身企業的 Web IDE,不妨試試適用 Theia 進行擴展性開發。

會議回顧

GMTC 全球大前端技術大會

GMTC 全球大前端技術大會於 6.20 -  6.21 在北京順利召開,主題涵蓋工程化、移動開發、質量、小程序、架構、管理等前端的方方面面,也討總結了前端的過去,展望將來的趨勢。感興趣的同窗能夠到官網查看精彩回顧

VueConf 2019

2019 年 6 月 8 日來自全球各地的開發者齊聚上海,一塊兒見證了 VueConf 2019 的成功舉報,做者尤雨溪親臨現場,這裏爲你整理好了一份大會的演講資料(含視頻)

image.png
相關文章
相關標籤/搜索