iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 11

技術 Day11 - 貪吃蛇篇:前言及功能構想

前言 談到經典小遊戲,除了圈圈叉叉遊戲之外,還有一個家喻戶曉的遊戲,就是貪吃蛇,雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗,越來越炫砲,但是經典的遊戲終究還...

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

技術 Day 11 比較運算子

我們將運算子的優先性和相依性以及強制型轉 一起結合起來看,來解釋一些 JavaScript 看似奇怪的行為當我們討論時,你就會更瞭解更熟悉一些我們講到一些奇怪的...

鐵人賽 Modern Web DAY 13

技術 你不可不知的 JavaScript 二三事#Day13:看 Strict Mode 如何施展「還我漂亮拳」(2)

嚴謹模式下你不能做的事 (續) 8. 不能對不可刪除的屬性 (undeletable properties) 使用 delete 運算子 一般模式下,dele...

鐵人賽 Modern Web DAY 13

技術 13. 實作一個共用塗鴉牆 (2) - signal同步畫板

今天要來做塗鴉牆第2部分,首先我們得想想該回傳些什麼,制定一個Json格式回傳回去。 前端部分 連接部分程式碼先寫好 var connection = new...

鐵人賽 Modern Web DAY 19
你懂 JavaScript 嗎? 系列 第 19

技術 你懂 JavaScript 嗎?#19 原型(Prototype)

本文主要會談到 類別、建構子與實體。 什麼是原型串鏈?原型串鏈的功用是? 什麼是原型式繼承? 疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的?如何分...

鐵人賽 自我挑戰組 DAY 11

技術 Day11 - 寬鬆相等 VS. 嚴格相等

第七章的最後部分 四天弄下來,不管是 明確的、隱含的 還是相等性。已經是處在被問不倒的狀態。就算答錯,也能馬上意會,哪裡出問題。(阿不是問不倒?) 一句話回想四...

鐵人賽 Modern Web DAY 11

技術 10. Web Audio API - 分析結點

第十天,本系列文關於 Web Audio API 的部分也逐漸邁向尾聲。今天要介紹的是做頻譜分析、音檔視覺化必要的 AnalyserNode。 Analyser...

鐵人賽 Modern Web DAY 12

技術 你不可不知的 JavaScript 二三事#Day12:看 Strict Mode 如何施展「還我漂亮拳」(1)

Day11 的文章介紹 JavaScript 中的嚴謹模式 (Strict Mode) 是什麼、如何使用、為什麼要用,並舉了簡單的例子來示範。 嚴謹模式 (St...

鐵人賽 Modern Web DAY 11

技術 你不可不知的 JavaScript 二三事#Day11:Strict Mode (嚴謹模式)

JavaScript 在語法的限制上很寬容,這是它容易上手的優點,不會在學習初期就用一堆語法規則打擊你。 但方便和安全永遠是一體兩面。 就像機場安檢,如果太過嚴...

鐵人賽 影片教學 DAY 25

技術 DAY24 一個口令一個動作 - Redux Action

DAY24 一個口令一個動作 - Redux Action 範例程式碼:https://github.com/max80713/react-30-days 有...

鐵人賽 Modern Web DAY 10
Daily UI : 開發者版 系列 第 10

技術 Vuetify:Account Settings

https://codepen.io/hereiscasio/pen/mzKZzx?editors=1000 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 12

技術 12. 實作一個共用塗鴉牆 (1) - 前端塗鴉板製作

今天我們來實作一個共用塗鴉牆,其實之前看到Canvas的應用一直想玩玩看,但是一直都沒時間玩,剛好這次SignalR實作可以用到!XD 今天先做前端塗鴉的實作,...

鐵人賽 Modern Web DAY 10

技術 Day10 - Tic Tac Toe篇:Single Play機制

Single Play機制 昨天完成判斷勝負功能之後,我們剩下最後一個功能,就是讓玩家可以跟電腦對弈,回憶一下 Day03 的時候,我們有設計一個 isSing...

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

技術 Day 10 運算子

運算子是一個特殊的函數但它和其他你自己寫的函數不同一般來說,運算子需要兩個參數來回傳一個結果讓我們看看例子 var a = 3 + 4; console.log...

鐵人賽 Modern Web DAY 10

技術 09. Web Audio API - 音源 Part.2

延續昨天的話題,今天要來玩玩看麥克風收音! 麥克風收音 收音也不是我們網站想收就能收的,要先透過 navigator.mediaDevices 的 getUse...

鐵人賽 Modern Web DAY 9
PWA, Severless, GraphQL實作 系列 第 10

技術 Gatsby.js 未來的網頁10:GraphQL Filter & Sort

上一篇中,我們完成了一個簡單的Index頁面。今天,我們再加一些功能:1)在文章中設定是否為草稿,若是,則index不顯示,這可以透過GraphQL的filte...

鐵人賽 Modern Web DAY 18
你懂 JavaScript 嗎? 系列 第 18

技術 你懂 JavaScript 嗎?#18 (簡易版)物件導向概念

本文主要會談到簡單的物件導向概念,作為後續「原型」(Prototypes)的暖身。 類別(Class)、建構子(Constructor)、實體(Instanc...

鐵人賽 Modern Web DAY 10

技術 你不可不知的 JavaScript 二三事#Day10:程式也懂電梯向上? —— Hoisting

有沒有注意過 JavaScript 裡一個神奇的現象? 比如以下程式: console.log(x); 執行結果: Uncaught ReferenceErr...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 - 隱含的強制轉型

今天來介紹隱含的強制轉型。隱含強制轉型,就是 JS 在一些運算上,自動幫你做轉型。如果再不明白背後運作的原理,的確會用到滿肚子怒火。 隱含的強制轉型 (impl...

鐵人賽 Modern Web DAY 11

技術 11. 實作一個連線名單

今天要來個小型的實作一個連線名單,連線名單可以讓你知道目前在線的人有誰(廢話),之前的範例都是在進入時傳送訊息給所有人,如果是中途進來的人,是無從得知目前有哪些...

鐵人賽 Modern Web DAY 9

技術 Day09 - Tic Tac Toe篇:勝負判斷方法(2/2)

勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷,今天我們要來完成右斜和左斜方向的勝負判斷,我這邊先把這兩個方向命名為 forwardSl...

鐵人賽 Modern Web DAY 9
Daily UI : 開發者版 系列 第 9

技術 Vuetify:Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

鐵人賽 Modern Web DAY 17
你懂 JavaScript 嗎? 系列 第 17

技術 你懂 JavaScript 嗎?#17 物件(Object)

關於物件,本文會提到 語法:宣告式與建構形式。 型別:再次複習 typeof、使用 instanceof 判定物件子型別。 內容:屬性值的存取、物件的複製(...

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

技術 Day 9 JavaScript 型別裡的純值

讓我們來講講另一個概念,JavaScript 中的型別,Javascript 很特殊,不同於其他你可能正在使用的程式語言,特別是在變數的資料和型別的部分,以及...

鐵人賽 自我挑戰組 DAY 9

技術 Day9 - 明確的強制轉型

先談談明確的強制轉型,和一些看似明確,但只有知道才能當明確再用。明不明確,是看程式碼的人的程度決定的事情。 明確的強制轉型 Explicit Coercion...

鐵人賽 Modern Web DAY 9

技術 08. Web Audio API - 音源 Part.1

音效處理節點玩了不少,今天就來看看一直忽略的音源部分能玩出什麼變化吧! 振盪器 Oscillator 到目前為止,前面所有的範例,音源都是透過 const os...

鐵人賽 Modern Web DAY 9

技術 你不可不知的 JavaScript 二三事#Day9:圖解變數作用域(Scope)

前幾天的文章談到各種等級的 Scope 效果。 懶人包支援: 在 JavaScript 裡,有 3 種等級的作用域: 香港喜劇天王星爺——Function...

鐵人賽 Modern Web DAY 9
勇者鬥Vue龍 系列 第 9

技術 Vue.js Core 30天屠龍記(第9天): 計算屬性與監聽器的比較

Vue 的計算屬性會在有關的資料產生變化時觸發 callback 函數更新屬性值,而監聽器則是以監聽單個資料變化為主,當監聽的資料產生變化時會觸發 callba...

鐵人賽 影片教學 DAY 23

技術 DAY22 彈跳視窗 - Portal

DAY22 彈跳視窗 - Portal 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Y...