標籤: javascript 頁1
TweenMax 教學- 序列動畫 Timeline
如果想要做序列動畫,可以使用 TimelineMax 來製作,使用方法首先 new 一個 TimelineMax 的物件,可以設定重複次數跟重複開始時間等,再對每個元素設定變化的值,就可以依序跑動畫了。
TweenMax 教學- Special properties
介紹 TweenMax 中 Special properties 的用法。
輕量的前端打包工具 parcel.js 安裝教學
近年前端在開發的時候往往都需要使用一些打包工具,方便我們在使用新的開發方式後可以在瀏覽器正常運作,其中最熱門的就是 webpack,但 webpack 本身很大也很複雜,如果想要感受打包工具威力的話,這邊我們可以先使用 parcel.js 這隻打包工具來幫助我們專案的開發。
[javascript] 利用 Math.max 和 Math.min 取得陣列或物件的最大(小)值
如果我們要在一個陣列或物件裡直接抓到最大或最小的值,用 ES6 寫法可以簡便很多。
[Vue.js] 利用 HTML5 File api
這邊紀錄一下用 Vue.js 使用 HTML5 File api 的方法。
JavaScript ES6 的展開運算子(Spread Operator)、其餘運算子(Rest Operator)
展開運算子(Spread Operator)和其餘運算子(Rest Operator)是 ES6 的其中兩種新特性,使用的符號都是(...),但使用起來的情境跟效果會不一樣。
如何在 vue-cli 專案裡面使用 Font Awesome
筆記一下如何在 vue-cli 下使用 Font Awesome 的圖示。
JavaScript ES6 的箭頭函式(Arrow function)
關於 JavaScript ES6 中箭頭函式的用法與說明。
[Vue.js] Vue3 透過 v-model 在 component 傳遞資料
當在自訂 component 使用 v-model 時,component 接收一個 modelValue 的值,然後透過觸發 update:modelValue 事件來更新該值。
JavaScript 的 forEach,filter, find, map 用法
介紹 JavaScript 裡好用的 forEach,filter, find, map 使用方法。
javascript 的事件捕獲與事件冒泡
認識一下 javascript 的事件捕獲與事件冒泡。
將 After Effect 轉 svg 動畫的工具套件- bodymovin
After Effect 是很多人在製作動畫時的好幫手,而 svg 的動畫近年來也在網頁上有越來越吃重的表現,但以往 AE 只能輸出影片,手寫 svg 動畫又太耗時,而現在有 bodymovin 這個工具就可以幫我們同時解決這兩個問題了。
[Vue.js] 計算選取的 checkbox 數量
利用 vue.js 來計算 checkbox 選取的數量。
javascript 的變數與常數,var 與 let 的差別
介紹 js 裡 var, const 與 let 的差別。
javascript 的 BOM 與 DOM
說明 javascript 中 BOM 與 DOM 的差別。
javascript 的一些陣列操作方式
一些常見的 javascript 陣列操作方式。
[Vue.js] 官方推薦的非同步工具- axios
要在 vue 裡面使用非同步讀取資料的功能,可以使用 axios 這個官方推薦的工具。
[Vue.js] 透過 axios 的 ajax 上傳
如何透過 vue.js 達成 axios 的 ajax upload