iT邦幫忙

javascript相關文章
共有 5653 則文章

技術 JavaScript學習資源

欸咳... (清喉嚨 自從自我介紹篇以後,筆者人間蒸發兩個禮拜,除了被我們家善良和藹的教授親切地關注進度之外,大概就是忙一些年前的事情… 好咧!廢話不多說快進入...

徵才 多博科技 招募 JAVA軟體工程師(北部地區)

我們是多博科技 提供您優質的工作機會 讓轉換職涯跑道有更多選擇 職務所須技術經驗如下: JAVA 軟體開發經驗3年以上 HTML、CSS、JavaScript...

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

技術 [野人獻曝] Javascript 中 switch 的彈性用法

在使用 switch 來判斷條件時,通常以一個變數來比對多種可能值,例如: function checkColor(color){ switch(color...

活動 程式碼拼圖 - 預購募集中<聖誕節交換禮物就決定是你了>

你幹嘛把程式碼印在拼圖上啦!(一位工程師朋友對我說) 我是個喜歡做side project的工程師,有一天在玩拼圖的時候,意外想到了 何不把程式碼印在拼圖上呢?...

技術 【You Don't Know JS: Scope & Closures】Chapter 3 筆記

Chapter 2談過,每個範疇(scope)就像容器一樣,裡面包含各種的識別子(變數、函式)。 巢狀範疇(nested scopes)在撰寫程式碼時期就已經定...

技術 【You Don't Know JS: Scope & Closures】Chapter 2 筆記

範疇有兩種模型: 語彙範疇(Lexical Scope) 動態範疇(Dynamic Scope) Lex-time 語彙範疇(lexical scope)是...

鐵人賽 Modern Web
JavaScript Note 系列 第 31

技術 Async & Await

要處理同步/非同步的執行,在ES5以前是Callback Hell,ES6是Promise,ES7是async/await,語法更簡潔扼要。 我們先執行範例,也...

鐵人賽 自我挑戰組 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

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

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

鐵人賽 Modern Web DAY 29

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

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

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

技術 Day 29 Object.create

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

鐵人賽 自我挑戰組 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-...

鐵人賽 自我挑戰組 DAY 29

技術 Day29 - 原型

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

鐵人賽 Modern Web DAY 28

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

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

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

技術 Day 28 陣列與 for in

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

鐵人賽 Modern Web DAY 28

技術 27. Wavesurfer.js

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 自我挑戰組 DAY 27

技術 Day27 - 混合的 class 物件

是否 JavaScript 實際上具有類別 ( class ) 這種東西呢?直接明確的答案是:&quot;NO&quot;。 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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 30

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

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