iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 6

技術 Day06 - Tic Tac Toe篇:自己刻圈圈元件及叉叉元件

在 Day05 我們已經把該有的事件都做得差不多了,接下來我們希望把圈圈元件和叉叉元件加上去,讓我們點擊下去的時候,1會顯示圈圈,-1會顯示叉叉。 這邊先講一下...

鐵人賽 Modern Web DAY 8

技術 你不可不知的 JavaScript 二三事#Day8:var 掰掰 —— ES6 更嚴謹安全的 let 和 const

上一篇文章介紹了傳統 var 關鍵字宣告變數的缺點。 懶人包支援: 語法允許重複宣告 (Re-Declaring) 不支援區塊作用域 (Block Scop...

鐵人賽 自我挑戰組 DAY 7

技術 Day7 - Native 適合用來做建構器嗎?

這部分會出現比較多重複的詞。最後就把他列成表格了。 這章節的主要重點 確認個別的 Native 是否適合或一定要作建構器。 雖然不適合,但有哪些部分適合借用...

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

技術 Day 6 函數呼叫與執行堆及變數環境

函數呼叫(Function Invocation)與執行堆(Execution Stack) 全域執行環境被創造並執行時是放到執行堆去執行的,圖片來源:Java...

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

技術 你懂 JavaScript 嗎?#14 動態範疇(Dynamic Scope)

本文主要是比較動態範疇與語彙範疇的差異。 動態範疇(Dynamic Scope)vs 語彙範疇(Lexical Scope) 前情提要,先前提過範疇是指編譯器...

鐵人賽 Modern Web DAY 6

技術 05. 吉他定音器 - Part.2

接著,今天就來把定音器完成吧! 依照昨天立定的計畫: 練習做出 可調整基準音 + 可設定調弦法 + 分別撥放單弦聲音 的吉他定音器。 開始依序完成吧! 基準...

鐵人賽 Modern Web DAY 6

技術 [影片]Gatsby.js 未來的網頁06:加入Markdown

Gatsby可以以Markdown作為資料來源自動產生頁面,這讓我們可以輕易的建立Blog之類的網站:寫blog只需寫markdown。 YouTube Vid...

鐵人賽 Modern Web DAY 7

技術 你不可不知的 JavaScript 二三事#Day7:傳統 var 關鍵字的不足

長久以來 JavaScript 宣告變數所用的關鍵字 (Keyword) 都是 var。 大家已經非常習慣,甚至在 let 和 const 導入這麼久之後,仍時...

鐵人賽 影片教學 DAY 20

技術 DAY19 做個計時器 - HOC

DAY19 做個計時器 - HOC 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 You...

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

技術 Vuetify:Cinema Application › Implementation

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

鐵人賽 自我挑戰組 DAY 8

技術 Day8 - 強制轉型

強制轉型,這是進入 JavaScript 陣營後,需要防守的重要一環。尤其是隱性強制轉型。在不了解的情況下,相當捉模不定,重點還是玩遊戲的規則呀。 ToStr...

鐵人賽 自我挑戰組 DAY 7

技術 Day07:YDKJS 第三次讀書會

大家的三個重點: Tomas: 每一個利用 Symbol 產生的值都是獨特的,他的屬性無法用 for in Object.getOwnPropertyName...

鐵人賽 自我挑戰組 DAY 6

技術 【Day 6】 使用JavaScript 做字串處理

大家好,今天跟大家一起學習如何使用JavaScript語法 來處理字串。 首先在JavaScript中有個內建功能為 串接字串。如果你把 + 運算子用於數字上,...

鐵人賽 Modern Web DAY 5

技術 你不可不知的 JavaScript 二三事#Day5:湯姆克魯斯與唐家霸王槍——變數的作用域(Scope) (1)

一個變數什麼時候開始發揮作用?這個問題的答案很單純——當一個變數被宣告。 那一個變數什麼時候失效?這個問題的答案就複雜多了。 (Source: 網路) 俗話說:...

鐵人賽 Modern Web DAY 7

技術 07. SignalR 群組概念與使用

今天來介紹群組的運作,不知道會不會有人問為什麼要群組??總不能每次訊息都傳給所有人吧!XD 所以今天就讓我們好好來介紹一下SignalR群組運作的方式。 使用方...

鐵人賽 Software Development DAY 19
Emacs 來寫程式 系列 第 19

技術 [Emacs-19] 用 Emacs 來寫 Javascript 設定篇

Emacs 對於 Javascript 的功能支援 js2-mode: 取代原 js-mode 程式高亮 語法檢查 (使用 js-lint) 程式折疊...

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

技術 Day 5 執行環境的執行階段

我們已經知道在 JavaScript 產生執行環境時會經歷兩個階段,第一個階段是創造階段我們已經講過了,會幫我們創造全域物件、特殊變數 this 、外部環境,以...

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

技術 你懂 JavaScript 嗎?#13 拉升(Hoisting)

本文主要會談到 什麼是拉升(hoisting)? 變數與函式的拉升有什麼不同? 怎麼處理在 <script> 宣告的全域變數?是否也有拉升的狀況...

鐵人賽 Modern Web DAY 6

技術 你不可不知的 JavaScript 二三事#Day6:湯姆克魯斯與唐家霸王槍——變數的作用域(Scope) (2)

星爺強碰阿湯哥誰會贏?Global Scope vs. Function Scope (Source: 網路1 / 網路2) 俗話說天高皇帝遠,十里外的瀑布不如...

鐵人賽 Modern Web DAY 5

技術 04. 吉他定音器 - Part.1

介紹了幾天,也稍微玩了一些功能,是不是快受不了 Web Audio API 文件導讀啦 XD? 那麼就用已經玩到的部分,來做個簡單的吉他定音器吧! 吉他定弦 一...

鐵人賽 影片教學 DAY 19

技術 DAY18 隔空取物 - Context

DAY18 隔空取物 - Context 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在...

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

技術 Vuetify:Preface › ❹ Best Learning Strategy on Vuetify

The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...

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

技術 你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)

本文會提到 範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點? 函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式...

鐵人賽 自我挑戰組 DAY 5

技術 Day05:JavaScript 設計模式 心得

讀書完成進度:75% 推薦程度:★★★★☆ 優點: 程式碼解釋白話 步驟詳細 模式優劣分析 缺點: 使用版本過於老舊(2012年出版) 整體上...

鐵人賽 Modern Web DAY 5

技術 [影片]Gatsby.js 未來的網頁05:安裝Plugin

和WordPress一樣,Gatsby.js也有plugin系統,透過NPM安裝。你可以在Gatsby.js 官網找到所有plugin。今天我們要學習怎樣安裝p...

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

技術 Day 4 執行環境的創造階段與 Hoisting

我們已經知道全域執行環境會替我們產生全域物件(Global Object)與特殊變數 this,在執行環境裡也會產生外部環境, 執行環境分成兩個階段,我們先來看...

鐵人賽 Modern Web DAY 4

技術 03. Web Audio API - 節點關係

經過昨天的簡易小範例,應該對於 Web Audio API 大致的使用方法就不陌生了吧?今天就接著來介紹Web Audio API 的節點關係。 節點關係 如...

鐵人賽 Modern Web DAY 4

技術 你不可不知的 JavaScript 二三事#Day4:動態型別加弱型別不是罪——怎麼 JavaScript 一摔就變成個印度阿三?

前兩篇文章介紹了什麼是動態型別、靜態型別、強型別、弱型別,也知道了幾個常見語言分屬哪種類別。 懶人包複習一下: 靜態語言/動態語言:變數和型別的綁定方法。...

鐵人賽 影片教學 DAY 18

技術 DAY17 做個下拉式選單

DAY17 做個下拉式選單 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Youtube...

鐵人賽 Modern Web DAY 4

技術 [影片]Gatsby.js 未來的網頁04:新增頁面

今天要介紹的內容很簡單:如何在Gatsby中新增頁面。新增頁面的方法不只一種,今天先介紹最簡單的方法。 YouTube Video: layout.js vs...