在之前的文章中我們處理的數據、字串都是單一的,若需要一組數據時就可使用陣列將資料儲存在一變量中。 本篇會介紹: 陣列array 創建、使用陣列 如何訪問陣列...
Js除了原生型別 number、string、boolean、null、undefined 之外,幾乎都是物件,物件具有屬性 (properties) 與方法...
類別 Class 在去年的鐵人賽中,我利用類別Class做了一個都市女生存記的遊戲。第一次自己生類別,覺得這樣的工廠模式真的很方便。過了一年,再來深入了解一下類...
一、前言 你是不是曾經有過一種經驗,就是當你努力的讀書,努力的學習,網路上查了一堆資料,也寫了一堆筆記,記在腦袋裡面的東西過了幾天之後就全部遺忘,彷彿不存在過...
一、前言 在製作網頁時,我們會需要一些文字或是圖片來裝飾我們的頁面,這些資料可能來自設計師或是後端工程師。但是我們在前端製作頁面時,沒有這些文字與圖片資源時該...
今天是 JS 系列的的第二篇文章,今天要來討論一個讓人又愛又恨的 JS 特性---閉包 closure! 什麼是閉包? 回答:閉包 指的是一個 funct...
昨天Prototype世界的例子中,小白這種打電話讓別人再去打電話找的方式,其實就是一種Prototype Chain的概念。 畫一張示意圖會比較清楚一些,用一...
Prelude 我是阿傑,上篇講聊了一些關於 JavaScript 的知識點,但如果想要知道 Array method 較抽象化的邏輯就必須看 ECMAScri...
前言 這篇將繼續介紹 Promise,內容包括 Promise 的幾個靜態方法的用法介紹,以及 Promise.all() & Promise.race...
「阿姨,我不想努力了!」,不想努力了,不用找阿姨, 請學swiper.js。如果你跳過了第十三天「旋轉吧!木馬」,可能你有預知未來的能力。可能是職業病的關係,就...
鐵人賽 Day3 自己做一個價值幾十萬的動態網站 第三課:了解Scss與React Component與首頁概念圖與UI實作 part1 Css與Scss差在哪...
今天要來做的賽project叫「爸爸的冷笑話」,需要對API有基本的認識,因為這篇要串接外部API來取得冷笑話集,並使用postman來進行測試,若要下載po...
其實加上第一天的Trick 0,小哈在昨天鐵人賽的文章就已經累積滿三十篇,不過因為系列標題寫著《30個遊戲程設的錦囊妙計》,如果不寫到Trick 30,好像對不...
在介紹 比較運算子 之前,會先補充說明 變量/變數 ,以及如何 定義 。 變量 / 變數 (variable) 之前認識了字串、數字,今天要來介紹可以存放它們的...
開發人員工具 在正式進入用 VS CODE 寫程式之前,我們可以先學習用一個工具來寫 JavaScript,它也是很好的除錯(debug)工具,就是 Googl...
布林值 Boolean 不用引號包起來, 直接寫 即可 布林值只有兩個:true 、false 邏輯運算子 以下引用自 MDN 邏輯運算子 通常被用於 布林...
每個複雜的問題,都有個簡單的解法。這句話簡直錯得離譜。 Umberto Eco 此文討論Array為主,但可能會牽扯些許Object。 今天老闆不在,就來聊...
唯有全然的了解,才有資格說愛或恨。 Leonardo da Vinci 此文討論Array為主,但可能會牽扯些許Object。 如果你跟JS打交道一段時間,...
同學們是否玩過有天梯排名的電競遊戲?有這種賽制的對戰遊戲中,來自四面八方的玩家都可以隨意找對手玩個兩場,並在賽後增減天梯積分,積分越高,越能受到來自其他玩家們景...
前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...
在介紹變數時有提到函式內作用、區域內作用,也就是本篇文會介紹的內容: 區域變數、全域變數介紹、差別 範例 範圍 JavaScript中變數作用的範圍分為區...
附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 學習 JavaScript 必定要認識 var, let,...
JavaScript的運算子除了基本其他常見的算術運算子、邏輯運算子以外,還有其他特殊的運算子,今天就來了解一下這些運算子的特性跟功能。 運算子 運算子顧名思義...
附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 在自我介紹時有提到,目前筆者正透過兩種管道在學習前端語言,...
什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...
經過前面這麼多天的努力,今天我們終於要完成尤拉線證明的教學網頁範例。 安裝投影片內容 我們將證明過程分成四頁詳細寫下,並且將每頁的內容安裝至昨天完成的投影片範例...
一、 前言 有時候覺得自己明明很努力做事,可是總是覺得好像事情一直都無法在規劃的時間內完成。發現自己在訂定目標時,除了會加入一堆多餘的步驟,以及使用了錯誤的方...
組件實作 : Demo 一、前言 Navbar 導覽列是每個網站幾乎都會有的組件之一,就是網頁最上面的那一條橫幅,Navbar 的實作上,我們專注在兩個重...
物件結構 可參考 GO 物件與純值 Js只有兩種型別陣列&函式都是物件型別(函式是物件型別下的一個小型別function) 純值 純值無法新增屬性...
JavaScript 是一種腳本語言,也能稱它為程式語言(programming language)。我們可以藉由它來操控網頁中的元素,動態地增加或減少內容、做...