終於來到最後一天尾聲。 (Source: 白爛貓貼圖) 擁抱 JavaScript 的未來 這篇文章的題目是擁抱 JavaScript 的未來，就讓我們在尾聲來...
難度控制 在 Day22 我們有提到，隨著過了越多關，關卡會越來越難。我們這邊要讓題目變難的方法有兩個方向，第一個是題目會越來越長，光是這樣還不夠，而且我還希望...
前情提要 昨天我們做了下列這些功能 可以產生題目 generateLevelData() 可以循序播放題目音訊 playLevelSound(levelDat...
Day 29 Object.create 與純粹的原型繼承 我們已經知道透過 new 運算子呼叫函數建構子可以建立物件，但這種方式是為了模仿其他程式語言(Jav...
今天來整理那些 Array 方法們:) 陣列爲似列表的物件，利用索引值取內容值，透過 Array 所提供的方法，我們可以進行許多處理，今天就整理一下常見的這些...
最後一個套件，來個歡樂、輕鬆、簡單又有點ㄎㄧㄤ的套件吧 XD 這是什麼？ Rythm.js 是個可以讓網頁依據指定音檔的高低起伏，隨之舞動的套件，透過特定的 c...
昨天介紹了基本的閉包用法，本篇就來看一些比較進階的閉包應用，或是情境比較複雜的例子。 模擬 Class 物件導向用法中的私有成員變數效果 用過其他 Class-...
在這之前一直看到 [[Prototype]] 在看過克服 JS 奇怪的地方，就有提到原型鍊。在了解這樣的概念之後，就深深的覺得 JavaScript 在語言界的...
記憶方塊是結合視覺和聽覺的記憶遊戲，今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先，我們要來產生題目並且播放題目，記得在 Day22 的時候我們有說明...
之前我們透過 for in 來察看物件中的屬性與屬性值，但 for in 也可以印出陣列中的每個成員，因為陣列也算是一種特殊的物件， 程式碼如下： var ar...
第 27 篇了，旅程也到達了尾聲。最後我們來玩玩一些音樂視覺化的套件吧～ 這是什麼？ Wavesurfer.js 是一個建構在 Wab Audio API 之上...
閉包 (Closures) 是 JavaScript 中名號響噹噹的一個概念。鐵人賽接近尾聲，終於輪到閉包出場。 閉包是什麼呢？ 我們來看一下 W3School...
前情提要 回想昨天的程式碼。 var Car = mixin( Vehicle, { wheels: 4, drive: function()...
是否 JavaScript 實際上具有類別 ( class ) 這種東西呢？直接明確的答案是："ＮＯ"。 JavaScript 是偽裝成...
如何判斷在 JS 當中找出它屬於哪一類呢？ 也許是因爲 JS 變數是動態型別，因此得知變數爲哪一個純值類型或物件類型，在許多書及文章中總是被熱烈討論。那麼今天就...
今天我們將會繼續介紹 Scribbletune 中實用的特色功能 - Session 及 Channel。 Channel 昨天我們講到了 Clip，也就是音樂...
透過函數建構子能夠建立物件以及設定物件的的屬性與方法，那要如何設定物件的原型屬性呢？ 回顧一下昨天透過函數建構子建立物件的程式碼，程式碼如下： function...
禁止自動播放 開始遊戲的時候有一個開始按鈕，一方面可以提示玩家遊戲開始，讓玩家做好準備再開始遊戲。另一方面，由於我們遊戲的一開始就需要播放音樂，但是在2018年...
老實說 Amos 從一開始寫垂直置中系列開始也想不到今天可以寫出 25種垂直置中技巧，其實鐵人賽寫到今天為止其實也生出了超過25種垂直置中的方式，只是有些概念頗...
(Source: 網路圖片) 昨天的文章談到 Pass by value 和 Pass by reference。 一個程式語言的變數運作機制究竟是 Pass...
想轉職當網頁工程師，你有聽過 freeCodeCamp 嗎？ 轉職寫網頁？ 每當朋友說想要轉職當工程師，我都會推薦直接去寫網頁，因為資源豐富啊！而且市場需求...
屬性描述器 在 ES5 之後，Javascript 用屬性描述器 ( property descriptor ) 來讓物件擁有，類似是否允許修改檔案的功能。...
昨天 我們一起認識了 Scribbletune 這個有趣的套件，如果你還沒看過昨天的文章，可以先去看完再回來喔～ 參考一下昨天最後使用的範例： Scribble...
validate.js 是一個方便用於表單驗證的 JavaScript 函式庫，透過 validate.js 你可以更簡單且完整的處理表單驗證的問題，那就來介紹...
真的是越複雜的功能，越容易出現不少的BUG，前面做了7篇原本以為我大概的狀況我都有抓到，直到昨天做完發現蠻多BUG，所以今天就來幫這個時做來做最後修正吧！ 不同...
var let const 三者有什麼差異呢？ 入門前端時，買過一些課程，也包含 Javascript，但課程中沒有提到 let 及 const，後續許多範例中...
人除了視覺的記憶以外，也有聽覺的記憶，Day25 我們已經讓方塊有了迷幻的動畫，並且點擊的時候可以發亮，今天我們希望除了發亮之外，點擊的時候也可以發出聲音。 抓...
(圖片素材來源: 網路圖片) 「To be or not to be, that is the question.」 這是莎士比亞經典《哈姆雷特》中，哈姆雷特王...
在初步認識完物件的原型(Prototype)觀念後，接著來說另一個建立物件的方法，之前說過透過物件實體語法(兩個大括號)、或使用 new Object() 都可...
今天就來完成最後的部分吧！最後要載入和建立自訂的文件，首先來先來做建立文件的部分 建立自訂文件 首先先建立切換畫面事件，讓建立文件的Button能切換頁面 go...
OneJar
Taiming
Jimmy
Lai
Gary
Tony Lin
CSScoke
nienzu
六角學院
Homura
iThome鐵人賽
看影片追技術