前言 在鯊魚先前的認知中常用的物件有三個，分別是Object Function跟Array三種，這三個應該就是物件的基礎了，但是應該僅是個人的推測，我們要秉持著...
組件實作 : Demo 一、前言 今天要來研究一下 Flexbox 的寫法，它是一個用來排版的神器，可以很有效的處理元素水平與垂直置中對齊，本篇主要是參考...
事件 指的是在 DOM 上所發生的事件，換句話是可以是特定的動作被觸發後，必須要執行對應的事情。（如：點選某某功能、按下 ESC 鍵，就是觸發執行某件事。）...
最近剛好在做自己github的profile readme剛好想到可以抓取之前寫的it邦幫忙鐵人賽文章放進readme看到github action marke...
本文是第二篇，有些變數的名詞會沿用第一篇，建議看過再繼續閱讀唷！ 談論更深入一層前，先讓我們複習一下 上回提到，我們用物件的形式儲存了落葉的變數和函式，認識...
進階 第1筆雖傳入數字與字串但this是物件所以會轉換成物件 fn.call(1, '小明', '小華'); fn.call('文字', '小明', '小華')...
2. Arrow function 的this指向 上篇回顧: 1. 默認綁定: console.log(this=== window) ==> tru...
因為vue在設計時有參考react，所以在使用web component和被web component使用時的方法大同小異。這篇文章 Vue 雖說Vue的語法在...
前面補充了很多天的javascript基本語法，今天，終於要來回到Node上面的部分了!先來介紹NPM以及講解它如和使用吧! NPM是甚麼 NPM全名為 nod...
布林（Boolean） 什麼是布林值(Boolean) 布林值是電腦科學裡辨別 true 或 false 的資料型別，以發明布林代數的數學家喬治.布爾來命名。數...
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 pop 這個 method 的全寫應該是 Array.pro...
阿傑
‧
2022-09-27
從上一篇可以了解到這個 Side project 的目的以及本次鐵人賽的目標，老實說 Javascript 並不是最適合實現這些功能的語言，但是因為本人的技能點...
因為需要幫公司新人Webapi訓練來新增整合測試，來減少人工測試的時間，所以研究了一下PostMan Script的使用方法。 邏輯上也是可以使用程式來寫整合測...
Class static initialization blocks 一個class只有生成新物件的時候，才能訪問其值， 那有沒有不用新建立一個物件就可以直接訪...
物件宣告 物件內容為一個屬性 (property)對應一個值 (value)， 如果要在後方添加新的屬性和值時，可用逗號(,)隔開， 物件有兩種方式可以宣告，分...
宣告字串 我們之前介紹過了數字型別，今天我們要來介紹要怎麼宣告「字串型別」，首先我們用 let 來做宣告： let myName = "Key&quo...
有一個村莊，裡面有三個農場，要如何透過迴圈計算三個農場的香蕉總產量呢？ var farms = [{farmer: '卡斯伯',field: 6,chick:...
執行環境 Excution Context 首先我們先來看到下方這張圖: 當左方的 function 被呼叫的時候，就會創建一個 local 的作用域，並且...
陣列的操作方法 說明 push( ) 新增資料到陣列的末端 pop( ) 移除陣列的最後一個元素 shift( ) 移除陣列的第一個元素...
在前面的七篇中，我們講解了構成網頁設計的基礎要素：CSS。但這遠遠是不夠的，CSS只能賦予網頁靜態的美術效果與資訊展示。然而，我們對現代網站的期望通常都具備動態...
使用 JavaScript 建構式寫法，可以先建立一個範本，接下來新增的物件都會依據此範本作為延伸。 例 function Dog(name, color...
當從外界獲得資料時，資料未必只會是一筆一筆的，更有可能的是一次會獲得超大筆資料，例如台北市的豪宅資料、1111購物節的商品資訊等等。這時候如果要用變數一個一個地...
前言 在上一章中大概介紹了什麼是JavaScript，而本篇章會介紹什麼是編成。 Code 代碼是一組告訴計算機要執行什麼任務的特殊指令，通常被保存在文本文件中...
首先，將Chrome瀏覽器打開，點擊右上角的三個點點 → 更多工具 → 開發人員工具 快速鍵 滑鼠按右鍵，點擊 檢查，又或是 Key-in: 點擊 Cons...
繼上篇提到的宣告變數與常數後，透過上篇的總結表格，來聊聊變數提升以及作用域！ Hoisting 在說明 Block Scope (區塊作用域) & Fu...
承繼上篇，useDate 變兩個就成了 useDates :) DEMO 在這裡 情境 除了用一個 useDate 之外，有時候需要兩個關聯的時間(區間)來提...
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 every 這個 method 的全寫應該是 Array.p...
阿傑
‧
2022-09-25
如果你想要成長，跨出你的舒適圈。泥濘中跌倒再站起，失敗就是一種學習。你就是你，獨一無二，綻放著，閃耀著。今天我們來實作Day #26 Motivational...
React 相較於其他前端框架，它的機制仰賴於對 JavaScript 的理解，因此，掌握 ES6 語法變得尤為重要，接著讓我們來了解一下常用的 ES6 語法...
nikihypocrite
denny0628
東尼先生
karakamin
jerrythepotato
BugofBook
seaotter
Key
Wei Ji
weiwei
asn lin
Olivia
ttdragon0722
viii
Charlie
steventhibe
秘密基地
iThome鐵人賽
看影片追技術