iT邦幫忙

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

技術 10 This

全域與區域變數 昨天我們提到了 this ,但礙於篇幅無法仔細描述,今天讓我們深入來看看 this 到底是什麼。 要講 this 就必須先介紹全域與區域變數的概...

鐵人賽 Software Development DAY 10

技術 typescript 有時候限制反而會是一件好事

寫在前面 typescript是主要由微軟維護的語言 之於javascript有點像是c++之於c c++是對於c加上了物件導向的功能,而ts對於js則是加上了...

鐵人賽 影片教學 DAY 2

技術 Day2:Svelte 基本語法介紹 | 30 天從 0 到 1 學 Svelte

影片 備註:影片的 if, else block 語法介紹中,圖片的範例 {#else} 的語法為錯誤的,正確的使用方式應為 {:else},感謝網友 cwc...

鐵人賽 自我挑戰組 DAY 1

技術 利用30分鐘~想一個前端問題 [Day1]-前言

前言: 認真想要訓練自己的邏輯及英文,以此作為題目探討是觀念或邏輯問題,大概類似 30seconde of code的想法,https://www.30seco...

鐵人賽 Modern Web DAY 10
30天入門JavaScript 系列 第 10

技術 【Day 10】函式(二):讓函式接受輸入值

昨天寫了丟硬幣的函式,今天來寫TRPG用的骰子 首先是1d20(一個20面骰)的函式 function roll1D20() { return Math.f...

鐵人賽 自我挑戰組 DAY 10

技術 [Day 10 | Array.prototype.splice () ]

array.splice() array.splice()主要的功能是從陣列中新增或刪除元素 並會回傳被刪除的元素 註:array.splice()會改變原陣列...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 網頁前端-刻意練習(文字排版)

Day10 金魚 文字排版 簡單小語 這次練習的文字排版,一開起來才發現,之前切的都亂掉了且有點難看,開始有點刻意練習的效果出來,就是一看到這東西就會想說怎麼...

鐵人賽 自我挑戰組 DAY 3

技術 DAY 3 BOM 事件

今天來把剩下的 BOM 事件做一個繼續的動作 (LOL),根據下圖 BOM 還有以下幾個特性,我們來看看,這些特性應該如何應用: 1. screen: 存取...

鐵人賽 Software Development DAY 9

技術 [One Punch 一拳搞定前後端面試] DAY-09 - 字串搜尋

字串搜尋 題目 字串中,找特定字元出現的次數。 例如: 找出英文字串中,出現母音(a, e, i, o, u)的次數。 此文同時發佈於好讀版 想法 用迴圈一...

鐵人賽 Modern Web DAY 9
30天入門JavaScript 系列 第 9

技術 【Day 9】函式(一):函式 function簡介

個人進度好像比其他同樣寫JS的慢不少(望) 在開始介紹前,先來寫個丟硬幣的程式,可以隨機丟出正面反面 let coin; coin = Math.floor(...

鐵人賽 自我挑戰組 DAY 9

技術 [LeetCode with JavaScript] Day 9: Plus One

觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...

鐵人賽 自我挑戰組 DAY 9

技術 09 事件處理與監聽

前言 昨天我們說到,如果今天我決定要用 JS 來寫一個動畫效果,當使用者按下網頁的按鈕之後,把本來的文字更改為「按下按鈕囉!」,要怎麼寫。 但是最關鍵的一步:怎...

鐵人賽 自我挑戰組 DAY 9

技術 初探JavaScript - JS 物件 Objects

物件也是變數,但是物件可以包含許多的值,如下: 變數customer被賦予值(Flora、Li、27、0988111222),值在物件中會以name:value...

鐵人賽 Modern Web DAY 2
實作經典 JavaScript 30 系列 第 2

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 09 | Array.prototype.reverse () ]

array.reverse array.reverse 會將原本的陣列做翻轉 也就是說使用這個方法後 第一個元素換到最後一個,最後一個元素換到第一個。 要注意的...

鐵人賽 Modern Web DAY 1
實作經典 JavaScript 30 系列 第 1

技術 Day01:開賽廢言與自我介紹

壓根都沒想到自己會跟【鐵人】這兩個字,有任何的關係。本人真的超級三分鐘熱度,小時候學才藝都很容易半途而廢的類型...不知道哪根筋不對,跑來參加鐵人賽,希望未來的...

鐵人賽 Modern Web DAY 11
JavaScript 從零開始 系列 第 11

技術 JavaScript 從零開始 - Day11- 函式 function 搭配 return

函式 function 搭配 return 是一個常用且好用的小技巧。 return 回傳 透過 return 回傳值的屬性,可以運算其的內容,如下方範...

鐵人賽 自我挑戰組 DAY 9

技術 Day9 網頁前端-刻意練習(JQ選單)

Day9 金魚 JQ選單 簡單小語 之前練習往往都是在header上會花些時間,這次的刻意練習就選JQ選單來加深印象,雖然樣板差不多差異在其特效及RWD差異,...

鐵人賽 Software Development DAY 8

技術 javascript 如果你只想學一種語言就搞定前後端,那就選他吧

寫在前面 Java跟Javascript的關係大概就像牛跟牛蒡 我覺得這個真是很好的形容 以前還在傳產的時候曾幫公司寫過網頁,處長還我問說是用什麼寫的,我跟他說...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02 Function是什麼?能吃嗎? (1) Intro

What is Function? A function is first-class; a function is considered to be an...

鐵人賽 Software Development DAY 8

技術 [One Punch 一拳搞定前後端面試] DAY-08 - 樓梯測驗

樓梯測驗 這是一題常見的題目,算簡單,直接來看題目吧! 題目 請寫出一個方法(函式),給一個整數 n,則印出 n 階樓梯。 此文同時發佈於好讀版 Examp...

鐵人賽 Modern Web DAY 8
30天入門JavaScript 系列 第 8

技術 【Day 8】for、while迴圈

延續陣列,假如現在想要把陣列的內容印出來 let expense202009 = [250, 265, 300, 590, 1400, 150, 2000];...

鐵人賽 自我挑戰組 DAY 8

技術 [LeetCode with JavaScript] Day 8: Reverse String

觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...

鐵人賽 自我挑戰組 DAY 8

技術 [Day 08 | Array.prototype.slice () ]

slice 的意思是切片或是拿取某一段. [slice] to cut something into thin, flat pieces by 劍橋辭典...

鐵人賽 自我挑戰組 DAY 8

技術 初探JavaScript - JS陣列常用屬性和方法

查詢陣列中所含元素的總數,使用length : 如果你的元素非常的多,但是你想要取用最後一個元素的值,可以使用length - 1的方式: 在陣列...

鐵人賽 自我挑戰組 DAY 8

技術 Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚 簡易表格 簡單小語 練習表格一開始真的會搞不清楚欄跟列的排序方式,再慢慢練習後終於知道tr,th,td差異處,一開始看出還真的一頭霧水呢,表格...

鐵人賽 Software Development DAY 7

技術 [One Punch 一拳搞定前後端面試] DAY-07 - 第一字母大寫

把每個字第一個字母大寫 題目: 給一句英文(全小寫),寫一個方法(函式),把每個單字第一個字母都大寫後回傳。 這題滿常遇見,在寫程式的時候也會用到。 此文同時...

鐵人賽 自我挑戰組 DAY 7

技術 [30天 JavaScript 從無到有 Day 7] Array

宣告的方式 // Initialize new array var city = ['Taipei', 'Taichung', 'Hualien']; //常用...

鐵人賽 自我挑戰組 DAY 7

技術 07 函式

前言 我們昨天討論了 if 判斷式,在漢堡與薯條的例題中,遇到一個狀況:同樣都是 10 元漢堡和 20 元薯條,可能 A 客人買的數量跟 B 客人買的不同,要一...

鐵人賽 Modern Web DAY 7
30天入門JavaScript 系列 第 7

技術 【Day 7】陣列(二):各種陣列的處理方法

滿一周了,還有三周能堅持住嗎? 基本型別跟參考型別 前面講的布林、數字、字串屬於基本型別(Primitive Type),而陣列跟往後講的函式跟物件屬於參考型別...