鐵人檔案
源自公司內部練習專案，靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。
簡單來說就是設計奇奇怪怪的元件。
別看這些元件好像很沒用，實作起來反而更難啊！ᕕ( ﾟ ∀。)ᕗ
為了實現各類奇奇怪怪的需求，我們會結合各類知識或技術，從最基礎的三角函數、座標轉換，到物理引擎、Shader 等等。
大家如果有興趣的話，就和鱈魚一起來挑戰看看吧！(๑•̀ㅂ•́)و✧
提供更多範例，讓使用者了解此元件用法吧。( •̀ ω •́ )✧ 物體性質 調整物體性質，產生更多樣的交互作用。 src\components\wrapper-...
第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\components\wrapper-physics.spec.ts import { test,...
發想 設計一個停用時握把會被拉長的滑動條。 類似這樣。( ´ ▽ ` )ﾉ 規格 外觀設計 需要有軌道與握把 可設定握把顏色與尺寸 可設定軌道樣式 功能需求...
基本結構 滑動條主體很單純，使用 div 就可以完成，不過握把的部分需要使用 SVG 實現。 結構概念如下圖： 「容器」負責包裝所有內容，並提供水平移動的基...
第一步來新增測試檔案。 src\components\slider-stubborn\slider-stubborn.spec.ts import { moun...
提供更多範例，讓使用者了解此元件用法吧。( •̀ ω •́ )✧ 參數客製 展示客製化參數的效果。 src\components\slider-stubborn...
第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\components\slider-stubborn.spec.ts import { test,...
在社群分享酷酷的元件時，有人問到「元件有沒有不需要依賴 Vue 的版本？」 當時沒有，現在有了！(≧∇≦)ﾉ 甚麼是 Web Component Web Com...
讓我們也把 Web Component 頁面加上一點自動化測試吧！(/≧▽≦)/ 第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\web-compo...
