XD Plugin - Selection 與 Scenegraph 運用

XD 中提供了一些可以調用的 API,可以透握 require() 引入模塊來使用。

XD Plugin 入門 - 建立與 UI 介面篇

上禮拜公司的設計師和我說,他想要有一個可以拖曳 icon 的 XD 插件,然後說 XD 文件上說只要會 HTML, CSS 和 JS 就可以做了,最後烙下一句狠話:『這個你不會做的話,那還說你是前端工程師?』聽到這句話,燃起我的熊熊鬥志,趁著清明連假、防疫之餘,就找個時間研究一下~

TypeScript - Classes

本篇的主旨:

  • Class 的運用
  • Class + Interface 的運用

TypeScript - Interfaces

Interfaces + Classes = TS 提高程式碼複用性。
這一篇主要是介紹與了解 Interfaces 的作用,並會在下一篇文章介紹 Classes 與兩者併用的技巧與好處。

TypeScript - 資料型別 和 Type Annotations

你是否有打開過某一個專案,發現裡面的變數名稱是 a, b, c 等,完全無法透過變數直接了解其作用?此時若是使用 TypeScript,就可以透過型別的註釋,加速了解正在傳遞的數據類型,進而提高程式碼的可讀性。

快速入門 - TypeScript 的 What? Why? How?

What is TypeScript?

1
TypeScript = JavaScript + A type System

用範例理解 JS Promise

Promise 的好用之處在於,可以確保事件完成後再執行後面的行為,也解決了傳統 callback 波動拳的問題。它用 resolve, reject 來傳遞函式執行後為成功或是失敗的訊息,再用 then 與 catch 來做對應處理。這一篇就用範例快速了解一下 Promise 怎麼用吧!

初探前端 Unit Test

上上個禮拜參加 MOPCON 2019 時,聽到神 Q 超人介紹了『我們與測試的距離』,當時他問了在場的會眾說:『有聽過單元測試的舉手?』現場大概有八成的人都舉手了,接著他再問:『有在前端導入測試的舉手?』結果很意外的,居然幾乎沒有人舉手!

Lottie 輕鬆實現動畫效果

Lottie 是 Airbnb 開源的跨平台動畫函式庫,設計師可以透過 Adobe After Effects 做出動畫後,經由一個 Bodymovin 的擴充功能輸出 JSON 格式。接著再由工程師透過 Lottie 函式庫讀取 JSON 資料來呈現出動畫。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×