標籤: 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