iT邦幫忙

javascript相關文章
共有 5168 則文章
鐵人賽 自我挑戰組 DAY 10

技術 [ Day 10 ] - 傳值與傳址

傳值與傳址 先來看案例 案例一 let a = 50; let b = a; console.log (a); // 顯示為 50 console.log(b)...

鐵人賽 自我挑戰組 DAY 11
開始入坑網頁吧! 系列 第 11

技術 JavaScript Hoisting (提升)

Hoisting 能在宣告變數、函式、物件與其他型別前先進行使用,但是初始化並不會被提升。因為 JavaScript 分成編譯跟執行兩個階段,在編譯階段會把宣告...

鐵人賽 Modern Web DAY 10

技術 那些被忽略但很好用的 Web API / Clipboard

CTRL + C & CTRL + V,兩個指令就能讓你成為工程師。 Selection API 掌管著網頁中的「反白」,Clipboard API...

鐵人賽 Modern Web DAY 16

技術 不只懂 Vue 語法:為什麼需要使用 $nextTick ?

問題回答 $nextTick 的作用是等待畫面更新後才執行程式,因為有些時候我們需要操作畫面上的 DOM,例如是取得某個 DOM 節點的文字、取得某元素的高度等...

鐵人賽 自我挑戰組 DAY 25
JS30 學習日記 系列 第 25

技術 Day 25 - Event Capture, Propagation, Bubbling and Once

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...

鐵人賽 Modern Web DAY 10

技術 D3JsDay10 遇到元素資料不相等,用函式解決高人一等

綁定的資料和畫面上的元素不相等 enter()函式—沒放入元素的資料 先看以下程式碼 <body> <div></div&gt...

鐵人賽 Modern Web DAY 25

技術 #25 JS: HTML DOM Events - Part 3(Start Over Version)

Since the knowledge I learned yesterday was over my head, I decided to try anoth...

鐵人賽 Software Development DAY 10

技術 Day 10 :Longest Palindromic Substring

不知道做完 Easy版本的Valid Palindrome看到這一題 Medium版Longest Palindromic Substring 的你有什麼想法?...

鐵人賽 Modern Web DAY 16
入門前端技能之旅 系列 第 16

技術 Day.16 「重複的事情,交給程式去做!」 —— JavaScript 循環迴圈

前面學習到了條件判斷式,接著我們來學習有點危險的循環迴圈,好啦!也沒那麼誇張~只是寫不好,容易進入無窮迴圈導致當機!不過我們是寫在網頁上~所以如果真的不小心陷...

鐵人賽 Modern Web DAY 10
追求JS小姊姊30天 系列 第 10

技術 追求JS小姊姊系列 Day10 -- 如果時間能重來,我不想跟工具人聊天(下)

前情提要 在D特的幫助下,試著穿越時空,但時間碎片湊齊了卻還是出不去,現在該怎辦? 我:...所以我們會永遠困在這嗎?D特:....(沈思樣),我想剛剛會失...

鐵人賽 Modern Web DAY 13

技術 DAY13-JavaScript實作網頁小遊戲

前言: 昨天介紹完了一些簡單的應用,今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲,相信透過這個過程大家可以更清楚JavaScript的使用邏輯。...

鐵人賽 Modern Web DAY 10
舌尖上的JS 系列 第 10

技術 D10 - 點一籠熱呼呼的小籠閉包 Closure

前言 閉包,一個完全無法從字面意思了解的專有名詞,若是改叫小籠閉包,是不是馬上聯想到這個畫面 一個個湯包被安放在蒸籠中,呼應到閉包在程式碼中的封閉區塊概念,是...

鐵人賽 Modern Web DAY 10

技術 #9-數字動態好棒棒!(Vanilla JS requestAnimationFrame)

品牌常常會有一些數字想要呈現去說服消費者,當然只放靜態的數字就太無聊了,最直覺的動態就是讓數字跑起來! 先來看成果: 今天終於來到了JS動態篇章,比賽也進行1/...

鐵人賽 Modern Web DAY 25
33歲轉職者的前端筆記 系列 第 25

技術 33歲轉職者的前端筆記-DAY 25 JavaScript 迴圈語法筆記

定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...

鐵人賽 Modern Web DAY 10

技術 Day 10 - Design System x 實作 — Icon 元件

今天就要來實作 Icon 啦!事不宜遲直接開始! 想先看 Code 或是 Demo 的由此去:Github Repo: ithelp-ui-demoLive D...

鐵人賽 Modern Web DAY 16
我的JavaScript日常 系列 第 16

技術 JavaScript Day 16. 迴圈(for、while、do while、break、continue)

今天要寫的內容,是我完全沒有練習過,也沒有在課堂上學過的方法,那麼為什麼我還是要寫這篇文章呢?原因是因為,即使在我的課程裡 for 迴圈算是被 forEach...

鐵人賽 Modern Web DAY 10
Vue.js 進階心法 系列 第 10

技術 統一狀態管理 + 單一資料流

我一開始在學 Vuex 的時候,覺得很難懂,不知道它是在做什麼的。當時的我,就想先追朔單一資料流的始祖(應該是吧?) flux Flux 它提出了不少更新畫面的...

鐵人賽 Modern Web DAY 10

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

昨天我們完成了基礎建設,但是有個地方忘記講到,我現在趕快補充一下! 我們昨天設定歸還日期時,一定有人會問: 這樣他如果在當天的 23:59 分歸還不就也可以嗎...

鐵人賽 自我挑戰組 DAY 25

技術 事件—天外飛來一個e

剛開始學JavaScript的時候,在書上看到事件綁定的範例: //HTML <a id="link" href="htt...

鐵人賽 Modern Web DAY 11

技術 入門魔法 - 了解 JSON 格式及內建方法

前情提要 前幾天幫艾草整理了愛情靈藥秘方。 「咦,愛情靈藥的秘方也太簡單了吧,我還以為會很特別呢?」 艾草:「NoNoNo! 你一定是誤以為愛情靈藥是讓人愛上你...

鐵人賽 Software Development DAY 24

技術 從 JavaScript 角度學 Python(24) - 繼承

前言 前一篇已經提前預告接下來將會講繼承了,所以這一篇當然就是會介紹繼承啦~(廢話) 繼承的概念 繼承是什麼呢?JavaScript 有嗎?JavaScript...

鐵人賽 Modern Web DAY 17

技術 Chpater3 今天來學習畫一棵樹(III)終於讓樹搖擺起來囉!原來遞迴與碎形可以塑造大自然之美

先補上Demo 將前兩天畫好的樹枝骨幹,搭配第二章學的動畫效果,就能讓樹開始擺動了:https://jerry-the-potato.github.io/Cha...

鐵人賽 自我挑戰組 DAY 10
開始入坑網頁吧! 系列 第 10

技術 Expression 與 Statement

表達式 (Expression) A unit of code that results in a value. 表達式會形成一個值,而這個值它不一定被儲存...

鐵人賽 自我挑戰組 DAY 24
JavaScript 核心觀念 系列 第 24

技術 【Day24】閉包(Closure)

今天我要講解的是閉包(Closure),在進入之前我們先來看一段程式碼, 首先準備一個隨機生成字串的函式 function randomString(lengt...

鐵人賽 Modern Web DAY 9

技術 那些被忽略但很好用的 Web API / Selection

選你所愛,愛你所選。 在瀏覽網站時,反白(或稱反藍)其實是一個非常常見的動作,不管是要強調目前的閱讀區域或是想要複製某個段落,使用者都會透過游標進行反白,而...

鐵人賽 Modern Web DAY 10
JavaScript Easy Go! 系列 第 10

技術 #10 Web Crawler 3

我們今天要把 crawler 函式及 saveData 函式寫好! crawler 函式 我們就依照昨天的想法把 crawler 函式寫出來,並把 parseA...

鐵人賽 Modern Web DAY 9
JavaScript 筆記 2 版 系列 第 9

技術 JavaScript Day09 - 物件、陣列與 JSON

物件與陣列組合 前一天有提到,物件內也可以放物件與陣列,而陣列內也是,除了字串與數字外,也可以加入陣列與物件 讀取原則 陣列:第 n-1 個(因為從 0...

鐵人賽 自我挑戰組 DAY 9

技術 [ Day 9 ] - 函式

函式 一個函式內會包裝一段執行的動作,可以被重複的使用 如何宣告函式 宣告函式時,需要使用 function 關鍵字,並且給函式一個名稱,再接著一組括號,寫法如...

鐵人賽 自我挑戰組 DAY 24
JS30 學習日記 系列 第 24

技術 Day 24 - Sticky Nav

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...

鐵人賽 Modern Web DAY 9

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料?SWR 簡介

安安!前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...