標籤: javascript 頁1

教學

[Vue.js] 官方推薦的非同步工具- axios

要在 vue 裡面使用非同步讀取資料的功能,可以使用 axios 這個官方推薦的工具。

教學

[Vue.js] 透過 axios 的 ajax 上傳

如何透過 vue.js 達成 axios 的 ajax upload

教學

[Vue.js] 使用 computed 把既有的值作轉換

在 Vue.js 裡,常常使用 computed 讓我們就既有的值做進一步的轉換,並比較與 watch 的差別。

教學

javascript 的變數與常數,var 與 let 的差別

介紹 js 裡 var, const 與 let 的差別。

教學

[Vue.js] 使用 v-cloak 解決 Vue Instance 顯示變數的問題

我們使用 Vue.js 的時候,都會有頁面剛進入的時候會看到 vue 的變數像是 {{ data }} 這樣的問題,或是我們設定 v-if 或 v-show,在頁面進入時會先出現一瞬間才消失,這時候我們只要使用 v-cloak 就可以解決了。

教學

script 標籤中的 async 與 defer 的差別

而在 HTML 5 之後,我們可以利用在 script 讀取外部資源的事後加上 async 或 defer 來幫我們優化頁面渲染的時間點,這邊就這兩個的差別簡單的說明一下。

教學

[jQuery] 偵測與指定卷軸位置

在 html5 之後我們可以輕易的在輸入欄位加上浮水印的文字,只要添加 placeholder 這個屬性,並設定想要顯示的值就好了。 那如果我們想要改變浮水印的樣式,只要使用 ::placeholder 這個選擇器就好了。

教學

使用預設瀏覽器開啟網頁,解決在手機 app WebView 下使用一些功能(例如 facebook 等第三方登入)失效問題

最近在開發專案遇到一個問題,就是當我用 facebook 串接登入時,發現如果是使用 line 分享,就會沒辦法順利登入,原因是手機 app 如果使用 WebView 會限制不少 javascript 的應用還有 cookie 的存取,後來發現能夠解決的方法就是強迫使用者不要在 app 的 WebView 下使用就好了。

教學

[Facebook] 客製化 facebook 登入

使用 facebook javascript SDK 簡單製作登入登出功能。

教學

[javascript] 替你的網頁加上密碼

我們可能會遇到一個需求適當網站還沒有正式上線前,避免有人不小心試到網址,或是透過搜尋引擎不小心跑進來,這樣內容就會被看到,這邊可以簡單地用一個 javascript 幫我們處理這個問題。

教學

GSAP 的 TweenMax 基礎教學

GSAP(GreenSock Animation Platform)是一個老牌的動畫服務,以往用在 flash 上,後來在 js 也都可以拿來使用,最近也滿多人把這隻應用在專案上,所以這邊也來介紹一下。

教學

[Vue.js] 偵測滑鼠位置

要在 Vue.js 裡偵測滑鼠的位置,只要抓 mousemove 的事件就好了,接著再去抓取 event.clientX 跟 event.clientY 就好。

教學

[Vue.js] 在 component 裡面置換不同內容: slot

我們可能會遇到有些時候共用的 component 裡要做一點不同的變化,但如果為了這點而多做一個 component 又會變成要維護另一個很類似的東西而覺得麻煩,這時就可以使用 slot 來幫我們達成這個需求。

教學

[Vue.js] component 狀態保留- keep-alive

如果我們利用 is 切換 componet,預設 componet 會整個更新,也就是說如果我們有更新 component 裡面的資料的話,會被整個刷新成初始狀態,這時我們就可以利用 keep-alive 來幫我們做 cache。

教學

[Vue.js] component 的 動態元件(Dynamic-Components):is

我們可以使用 vue 的 is 來做到動態切換 component 的效果。

教學

[javascript] 複製內容至剪貼簿

要複製頁面上的內容,我們可以使用 exeCommand('copy'),但首先要複製的內容需要存在頁面上,可以參考以下寫法。

教學

[Vue.js] 自訂上傳按鈕

簡單敘述使用 Vue.js 處理上傳檔案的方法。

教學

[Vue.js] 簡單計時器

簡單說明使用 vue.js 搭配 setInterval 來製作一個計時器的方法。