iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 DAY 1
Codewar 進進出出 JS/Ruby 系列 第 1

技術 你是平方嗎?

HI~ 大家好,我是 Parker,目前正在五倍紅寶石學習挖礦。這次參加鐵人賽主要是想透過刷題訓練自己的邏輯思維,以及提高對兩種程式語言的熟悉度。不過自己實在是...

鐵人賽 Modern Web DAY 3

技術 Day 03 [原型鍊01] JavaScript 世界萬物誕生記

文章選自 作者:manxisuo 連結:https://zhuanlan.zhihu.com/p/22989691 來源:知乎 開始 可以把 prototy...

鐵人賽 Software Development DAY 12

技術 [One Punch 一拳搞定前後端面試] DAY-12 - 記憶化

記憶化(Memoization) 鐵人賽上一篇費氏數列的遞迴比較慢,但是遞迴可不可以加速呢? 答案是可以的,我們可以使用 記憶化(Memoization) 技術...

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

技術 Day05: 針對陣列的操作練習(一)

WES BOS系列影片Alex快速導讀系列影片 開始前建議可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

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

技術 Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片 原作者的時鐘版本比較簡易些,對於時間的算式也比較不直覺,而Alex大大的版本將時鐘做得更細緻,時間算式也更完整。...

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

技術 【Day 12】undeclared、let、const

這篇原本的ES6部分寫太爛,被我砍了( undefined 跟 undeclared(未宣告) 首先知道甚麼是宣告跟賦值 var a=2; //這句程式其實可以...

鐵人賽 自我挑戰組 DAY 12

技術 [Day 12 | Array.prototype.copyWithin () ]

array.copyWithin() array.copyWithin() 是ES6新增的函數, 它可以複製自己本身的內容,再將複製的內容貼上(覆蓋)於自己的陣...

鐵人賽 自我挑戰組 DAY 12

技術 初探JavaScript - JS 迴圈(Loop) - for

為什麼要使用迴圈呢?有時候我們想要重複的印出變數值,或是希望相同的程式碼能夠重複的被呼叫使用,像是想要一一呼叫印出一個陣列中所有的元素,並要以<br&gt...

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

技術 JavaScript 從零開始 - Day20 - 認識 for 迴圈

為什麼要用 for 迴圈 前面學習了陣列與物件的組合用法,在資料存取相對方便,但如果是大筆資料去做存取時,使用迴圈就可以避免大量的程式碼,比如說今天的專案是小...

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

技術 JavaScript 從零開始 - Day19 - 控制判斷(if、else if、switch)

if 光看英文單字,if 有如果的意思,在這邊程式碼也是直接使用字面上的感覺。if 的程式碼如下: var name = value; if (name =...

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

技術 JavaScript 從零開始 - Day18 - 運算子

MDN 中運算子的介紹: 賦值運算子 比較運算子 算術運算子 位元運算子 邏輯運算子 字串運算子 條件(三元)運算子 逗點運算子 一元運算子 關係運算子...

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

技術 JavaScript 從零開始 - Day17 - 控制判斷 (比較運算子、邏輯運算子)

此次內容是 JavaScript 的控制判斷,比較運算子跟邏輯運算子的筆記。用途會是在驗證資料是否有與原本設定的條件相同,例如:今天填寫一個表單,如果勾選「是...

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

技術 JavaScript 從零開始 - Day16 - Object & Array 物件與陣列的綜合應用

本篇記錄物件與陣列的綜合應用,會使用到以下內容,順便複習一下寫法: 變數 var var a = 1; 函式 function function name(...

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

技術 JavaScript 從零開始 - Day15 - Object 物件的基本認識

一個物件可以是個零至多種屬性的集合,而屬性是鍵 (key) 與值 (value) 之間的關聯。 一個屬性的「值」可以是某個基本型別,也可以是另一個物件,甚至...

鐵人賽 自我挑戰組 DAY 12

技術 Day12 網頁前端-刻意練習(不規則邊緣)

Day12 金魚 不規則邊緣 簡單小語 這次的練習較為簡單些,主要就是每個元素的位置控制及掌握,才能讓不規則的邊緣呈現樣式,再利用padding的方式向上推展...

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

技術 JavaScript 從零開始 - Day14 - Array 陣列 的基本認識

進入一個新的名稱,陣列 (Array) 與物件 (Object),看到新名稱就心慌慌,但搞清楚後就有點豁然開朗,來記錄目前所學的這兩個新語法。 Array 陣...

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

技術 JavaScript 從零開始 - Day12- function 函式 Hoisting 提升觀念

瀏覽器在讀取程式碼基本上都是從上到下讀取,在變數的寫法,會是這樣的結果。 console.log(a); //undefind var a = 1; cons...

鐵人賽 自我挑戰組 DAY 11

技術 11 物件與陣列

前言 今天我們要進入一個全新的章節,陣列與物件。當你打開一個網頁,背後可能儲存了各式各樣的資料,諸如字串、數字等等,我們可以把這些資料放置在物件與陣列中。 物件...

鐵人賽 Software Development DAY 11

技術 [One Punch 一拳搞定前後端面試] DAY-11 - 費氏數列

費氏數列(Fibonacci numbers) 還記得達文西密碼裡面,羅浮宮館長死前留下的密碼嗎? 其中關鍵的線索就是費氏數列! 費氏數列,又稱斐波那契數列。意...

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

技術 【Day 11】物件(一):物件簡介

壓底線 用變數可以存單個值,使用陣列可以存連續的值,但如果今天不是只想記每天花的錢,還想記下天氣、三餐時該怎麼作 //把每天各種東西分開存 let expens...

鐵人賽 Modern Web DAY 2

技術 Day 02 [整理 01] JavaScript變量存儲

Day 02 [整理 01] JavaScript變量存儲 變量有甚麼類型 基本類型 undefine,string,boolean,null,numbe...

鐵人賽 Modern Web DAY 1

技術 Day 01 [介紹] 30天深入 JavaScript 文章概覽

大家好!又來到一年一度的鐵人賽,這次我想跟大家分享的主題是 從技術文章深入學習 JavaScript 內容大體 我將整合並補充上自身對每篇文章的思路以及理...

鐵人賽 影片教學 DAY 3

技術 Day3: DOM 事件綁定與客製化事件、await block 語法

影片 內容 Svelte 當中的 DOM 事件綁定與客製化事件,還有 await block 語法的用法,在範例當中搭配了 Github API 來抓取資料並...

鐵人賽 自我挑戰組 DAY 11

技術 [LeetCode with JavaScript] Day 11: Roman to Integer

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

鐵人賽 自我挑戰組 DAY 11

技術 初探JavaScript - JS 條件式- if 、else if 與 switch

條件式在寫程式時經常地被使用,其會依據不同的條件去呈現不同的動作行為。在JavaScript中有以下條件式可使用: if else if switch i...

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

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習,我們成功加上了樣式,卻沒有移除它。開始來想辦法在我們不需要這個樣式時,將它移除 JS的監聽器也是可以監聽元素的變化,這時我們監聽的動作會是 '...

鐵人賽 自我挑戰組 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 顆番茄鐘的時間來分析題目比較好。可參考番...