壓底線 用變數可以存單個值,使用陣列可以存連續的值,但如果今天不是只想記每天花的錢,還想記下天氣、三餐時該怎麼作 //把每天各種東西分開存 let expens...
Day 02 [整理 01] JavaScript變量存儲 變量有甚麼類型 基本類型 undefine,string,boolean,null,numbe...
大家好!又來到一年一度的鐵人賽,這次我想跟大家分享的主題是 從技術文章深入學習 JavaScript 內容大體 我將整合並補充上自身對每篇文章的思路以及理...
影片 內容 Svelte 當中的 DOM 事件綁定與客製化事件,還有 await block 語法的用法,在範例當中搭配了 Github API 來抓取資料並...
觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...
條件式在寫程式時經常地被使用,其會依據不同的條件去呈現不同的動作行為。在JavaScript中有以下條件式可使用: if else if switch i...
接續第一天的練習,我們成功加上了樣式,卻沒有移除它。開始來想辦法在我們不需要這個樣式時,將它移除 JS的監聽器也是可以監聽元素的變化,這時我們監聽的動作會是 '...
Returns the difference between two arrays. Create a Set from b, then use Array....
array.sort() 是陣列裡用來排序的 method array.sort() 會將元素轉型成字串再做比較 比較的方式是由 左至右 依據 Unicode...
Day11 金魚 多層次收合選單 簡單小語 這個練習有覺得難了些,必須參考之前的寫法才能將多層次選單寫出來,RWD方面也是思考了一番,經過昨天的練習知道了在J...
觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...
全域與區域變數 昨天我們提到了 this ,但礙於篇幅無法仔細描述,今天讓我們深入來看看 this 到底是什麼。 要講 this 就必須先介紹全域與區域變數的概...
寫在前面 typescript是主要由微軟維護的語言 之於javascript有點像是c++之於c c++是對於c加上了物件導向的功能,而ts對於js則是加上了...
影片 備註:影片的 if, else block 語法介紹中,圖片的範例 {#else} 的語法為錯誤的,正確的使用方式應為 {:else},感謝網友 cwc...
前言: 認真想要訓練自己的邏輯及英文,以此作為題目探討是觀念或邏輯問題,大概類似 30seconde of code的想法,https://www.30seco...
昨天寫了丟硬幣的函式,今天來寫TRPG用的骰子 首先是1d20(一個20面骰)的函式 function roll1D20() { return Math.f...
array.splice() array.splice()主要的功能是從陣列中新增或刪除元素 並會回傳被刪除的元素 註:array.splice()會改變原陣列...
Day10 金魚 文字排版 簡單小語 這次練習的文字排版,一開起來才發現,之前切的都亂掉了且有點難看,開始有點刻意練習的效果出來,就是一看到這東西就會想說怎麼...
今天來把剩下的 BOM 事件做一個繼續的動作 (LOL),根據下圖 BOM 還有以下幾個特性,我們來看看,這些特性應該如何應用: 1. screen: 存取...
字串搜尋 題目 字串中,找特定字元出現的次數。 例如: 找出英文字串中,出現母音(a, e, i, o, u)的次數。 此文同時發佈於好讀版 想法 用迴圈一...
個人進度好像比其他同樣寫JS的慢不少(望) 在開始介紹前,先來寫個丟硬幣的程式,可以隨機丟出正面反面 let coin; coin = Math.floor(...
觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...
前言 昨天我們說到,如果今天我決定要用 JS 來寫一個動畫效果,當使用者按下網頁的按鈕之後,把本來的文字更改為「按下按鈕囉!」,要怎麼寫。 但是最關鍵的一步:怎...
物件也是變數,但是物件可以包含許多的值,如下: 變數customer被賦予值(Flora、Li、27、0988111222),值在物件中會以name:value...
WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...
array.reverse array.reverse 會將原本的陣列做翻轉 也就是說使用這個方法後 第一個元素換到最後一個,最後一個元素換到第一個。 要注意的...
壓根都沒想到自己會跟【鐵人】這兩個字,有任何的關係。本人真的超級三分鐘熱度,小時候學才藝都很容易半途而廢的類型...不知道哪根筋不對,跑來參加鐵人賽,希望未來的...
函式 function 搭配 return 是一個常用且好用的小技巧。 return 回傳 透過 return 回傳值的屬性,可以運算其的內容,如下方範...
Day9 金魚 JQ選單 簡單小語 之前練習往往都是在header上會花些時間,這次的刻意練習就選JQ選單來加深印象,雖然樣板差不多差異在其特效及RWD差異,...
寫在前面 Java跟Javascript的關係大概就像牛跟牛蒡 我覺得這個真是很好的形容 以前還在傳產的時候曾幫公司寫過網頁,處長還我問說是用什麼寫的,我跟他說...