javascript - ZWH ZONE (Page 2)

[JavaScript] JavaScript 重要觀念： By Value & By Reference

May 1, 2018 5 min read javascript

通常初學者在撰寫 JavaScript 腳本時，相信都有碰到過一個問題，就是有時候會沒有辦法去掌握當前的變數 (Variable) 現在的狀態是什麼 ? ，尤其是針對物件 (Object)，的資料進行操作的時候，會發現物件內的元素不如自己的預期下面是常見的實際案例：可以閱讀後，去執行看看，如果執行的結果不是你預期的，那就應該認真把這篇文章看完了 let arr = [] let data = { id: 0 } for(let i = 0; i <

[Canvas] 使用 JavaScript 實作 canvas 畫筆的功能

Apr 3, 2018 4 min read Canvas

畫筆的功能大家都有玩過小畫家，我們可以使用小畫家的畫筆，輕鬆的畫出一些我們想要的圖案，相當的趣味也非常的方便畫筆的功後續也演變為一些電子簽證的機制，最近剛好也碰到了一些類似的需求決定在下方做個製作上的紀錄，下方提供了一個比較陽春的版本當作範例，也是為了方便理解他的製作方式 See the Pen Canvas 畫筆 [https://codepen.io/SkyRoxas/pen/eVQeeR/] by SkyRoxas ( @SkyRoxas [https://codepen.io/SkyRoxas]) on CodePen [https://codepen.io]

[Vue.js][踩雷篇] Vue v-on:click does not work on component

Mar 14, 2018 2 min read javascript

剛使用 Vue 進行前端開發的項目，往往會碰到一些自己想不到的問題與細節，在 Vue.js 踩雷篇的主題中進行紀錄：問題： * Vue v-on:click does not work on component * Vue 的 component 上使用 v-on 來綁定 click 等事件沒有反應 -------------------------------------------------------------------------------- 情境： > 以下為 webpack vue load

[JavaScript] 操作 iframe 元素，製作編輯的瀏覽畫面

Feb 5, 2018 3 min read javascript

這篇文章主要是在說明如何使用 JavaScrip 來對 iframe 進行操作紀錄與分享一下目前操作的經驗與方法 -------------------------------------------------------------------------------- 情境首先先描述一下常見的情境一般我們會需要直接操作 iframe 的需求，比較常見的就是會員後台或是一些工具的 GUI 介面通常使用者在操作後台提供的編輯介面時，旁邊可能都會專門用來 demo 使用者設定結果的 demo 畫面例如：WordPress 後台的自訂外觀如果你覺得手癢癢的去解析一下右邊那整塊示意的區塊，你會發現他們也是使用 iframe 的元素進行製作的為什麼要使用

[ES6 JavaScript] 模板字符

Jan 31, 2018 1 min read ES6

還在使用 + 號做字串的處理嗎？ ES6 中提供模板字符可以使我們更直覺的來進行字串的處理讓我們繼續往下看： -------------------------------------------------------------------------------- 在 ES6 之前，我們處理字串的方式，如下所示： var before = "hello" var after = "world" var string = "哇～ " + before + " " + after