iT邦幫忙

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

技術 Day 28 - 做個刮刮樂

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

鐵人賽 Software Development DAY 29

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

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 自我挑戰組 DAY 28

技術 新手村28 - Video Speed Controller

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 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 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前,仔細想想看 迭代器(Iterator)與聚合物(Collection)的差別在哪? 迭代器模式要如何實踐?實踐的目的為何? 什麼是多型巡訪...

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

技術 Day27 - AJAX(01)

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

鐵人賽 Modern Web DAY 28

技術 [JS30] DAY27 : Click And Drag

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

鐵人賽 Modern Web DAY 27

技術 Day 27 - handtrack.js

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

鐵人賽 自我挑戰組 DAY 27

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 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 就是為了幫助我們加快開發速物而定義...

鐵人賽 Software Development DAY 28

技術 Day28-解題-Ransom Note

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

鐵人賽 Modern Web DAY 25

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

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

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

技術 Day26 - BOM

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

鐵人賽 Modern Web

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

閱讀本篇文章前,仔細想想看 泛用類別與泛用介面結合時的注意事項為何? 如果還不清楚可以看一下前一篇文章喔~ 其實筆者在泛用方面的型別推論與機制並沒有討論很...

鐵人賽 自我挑戰組 DAY 26

技術 新手村26 - Stripe Follow Along Nav

26 - Stripe Follow Along Nav 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript?...

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 自我挑戰組 DAY 26

技術 Day26. 直擊!物件大量發生中!

本日閱讀進度:第12章 高階物件結構(521~535頁) 重點摘要: 物件建構程序在之前第11天~第13天的文章曾經介紹過物件,當時建立物件的方法,稱為「物...

鐵人賽 Modern Web DAY 26

技術 Day 26 - 做個梗圖編輯器 (下)

昨天做出來了基本的雛形,今天就來完善吧,目前比較嚴重的問題是在移動的時候,字體是可以被移出去邊界外 為了解決這個問題, fabric 提供了很多事件可以讓我們...

鐵人賽 Software Development DAY 27

技術 Day. 27 - 實作練習 - 顯示其他玩家

在我們將加入地圖的指令處理完畢後,我們就能夠收到來自其他玩家的「加入」資訊,也就能夠呈現其他玩家在地圖上並且做出反應。不過原本 RPG Maker 所支援的只有...