Day 22 一堆樸克牌攤在眼前,要照花色排還是大小來排?隨你高興。 sort()是個很好用的陣列方法,凡是要把陣列裡面的元素,照我們想排列的方式重新排列都...
閱讀本篇文章前,仔細想想看 還記得單例模式 Singleton Pattern嗎?今天會用到喔! 本篇文承接上一篇文,因此如果是跳到這篇的話可以先從上一篇或...
function eatBreakfast () { console.log('吃早餐'); }...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
這個章節要來講述 Javascript 的回收機制,也就式記憶體釋放的情況。 假設現在有兩個 function 的執行堆疊如上圖,在 sayHi 的執行堆疊...
「我要努力向上,不付諸君期望」 ~整人專家-胡真~ 就前端初學者的思維,大多會把「寫出可以運行的 code 」當作是練習或是實作的終極目...
Not Defined VS undefined 可以看到下方的圖片描述 如果我們一開始有宣告 a 這個變數,但是沒有賦予其值,則會顯示 undefined...
這次要介紹的是二分搜尋法(Binary Search),使用此排序法的話,要搜尋的資料列必須經過排序。運作原理就是將要尋找的值和資料列中間的值進行比較。如果尋找...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
使用textarea輸入文章或是簡介印在html,所有原本的換行與空白都不見了。所以在這裡需要做個處理,回復原本文章有換行與空白的樣子。 html <te...
我們先來看看下面這段code的執行結果 當我們執行 doSomthing 的 function 的時候,會發現一開始 mom 是 undefined,繼續執行...
[程式碼&DEMO] [HackMD完整筆記] 目標 隨著鼠標移動,用css做出HightLight樣式。 步驟流程 STEP1 取得HTM...
22 - Follow Along Link Highlighter 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaSc...
一、何謂JavaScriptJavaScript是一種腳本語言(script language),由Sun公司及Netscape公司合作開發,之後微軟也推出相似...
超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (3) 大家好,在昨天我們建置了node的開發環境,並且安裝Vue-cli後,今天要對Vu...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
前言 轉生第二十二日,這一篇將會介紹函式、執行環境與變數環境還有範圍鏈這四個東西。 執行環境 一開始我們先來講一下 JavaScript 的執行環境,在前面的轉...
第 28 天:DataVis:C3 Spline 昨天我們利用了 LINE 聊天機器人幫忙儲存在 Heroku Postgres 的資料畫出了甜甜圈圖(do...
Cascading Style Sheets(CSS) 用來指定HTML document視覺呈現方式的標準。style規則來至不同來源所一層層相疊後的結果(後...
前言 繼續進行事件篇,今日介紹氣泡與捕捉,以及中止或取消的部分 事件監聽器 DOM 事件監聽器:element.addEventListener('event...
21 - Geolocation 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...
本日閱讀進度:第十章 一級函式(429~441頁) 重點摘要: 函式宣告到目前為止,我們都是使用function關鍵字、名稱、參數以及程式碼區塊進行標準的函式...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
OffscreenCanvas 昨天我們成功將 ImageBitmap 送到 worker,今天我們要來解決的是如何在 worker 裡面處理 Canvas 的...
[程式碼&DEMO] [HackMD完整筆記] 目標 利用navigator.geolocation的API去取得當下裝置的地理位置以及速率。...
前言 本篇會介紹如何在 TypeScript 中使用 Class,但是可別搞混了哦!TypeScript 的 Class 和 JavaScript 的 Clas...
Day 21 這邊刪一下、那邊加一下,阿不,從後面改起!主管,可不可以不要這樣玩來玩去嗎? splice 中文為拼接。可以藉由刪除原來有的元素並/或加入新元...
不知道大家有沒有聽過「有限狀態機」也就是「finite-state machine (FSM)」? 以維基百科上的這張圖來當作最簡單的範例: 最一開始的時候門...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
今天要介紹的是循序搜尋法(Sequential Search),也可稱為線性搜尋法(Linear Search),運作原理相當簡單,就是在資料列一個一個值的和目...