iT邦幫忙

javascript相關文章
共有 1324 則文章
鐵人賽 自我挑戰組 DAY 30

技術 Day30 - 原型繼承

原型式 ( Prototypal ) 繼承 如果沒有近似繼承的方法用,那會顯得有點空虛。 ( 那到底為什麼要和物件導向切割得這麼乾淨呢? ) functio...

鐵人賽 Modern Web DAY 30

技術 30. 結語

這是最後一篇了;這趟三十天的音樂漫遊也就到這邊結束了。 其實想要透過文章記錄下自己的學習歷程也想了挺久的,但一直礙於工作及自己的惰性,遲遲沒有真的起步。在辦公...

鐵人賽 Modern Web DAY 30

技術 29. Javascript 套件選集 - 總整理

本旅程的第二部分 - Javascript 套件選集 也結束啦~ 同樣的來回顧一下這兩個禮拜我們玩了什麼吧! Live Demo 我們一開始認識了 tonel...

鐵人賽 Modern Web DAY 30

技術 你不可不知的 JavaScript 二三事#Day30:ES10 醞釀中 —— 擁抱 JS の 未來

終於來到最後一天尾聲。 (Source: 白爛貓貼圖) 擁抱 JavaScript 的未來 這篇文章的題目是擁抱 JavaScript 的未來,就讓我們在尾聲...

鐵人賽 Modern Web DAY 30

技術 Amos除了這超過25種垂直置中外還有別的方式嗎?

老實說 Amos 從一開始寫垂直置中系列開始也想不到今天可以寫出 25種垂直置中技巧,其實鐵人賽寫到今天為止其實也生出了超過25種垂直置中的方式,只是有些概念頗...

鐵人賽 Modern Web DAY 30

技術 Day30 - 記憶方塊篇:難度控制 & 完賽感言

難度控制 在 Day22 我們有提到,隨著過了越多關,關卡會越來越難。我們這邊要讓題目變難的方法有兩個方向,第一個是題目會越來越長,光是這樣還不夠,而且我還希望...

鐵人賽 Modern Web DAY 29

技術 Day29 - 記憶方塊篇:遊戲關卡控制

前情提要 昨天我們做了下列這些功能 可以產生題目 generateLevelData() 可以循序播放題目音訊 playLevelSound(levelDat...

鐵人賽 自我挑戰組 DAY 29

技術 Day29 - 原型

在這之前一直看到 [[Prototype]] 在看過克服 JS 奇怪的地方,就有提到原型鍊。 在了解這樣的概念之後,就深深的覺得 JavaScript 在語言界...

鐵人賽 Modern Web DAY 29
教練我想學 JavaScript 系列 第 29

技術 Day 29 Object.create

Day 29 Object.create 與純粹的原型繼承 我們已經知道透過 new 運算子呼叫函數建構子可以建立物件, 但這種方式是為了模仿其他程式語言(Ja...

鐵人賽 自我挑戰組 DAY 29

技術 Day29 說說 Array 那些方法們

今天來整理那些 Array 方法們:) 陣列爲似列表的物件,利用索引值取內容值,透過 Array 所提供的方法,我們可以進行許多處理,今天就整理一下常見的這些...

鐵人賽 Modern Web DAY 29

技術 28 Rythm.js

最後一個套件,來個歡樂、輕鬆、簡單又有點ㄎㄧㄤ的套件吧 XD 這是什麼? Rythm.js 是個可以讓網頁依據指定音檔的高低起伏,隨之舞動的套件,透過特定的 c...

鐵人賽 Modern Web DAY 29

技術 你不可不知的 JavaScript 二三事#Day29:閉包 (Closures) 進階打怪實戰

昨天介紹了基本的閉包用法,本篇就來看一些比較進階的閉包應用,或是情境比較複雜的例子。 模擬 Class 物件導向用法中的私有成員變數效果 用過其他 Class-...

鐵人賽 Modern Web DAY 28

技術 Day28 - 記憶方塊篇:音樂播放及對錯判斷

記憶方塊是結合視覺和聽覺的記憶遊戲,今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先,我們要來產生題目並且播放題目,記得在 Day22 的時候我們有說明...

鐵人賽 自我挑戰組 DAY 28

技術 Day28 - 用 JS 做多重繼承?

前情提要 回想昨天的程式碼。 var Car = mixin( Vehicle, { wheels: 4, drive: function()...

鐵人賽 Modern Web DAY 28
教練我想學 JavaScript 系列 第 28

技術 Day 28 陣列與 for in

之前我們透過 for in 來察看物件中的屬性與屬性值, 但 for in 也可以印出陣列中的每個成員,因為陣列也算是一種特殊的物件, 程式碼如下: var a...

鐵人賽 Modern Web DAY 28

技術 27. Wavesurfer.js

第 27 篇了,旅程也到達了尾聲。 最後我們來玩玩一些音樂視覺化的套件吧~ 這是什麼? Wavesurfer.js 是一個建構在 Wab Audio API 之...

鐵人賽 Modern Web DAY 28

技術 你不可不知的 JavaScript 二三事#Day28:閉包 (Closures)

閉包 (Closures) 是 JavaScript 中名號響噹噹的一個概念。鐵人賽接近尾聲,終於輪到閉包出場。 閉包是什麼呢? 我們來看一下 W3School...

鐵人賽 自我挑戰組 DAY 27

技術 Day27 - 混合的 class 物件

是否 JavaScript 實際上具有類別 ( class ) 這種東西呢? 直接明確的答案是:"NO"。 JavaScript 是偽裝...

鐵人賽 自我挑戰組 DAY 27

技術 Day27 JS 之 你是誰

如何判斷在 JS 當中找出它屬於哪一類呢? 也許是因爲 JS 變數是動態型別,因此得知變數爲哪一個純值類型或物件類型,在許多書及文章中總是被熱烈討論。那麼今天就...

鐵人賽 Modern Web DAY 27

技術 26. Scribbletune - 音軌處理

今天我們將會繼續介紹 Scribbletune 中實用的特色功能 - Session 及 Channel。 Channel 昨天我們講到了 Clip,也就是音樂...

鐵人賽 Modern Web DAY 27
教練我想學 JavaScript 系列 第 27

技術 Day 27 函數建構子與 prototype

透過函數建構子能夠建立物件以及設定物件的的屬性與方法,那要如何設定物件的原型屬性呢? 回顧一下昨天透過函數建構子建立物件的程式碼, 程式碼如下: functio...

鐵人賽 Modern Web DAY 27

技術 Day27 - 記憶方塊篇:開始遊戲

禁止自動播放 開始遊戲的時候有一個開始按鈕,一方面可以提示玩家遊戲開始,讓玩家做好準備再開始遊戲。另一方面,由於我們遊戲的一開始就需要播放音樂,但是在2018年...

鐵人賽 Modern Web DAY 27

技術 你不可不知的 JavaScript 二三事#Day27:別管變數 Pass by Whatever,尋找容易理解的銀色子彈 (Silver Bullet)

(Source: 網路圖片) 昨天的文章談到 Pass by value 和 Pass by reference。 一個程式語言的變數運作機制究竟是 Pass...

鐵人賽 自我挑戰組 DAY 27
開源組織生態觀察筆記 系列 第 27

技術 [Day27] 網頁教學開源社群 --- freeCodeCamp

想轉職當網頁工程師,你有聽過 freeCodeCamp 嗎? 轉職寫網頁? 每當朋友說想要轉職當工程師,我都會推薦直接去寫網頁,因為資源豐富啊!而且市場需求...

鐵人賽 Modern Web DAY 7

技術 validate.js - 輕鬆完成表單驗證

validate.js 是一個方便用於表單驗證的 JavaScript 函式庫,透過 validate.js 你可以更簡單且完整的處理表單驗證的問題,那就來介紹...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 - 物件的屬性描述器

屬性描述器 在 ES5 之後,Javascript 用屬性描述器 ( property descriptor ) 來讓物件擁有,類似是否允許修改檔案的功能。...

鐵人賽 Modern Web DAY 26

技術 25. Scribbletune - Clip

昨天 我們一起認識了 Scribbletune 這個有趣的套件,如果你還沒看過昨天的文章,可以先去看完再回來喔~ 參考一下昨天最後使用的範例: Scribble...

鐵人賽 Modern Web DAY 28

技術 28. 實作Web即時共同編輯文件 (8) - 最後的BUG修正+小功能添加

真的是越複雜的功能,越容易出現不少的BUG,前面做了7篇原本以為我大概的狀況我都有抓到,直到昨天做完發現蠻多BUG,所以今天就來幫這個時做來做最後修正吧! 不同...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 var 與 ES6 let const 差異

var let const 三者有什麼差異呢? 入門前端時,買過一些課程,也包含 Javascript,但課程中沒有提到 let 及 const,後續許多範例中...

鐵人賽 Modern Web DAY 26

技術 你不可不知的 JavaScript 二三事#Day26:程式界的哈姆雷特 —— Pass by value, or Pass by reference?

(圖片素材來源: 網路圖片) 「To be or not to be, that is the question.」 這是莎士比亞經典《哈姆雷特》中,哈姆雷特...