這個章節主要是介紹物件的結構，和他本身所擁有的各種預設的方法。 語法 有兩種形式 宣告式 ( declarative，或稱字面值 literal ) 建構式...
在前端開發時經常會遇到需要處理日期或是時間的問題，而在 JavaScript 撰寫上經常都會需要用很多函數來處理與轉換，因此推薦大家使用 moment.js。m...
這是第一次在這裡發文，這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。 遇到的問題：按下按鈕之後要呼叫寫在同一頁的Javascript func...
在 JavaScript 中除了純值外其他東西都是物件，物件的原型屬性可以參考另外一個物件的屬性與方法， 我們先新增一些空的物件、函數、陣列，程式碼如下： va...
結束了連續三天的音序機之旅，是否覺得互動式音樂非常有趣呢？接下來讓我們玩玩另一個有趣的音樂套件 - Scribbletune。 這是什麼？ Scribbletu...
設計動機 很多人相信眼見為憑，只相信看得到和摸得到的東西是存在的。但是這個世界上很多事物雖然看不到，但是卻確實存在。例如愛，愛不是以物質的形式來存在，看不到，摸...
今天我們要來做自訂表格內容和連線列表，既然建立表格的方法都訂好了，當然要能從前端建立啊!XD 各畫面區塊建立 這次我想做4個畫面登入畫面、文件選擇畫面、文件建立...
一切都按順序來 預設繫結 ( default binding ) 是這四個規則中優先序最低的。 Test 1 隱含繫結 和 明確繫結 function foo(...
接下來開始會談到 JavaScript 的物件導向(Object Oriented)和原型繼承(Prototype Inheritance)的觀念，當談到物件導...
欸對，就是音序機的第三天。一個不小心玩得太開心，就又長出了一些功能，一起來看看吧！ 點擊 & 觸碰事件 一格一格點實在太慢了，還是來仿照前人的智慧，寫個...
前情提要 今天我們要來實作記憶方塊的主畫面區塊，在昨天的努力之下，我們已經把區塊都規劃好了，接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...
上一篇介紹到立即函數 (Self-Invoking Functions) 的用法，過程有沒有產生一個疑惑？ 例如大費周章包裝了一個立即函數： (function...
Day19 的文章曾介紹傳統函數定義 (Function Definition) 的 100 種 4 種寫法，定義了也得有人呼叫才有用，那今天來介紹函數呼叫 (...
今天是一些小地方的修正，其實做到這邊還有很多需要修正的地方，一個是重整後編輯中的顏色不會重新讀取，一個是編輯中關閉不會回船取消編輯，就是在編輯的人沒移開編輯中的...
This 完全取決於呼叫地點。 呼叫地點 就是函式被呼叫的地方。 function foo() { console.log( "foo&quo...
因為 JavaScript 一級函數的特性，函數是一種特殊的物件，函數的參數可以傳入函數，也可在函數中回傳函數，課堂講師提到身為一個程式設計師，總是懶得打重複的...
其實，這個音序機在原本的鐵人三十天計畫中，大概只佔了一天的篇幅，但筆者寫著寫著就越寫越開心，不知不覺就玩開了，文章都不寫整天刻網站，啊哈哈哈哈哈。 今天就紀錄一...
繪製頁面草稿 按照慣例，我們先來畫一下我們整個遊戲畫面呈現的草稿，下面是我對整個遊戲面化的初步想像。 我把所有的元素都集中放在中間區塊，因為人的視線比起左右移動...
今天要來幫編輯中的表格更換顏色，顏色就是昨天做的使用者顏色，這次是要放到編輯的cell內，並且鎖住不讓其他人同時編輯。 幫編輯中的表格著色 我發現直接對表格誆著...
當呼叫函數時執行環境會被丟進執行堆最上方執行，函數的執行環境中我們已經知道也會有變數環境、外部環境、以及特殊變數 this ， 在全域環境中我們不管是透過函數陳...
昨天我們聊到的 Tone.js 的強力功能 - 排程播放，那麼就來玩玩看許多高手前輩都做過的 音序機 吧～ Sequencer 音序機，顧名思義，就是能夠把聲音...
第一個入門 JS 的實作學習目標 上一篇我們完成了 Todolist 的畫面，接著我們要開始操作它。主要會有三個方法。 觸發事件(當加號被點擊) 新增待完成...
總結鐵人賽這 30 天的想法與感謝。 一些想法... 看過一些 JavaScript 書籍好的其實我看的書不多，像是 JavaScript Info、Java...
昨天 Day21 我們已經說明了我們所需要的物件以及規則，為了要實現這些功能及規則，我們要來規劃我們需要哪些參數來幫助我們實現。 跟前面一樣，我們使用 crea...
今天文章輕鬆一點，來介紹一個簡單的 ES6 新特性：Enhanced Object Literals。 什麼是物件實字 (Object Literals) 平常...
3. 顯性函數綁定 (Explicit Function Binding) 3.1. Function.prototype.bind() 篇 傳統函數 Func...
昨天我們做到能互相傳遞編輯的文字，今天我們要來實現上線的名單吧！ 建立上線名單 首先我們來做一下上線名單的樣式，Day11一個Select元素裝進去太醜了，這次...
This 的動機與用處 先試試看能不能了解 this 的意思吧。 function identify() { return this.name.toUp...
https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節，需透過 JS 處理會更好，...
https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...
Tony Lin
六角學院
Jimmy
Gary
Taiming
Homura
OneJar
Lai
Summer
Casio
iThome鐵人賽
看影片追技術