iT邦幫忙

javascript相關文章
共有 2285 則文章

技術 Day. 33 - 後記

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

鐵人賽 Modern Web

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

閱讀本篇文章前,仔細想想看 今天不用想,馬上看下去! 今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...

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

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

技術 D3.js - 基本功能介紹

D3.js(Data-Driven Documents)是一個 JavaScript 的 Library,顧名思義是使用資料驅動文件,它可以操縱 DOM 元素,...

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

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

鐵人賽 Modern Web

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

閱讀本篇文章前,仔細想想看 命名空間的用意是什麼? 如何運用 TypeScript Namespaces 組織不同區塊的程式碼? 命名空間融合(Names...

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 - 我是怎麼活過這三十天的?

總算來到最後一天了,最後一天不會有技術內容,只會有很純的純 Mur Mur,想聽的再請留下。最後我打算記錄一下這三十天的感受,給其他沒參加過鐵人但是正在猶豫要不...

鐵人賽 Modern Web

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

閱讀本篇文章前,仔細想想看 讀者認為目前對 TypeScript 編譯器的設定的了解程度如何呢? 如果還沒理解完畢的話,可以先翻看最近這幾天的文章喔!...

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 自我挑戰組 DAY 29

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

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

鐵人賽 自我挑戰組 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 取得頁面元素和宣告變數 l...

鐵人賽 Modern Web DAY 29

技術 Day 29 - Web Ar

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

鐵人賽 自我挑戰組 DAY 29

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

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

鐵人賽 Modern Web

技術 Day 34. 戰線擴張・專案語法 X 嚴格把關 - TypeScript Compiler Syntatic Checks Configurations

閱讀本篇文章前,仔細想想看 前端的 Debug 技巧有哪些? 編譯過後的檔案通常會有對應的 Source Map 檔,其中 Source Map 到底是在...

鐵人賽 自我挑戰組 DAY 29

技術 新手村29 - Countdown Timer

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

鐵人賽 Modern Web DAY 30

技術 [DAY30] 被 React react 的後端工程師 - 後記

一開始會這麼定題目,其實是起源于我對前端的挑食,因為我不喜歡調畫面 左邊一點右邊一點這種事情我真的不喜歡做 所以取翻譯中 過敏 的意思來形容我的 React 學...

鐵人賽 Software Development DAY 30

技術 Day30-解題-Subsets

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

技術 優化迴圈與判斷式讓JavaScript更加優美的小撇步

「我要努力向上,不付諸君期望」 ~整人專家-胡真~ 就前端初學者的思維,大多會把「寫出可以運行的 code 」當作是練習或是實作的終極目...

鐵人賽 Modern Web DAY 29

技術 JS 原力覺醒 Day29 - Set / Map

ES6 之後加入兩種新的資料結構:Map 跟 Set 。 Map 與 Set 都是像字串跟陣列這樣可以被尋訪的類型,也就是說可以使用 for 迴圈去一個一個查...

鐵人賽 Modern Web DAY 30

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

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