iT邦幫忙

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

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

Returns the difference between two arrays. Create a Set from b, then use Array....

鐵人賽 自我挑戰組 DAY 11

技術 [Day 11 | Array.prototype.sort () ]

array.sort() 是陣列裡用來排序的 method array.sort() 會將元素轉型成字串再做比較 比較的方式是由 左至右 依據 Unicode...

鐵人賽 自我挑戰組 DAY 11

技術 Day11 網頁前端-刻意練習(多層次收合選單)

Day11 金魚 多層次收合選單 簡單小語 這個練習有覺得難了些,必須參考之前的寫法才能將多層次選單寫出來,RWD方面也是思考了一番,經過昨天的練習知道了在J...

鐵人賽 自我挑戰組 DAY 10

技術 [LeetCode with JavaScript] Day 10: Valid Palindrome

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

鐵人賽 自我挑戰組 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差異處,一開始看出還真的一頭霧水呢,表格...