iT邦幫忙

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

技術 [Vue.js][日記]無聊加個菜

超緊繃!30天Vue.js學習日記 無聊加個菜大家好!我是Ian,這幾天真的過的非常愜意阿...終於有時間來看看其他大神們的文章了,其中有看到pj大的從 Hoo...

鐵人賽 Modern Web

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前,仔細想想看 Generators 使用上有哪些特點? 積極求值(Eager Evaluation)與惰性求值(Lazy Evaluatio...

技術 # 非常彈性好用的陣列 Array 方法 map()

Day 32 如果日行一善可以持續,那鐵人應該也可以。 上一篇我們講解了陣列方法的 forEach(),知道它可以做迭代這件事,但在 ECMAScript...

技術 Day. 33 - 後記

上一次參加鐵人賽已經是兩年前,這幾年雖然一直都有在找適合的題目。不過都在開賽前認為內容不夠寫完三十天就一直沒有繼續挑戰。不過這次剛好遇到很難得的遊戲專案開源,而...

技術 D3.js - 圖表繪製

上一篇介紹了 D3.js 的基礎,這篇會邊繪製圖表邊介紹繪製的方法,我們會使用到 SVG,還不熟悉 SVG 也可以參考下面的文章哦SVG - 基礎圖形與樣式SV...

技術 JS 迴圈升級的陣列 Array 方法 forEach()

Day 31 別一張張的發傳單,宣傳什麼折扣吧!NewsLetters 鍵按寄出一次搞定,像迭代一樣。 前幾篇我們聊到了 ECMAScript 5 的陣列方...

技術 Day. 32 - 實作練習 - 登入遊戲

到目前為止我們已經將遊戲的狀態保存機制處理完畢,接下來只要調整客戶端支援前幾天實作新版本伺服器就能夠透過玩家的暱稱登入遊戲,並且取回上一次進入的狀態。 登入機制...

鐵人賽 Modern Web

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前,仔細想想看 同步與非同步程序的差異性在哪?你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎? 為何我們需要非同步的程序?同步執行不是很直觀...

JavaScript 新手筆記 系列 第 31

技術 JavaScript 新手筆記 - 系列目錄

前言 將這 30 天的資料做成目錄,並簡單說明內容,方便查找 目錄 Day01 - 說明 前言 JS 簡介 Day02 - 工具 操作工具介紹:...

技術 新手學前端-JavaScript:資訊如何帶進去的語法

Html語法: < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

鐵人賽 Modern Web DAY 30

技術 Day 30:寫在最後

終於來到了這系列三十天的最後一篇文章,如果有在跟的讀者可能也會發現這一路上跌跌撞撞的,因為在沒有囤積任何文章與素材的情況下,每一篇的文章都是當天才扎扎實實的從零...

鐵人賽 Modern Web DAY 30

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的?

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 自我挑戰組 DAY 30

技術 JS 陣列 Array 之小菜還沒出完

Day 30 據聞,在法國晚餐可以從七點半吃到 11 點。婚宴呢?可以從晚上十點吃到凌晨五點。我的鐵人賽大概就是這個概念。 從來沒想過,自己可以寫陣列寫得這...

鐵人賽 自我挑戰組 DAY 30
JavaScript 新手筆記 系列 第 30

技術 Day30 - 結語

前言 完成了!!! 驗收 首先利用六角的 JS 百題斬 做驗收,不知道大家得幾分呢? 我的測試分數為:96 / 100 錯的部分 2 個同名的 var...

鐵人賽 自我挑戰組 DAY 30

技術 新手村30 - Whack A Mole

30 - Whack A Mole 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...

鐵人賽 Modern Web

技術 RE:從零開始的學習 JS 生活-番外篇

前言 這一篇主要是講參賽結束的結尾心得。 完賽心得 終於完成了另一個鐵人賽主題,第一次參加鐵人賽就一次挑戰兩個主題,一個是後端一個是前端,最主要是想讓自己有所成...

鐵人賽 Modern Web

技術 EP.30 RE:從零開始的學習 JS 生活-第三十日-最後一日

前言 轉生第三十日,最後一天來稍微簡單補充一個東西,也就是關於 new 與函式建構子。 new 前面我們看到了許多 new Date()、new Array()...

鐵人賽 自我挑戰組 DAY 30

技術 Day30. 那個月,我們一起挑戰的鐵人賽

其實我本來預設的標題是:了不起!負責!怎知寫到後來就變感性了,只好順勢把標題改了。(還有另一個候補標題是:還好我沒有放棄治療JavaScript)(其實我每天花...

鐵人賽 自我挑戰組 DAY 29
JavaScript 新手筆記 系列 第 29

技術 Day29 - AJAX(03)

前言 今日針對 AJAX 的 post 進行說明 發送資料至遠端 資料發送流程: var xhr = new XMLHttpRequest(); x...

鐵人賽 Modern Web DAY 30

技術 [JS30]DAY29+1 : Countdown Timer+Whack a Hole!

​[程式碼&DEMO] [HackMD完整筆記]​目標 ​做一個倒數計時器。​ 步驟流程 ​STEP1 取得頁面元素和宣告變數 let cou...

鐵人賽 自我挑戰組 DAY 29

技術 Day29. 明明是媽媽生的,constructor卻說是阿嬤生的

本日閱讀進度:第13章 使用原型(581~614頁) 重點摘要: 判斷使用的屬性位於實體還是原型中要判斷使用的屬性位於實體還是原型中,可以使用hasOwnPr...

鐵人賽 Modern Web DAY 29

技術 Day 29:把機器人部署到「Heroku」

今天打算來示範一下怎麼從「Create Bottender App」建立一個支援雙平台 Messenger 跟 LINE 的機器人,然後實現把他們部署到上線環境...

鐵人賽 Modern Web

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前,仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何?...

鐵人賽 自我挑戰組 DAY 29

技術 JS ECMAScript 5 的陣列 Array 方法淺析

Day 29 生活要簡約,寫程式也是。但是,可能嗎? ECMAScript 5 的陣列方法,除了前兩篇介紹的indexOf()和lastIndexOf()外...

鐵人賽 Modern Web DAY 29

技術 Day 29 - Web Ar

Vr、Ar,最近這幾年想必大家都一直廣泛聽到這兩個詞,而這兩個差別在哪裡呢 Vr 全名為 Virtual Reality,代表說你看到的東西是由電腦模擬出來...

鐵人賽 自我挑戰組 DAY 29

技術 新手村29 - Countdown Timer

29 - Countdown Timer 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small st...

鐵人賽 Software Development DAY 30

技術 Day30-解題-Subsets

終於來到最後一天的挑戰!!時間真的過很快呢~今天我們要解決 Subsets 問題。該問題內容如下: 給定一個陣列,裡面包含多個不重複的數字元素,然後要求出陣列中...

鐵人賽 Modern Web DAY 30

技術 EP.29 RE:從零開始的學習 JS 生活-第二十九日

前言 轉生第二十九日,這一篇將會介紹 ES6 的 Template String。 Template String Template String 的中文名稱是...

鐵人賽 Modern Web DAY 29

技術 [JS30] DAY28 : Video speed controller

[程式碼&DEMO] [HackMD完整筆記] 目標 實作滑鼠點擊後,能夠左右移動捲軸的效果。 步驟流程 STEP1 取得頁面元素 c...

鐵人賽 自我挑戰組 DAY 28
JavaScript 新手筆記 系列 第 28

技術 Day28 - AJAX(02)

前言 今日針對 AJAX 的非同步進行說明 非同步與同步 xhr.open('格式','網址',BooLean):在第 3 個參數區分非同步與同步 tr...