iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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 所支援的只有...

鐵人賽 Modern Web DAY 26

技術 JS 原力覺醒 Day26 - 常用 API: setTimeout / setTimeInterval

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

鐵人賽 自我挑戰組 DAY 26

技術 JS 把陣列 Array 轉成字串與本地化的 toLocaleString()

Day 26 我不只知道你從哪裡來,還可以知道你那裡幾點、拿什麼貨幣跟你交換! 前一篇介紹了可以把陣列轉成字串的toString()的方法,今天我們就來介紹...

鐵人賽 Modern Web DAY 30

技術 【React.js入門 - 30】 學了React之後,然後呢?

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 26

技術 Day 26:Action 傳參數與模組化 - 傑出的一手

很前面的文章「Console Mode 還能怎麼玩,開發與 Debug 技巧」,有講到說我們推薦用這種 Action Function 的方式來整理程式,並回傳...

鐵人賽 Modern Web DAY 27

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

前言 轉生第二十六日,這一篇開始將會介紹 ES6,首先是 ES6 的 let & const。 let & const 首先什麼是 let &a...

鐵人賽 Software Development DAY 27

技術 Day27-解題-Caesar Cipher 凱薩密碼

今天要解的題目是凱薩密碼,凱薩密碼也稱為凱撒加密,它會將一串明文的所有字母順序經過一定數字的偏移後轉為密文。 例如有一串字母 ABCD,分別是英文26個字母中的...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]完賽心得

超緊繃!30天Vue.js學習日記 完賽心得 大家好,我是Ian不是Peter啦!就在今天,我的超緊繃!30天Vue.js學習日記也成功完賽了(汗)這30天的...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2) 大家好,接續昨天的主題,我們繼續探討Vuex的基本核心:D #ac...

鐵人賽 Modern Web

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前,仔細想想看 泛用型別化名的如何進行宣告? 泛用化名註記在變數時的注意事項為何? 泛用函式的特點為何? 如果還不清楚可以看一下前一篇文章喔...

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

技術 Day25 - 資料儲存與更新(02)

前言 利用自訂 data 屬性以及 array 來動態增加資料 data 屬性 HTML 可自訂 data- 屬性,開頭以 data- 開始,後面名稱可自行定...

鐵人賽 Modern Web DAY 27

技術 [JS30]DAY26: Strip Follow Along Nav

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