iT邦幫忙

javascript相關文章
共有 2285 則文章
鐵人賽 Modern Web DAY 29

技術 [JS30] DAY28 : Video speed controller

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

鐵人賽 Modern Web DAY 28

技術 Day 28:有效測試的方法論

熟悉測試的讀者可能知道,自動化測試可以大致分成幾個不同的層級: 單元測試(Unit Test):只測試一個「單元」,通常是一個 Function 或一個 Cl...

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

技術 Day28 - AJAX(02)

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

鐵人賽 Modern Web DAY 28

技術 Day 28 - 做個刮刮樂

Day 28 - 做個刮刮樂 昨天介紹了可以追蹤手位置的套件,今天用來做一個刮刮樂效果吧! 實作 要實作刮刮樂效果,需要兩個 Canvas,其中一個是最後想呈現...

鐵人賽 自我挑戰組 DAY 28

技術 Day28. 這批繼承很不純啊,跟原型長得不一樣

本日閱讀進度:第13章 使用原型(563~580頁) 重點摘要: 原型是什麼? JavaScript物件可以從其他物件繼承屬性和行為。具體來說,JavaScr...

鐵人賽 Software Development DAY 29

技術 Day 29 - 實作練習 - 玩家列表

經過重構之後我們終於可以回到「後加入的玩家看不到之前玩家」的問題,這個問題源自於我們在玩家加入時並沒有發送任何資訊給新加入的玩家「線上有多少人」 處理的方式我們...

鐵人賽 自我挑戰組 DAY 28

技術 新手村28 - Video Speed Controller

28 - Video Speed Controller 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? s...

鐵人賽 Modern Web

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

閱讀本篇文章前,仔細想想看 如何確保出現錯誤時,防止 TypeScript 編譯器產出專案結果? 描述 rootDir、outDir 與 outFile...

鐵人賽 Modern Web DAY 28

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

隨著硬體規格條件的提升, 網站商業邏輯的運作也慢慢從以往的後端伺服器轉移到客戶端,因此前端領域的專業知識就變得越來越重要,隨著前端技術被重視,也開始慢慢出現 R...

鐵人賽 自我挑戰組 DAY 28

技術 JS 陣列 Array 方法,找出最後一個元素的索引值 lastIndexOf()

Day 28 你!就是你。那個最後一個戴黑帽黑衣的站出來!你認識那位排在前頭和你穿ㄧ樣的俠客嗎? 昨天我們介紹了indexOf(),今天要來介紹和它算是一對...

鐵人賽 Software Development DAY 29

技術 Day29-解題-Two Sum

這次的題目如下: 給定一個包含多個數字的陣列和一個目標值,然後從陣列裡面找出兩個數,兩個相加正好等於該目標值,要注意數字不可以被重複使用,陣列裡也可能有多種組合...

鐵人賽 Modern Web DAY 29

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

前言 轉生第二十八日,這一篇將會介紹 ES6 的 forEach 以及 for...of forEach ES6 其實幫助我們許多開發上的簡化,當然迴圈的功能也...

鐵人賽 Modern Web DAY 27

技術 27. [WEB] Cookie & Session 是什麼?

Cookie 和 Session 這兩個名詞,相信大部分的開發者都不會太陌生,特別是 Cookie,從社群網站、電商平台、Google Analytics 分...

鐵人賽 Modern Web DAY 29

技術 [DAY29] 多 DOM 的動畫之我等了這篇 29 天之我完全不介意

我想說的是: 其實基礎的多個 DOM 的動畫,跟一個差不多 多個的就是專業的部分,我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果 而想控制多個動...

鐵人賽 Modern Web DAY 28

技術 [JS30] DAY27 : Click And Drag

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

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

技術 Day27 - AJAX(01)

前言 今日進行 AJAX 的觀念以及簡單的操作 AJAX AJAX = Asynchronous JavaScript And XML = 使用非同步資料請求...

鐵人賽 自我挑戰組 DAY 27

技術 Day27. 保安!可以讓人這樣改了又改,改了又改嗎?

本日閱讀進度:第12章 高階物件結構(536~553頁) 重點摘要: 將引數改寫成物件字面 假設在建構程序中有許多參數,會變得難以閱讀和維護。 這時可以將所有...

鐵人賽 Modern Web DAY 27

技術 Day 27 - handtrack.js

隨著影像辨識及機器學習的進步,tensorflow 也推出了瀏覽器版本,讓使用者可以在瀏覽器中使用模型及訓練,也因此為互動上帶來更多可能,但對於機器學習沒有經驗...

鐵人賽 Modern Web DAY 27

技術 Day 27:聊天機器人的錯誤處理

今天要來講講錯誤處理的部分,先讓我們來想想在網頁上是如何進行錯誤處理的。只要服務有持續在運行,就一定要假設錯誤是會發生的,包括網路發生問題、資料庫發生問題、流量...

鐵人賽 Modern Web

技術 Day 32. 戰線擴張・專案輸出 X 輸出設定 - TypeScript Compiler Output Configurations

閱讀本篇文章前,仔細想想看 為何有些 ES6 的 Feature 諸如 Promise、Object.assign 等東西無法直接在 TypeScript...

鐵人賽 Modern Web DAY 27

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

今天要講的是是兩個在操作物件時常用到的 JS API ,有時候我們會需要做一些比較進階的操作,例如對物件屬性做一些比較細節的微調;還有複製物件,但是複製物件的話...

鐵人賽 Software Development DAY 28

技術 Day. 28 - 實作練習 - Client 重構

在上一篇我們注意到客戶端的邏輯如果都放在同一個檔案(SimpleRPG_Map.js)裡面是相當混亂的,因此我們需要稍微區分不同的職責來處理。在前面提到的 Un...

鐵人賽 自我挑戰組 DAY 27

技術 新手村27 - Click and Drag

27 - Click and Drag 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small ste...

鐵人賽 自我挑戰組 DAY 27

技術 JS 找出元素索引值的陣列 Array 方法 indexOf()

Day 27 那一排,都是穿黑衣戴口罩的,去幫我找出搗亂的。抱歉,我只能給你 -1 因為連我們偶爾都會穿黑衣戴口罩。 終於,我們要進入ECMAScript...

鐵人賽 Modern Web DAY 28

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

前言 轉生第二十七日,這一篇將會介紹 ES6 的箭頭函式 箭頭函式 身為一名工程師,其實如果能夠打少一點字當然是好事,ES6 就是為了幫助我們加快開發速物而定義...

鐵人賽 Modern Web DAY 28

技術 [DAY28] React 動畫動得非常厲害

我想說的是: 動畫好酷炫耶,以前完全沒用過就跑來寫後端 react-transition-group 真的很厲害 看完之後...我還是不會想寫前端耶 用 t...

鐵人賽 Software Development DAY 28

技術 Day28-解題-Ransom Note

今天我們要解的題目是 Ransom Note,題目內容如下: 先給定一段句子或是文章,之後再給出一個比較短的句子,若該句子的單字都能從一開始給的文章文章擷取出來...

鐵人賽 Modern Web DAY 25

技術 25. [BE] Node.js 與 JavaScript 的關係是什麼?

隨著 Node.js 的問世,前端開發者的觸角也逐漸蔓延到後端,甚至透過 Electron.js 這類強大的套件,也可以製作出完整的桌面 GUI 應用程式;藉...

鐵人賽 Modern Web DAY 27

技術 [JS30]DAY26: Strip Follow Along Nav

[程式碼&DEMO] [HackMD完整筆記] 目標 隨著滑鼠的移動去展開選單效果。 步驟流程 **STEP1 ** const nav...

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

技術 Day26 - BOM

前言 今天來說明一些跟瀏覽器有關的功能 BOM BOM = Browser Object Model = 瀏覽器物件模型 BOM 是屬於瀏覽器的功能,與網頁不...