標籤樣板字面值是一種更高級的樣板字面值形式,允許你透過標籤函數操作樣板字面值的輸出。標籤函數的第一個參數是一字串陣列,其餘參數則是處理過的表達式。最終,你可以返...
今天假如要寫一個求 1 + 2 + … + n 的總和,一般人可能很直覺的就想到說,要用迴圈的方式把所有值都加在一起。 function add(n) {...
超白話畫面和功能拆解 背景顏色取決於寶可夢的類型 CSS手刻卡片排版 每個卡片內包含寶可夢圖片、名稱、編號、背景顏色、類型,以上這些都要動態呈現 運...
為什麼要了解設計模式 當我說"沉默螺旋"(spiral of silence),你知道我在說什麼嗎? 你如果知道,我就不用解釋繼續講下去,甚...
事件 (Event) 網頁的事件可說是無所不在,從瀏覽器載入網頁開始,只要有在使用網頁,就隨時都有事件正在被觸發。 事件類型 事件類型非常多種,比較常見的例如:...
Abstract 我是阿傑,既然前面介紹了這麼多 找東西 的咩色 (find、filter、indexOf...),我們今天就來介紹一個最新最時尚的咩色 -...
原本要繼續打Node的套件的,可是突然想到忘記講這個常用的東西,趕快來惡補( 前面有學到了很多有關於字串的操作。今天要來學習的是用來匹配字串的正則表達式(或叫正...
已經瞭解規則,接著就開始製作身分證製造機的作業。在開始前,先做個檢查機制,檢查我們的身分證號碼是否正確,也就是 TDD 的精神,這樣才能確認我們的身分證製造機產...
若想知道更多資訊,可參考文字敘述:Day19【每天5分鐘】學前端 | JavaScript 物件 object 感謝收看,我們明天見囉~~~
今天繼續跟著官方文檔來研究DayJS套件。 Display 講到顯示,應該還記得昨天很常用到的format(),顧名思義,它就是拿來做格式化的函式,既然是函式,...
前言 接下來幾篇文章以「在 Vue 3 Composition API 處理非同步( 發 API )」為主軸,會從新手的角度出發,告訴大家可以在哪些地方、時機發...
前言 陣列,是資料處理中很常見的東西,但是你真的懂陣列嗎?除了基本陣列的樣子,陣列其實還有很多東西可以運用,但是鯊魚不懂陣列,所以鯊魚要努力學習,為了結實的基礎...
組件實作 : Demo、Demo2 一、前言 昨天學習 Sass 的最主要目的,就是為了要看懂自己以前寫的東西,我把它統稱為小作品,當時的這些小作品我是照...
select元素是一個很常出現、很常使用也很難客製化的元素。所以我第一篇的實做會選擇select來客製化。為了能更好的複用組件,我會分成以下數個部分:顯示資料用...
tags: ItIron2022 Javascript 前言 在開發的過程中我們經常用到大大小小的套件,讓我們不用每次都自己從造起,而是能直接站在巨人的肩膀上看...
組件實作 : Demo 一、前言 List 也是一種很常見的功能,其實 List 可以跟之前做的 Day 18:Collapsibles 組件實作 搭配使...
前言 今天要來講的主題是this,在JavaScript中的this可以在呼叫函式時,透過不同方式決定它要指向哪一個物件,而關於什麼時候會指向什麼地方,這就是t...
甚麼是 DOM DOM (Document Object Model),中文翻譯為「文件物件模型」,是一個經過 W3C 定義,將 HTML 文件內的各個元素、...
這次介紹的是toString()和toLocaleString(),這兩個有什麼差別呢?不難發現後者多了Locale這個單字,也就是說,後者會依照所在地區去轉化...
Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 findIndex() 這個 method 的...
這次製作新的小工具-身分證製造機! 身分證製造機這工具個人很常用,因為要模擬客戶進行交易、帳務處理、顧客管理等等都會要用到,而且還要可以批次產生,因此才想到要做...
陣列的操作方法 說明 push( ) 新增資料到陣列的末端 pop( ) 移除陣列的最後一個元素 shift( ) 移除陣列的第一個元素...
前言 函式是JavaScript的最重要的一部份,所有的運作都是靠函式一個一個連接起來,就像是精密儀器的小小螺絲,微小但是很重要,跟鯊魚一起來看看Functio...
今天要來做的是備忘錄,可以新增、修改以及刪除,並儲存在local storage中,畫面上錄不到重新整理的按鈕,不過若正確存放到 local storage...
一、前言 之前在 Hahow 學習前端相關的課程,學了一點 Sass 的基本寫法,印象中大概學了 4 個月,後來使用純 CSS 作為開發環境,導致 Sass...
組件實作 : Demo 一、前言 AJAX(Asynchronous JavaScript and XML)中文翻作「非同步的 JavaScript 與...
沒錯!接下來要跟套件們合作嚕! 算時間一直都是麻煩事,簡單移動個一天兩天還可以,但一下要算時差,一下要算隔幾天,然後又要拆格式...然後就迷失在時間的洪流(?...
上篇文章算是正篇的最後一篇文。從這篇文章開始,會以實做web component的角度出發,從小規模使用,到建立組件庫。 推薦的最佳實踐方式 如果各位之前只有看...
前言 ES6才加入的primitive type,我個人覺得是primitive type當中最難理解的。 object的key在ES6之前都只能是字串,就算寫...
如果你想要成長,跨出你的舒適圈。泥濘中跌倒再站起,失敗就是一種學習。你就是你,獨一無二,綻放著,閃耀著。今天我們來實作Day #26 Motivational...