今天跟大家介紹一個駭客技能的學習網站Hack This Site! Hack This Site!是一個可以讓我們練習駭之呼吸的網站,透過這個學習網站,可以找出...
前言 延續之前的 DOM 內容,然後再進行 BMI 的練習吧! 操作 HTML 內容 createElement():建立一個元件 appendChild...
今天要來教學如何使用 「bottender-compose」 這個官方提供的 Library 來做出 Action 的組合。首先,我們必須先安裝這個套件: np...
影片彈幕 昨天介紹了如何將 Video 來源同步繪製到 Canvas 上面,並且套用我們先前做的濾鏡效果,今天繼續來介紹在影片中很常見的觀眾互動彈幕效果。 在...
18 - Adding Up Times with Reduce 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScri...
Day 18 別把我頭上的角取下來,這樣我就被 Shift 了。不過也好,這樣我看起來會比較正常。 前一篇我們認識了從陣列的頭部加上一個或多個元素的unsh...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
今天要介紹的是插入排序法 Insertion Sort,在排序小型資料時,此演算法效能比氣泡排序和選擇排序效能更好。 插入排序法運作方式為逐一將資料值加入已排序...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
本日閱讀進度:第七章 重要的資料型別(285~306頁) 重點摘要: 1. 加減乘除時的資料型別轉換除了==在做比較時會自(ㄐㄧ)動(ㄆㄛˊ)轉換資料型別,加減...
閱讀本篇文章前,仔細想想看 今天不用想,馬上看下去! 今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...
超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(1) 大家好!今天我要介紹的是Vue官方所推出的路由工具:Vue-Router官網介...
前言 轉生第十八日,這一篇將會介紹另一種儲存方式,也就是 localStorage。 localStorage localStorage 是 HTML5 才加入...
前言 今日繼續進行 DOM 的練習範例 index.html <body> <a id="google" href...
JavaScript程式的執行 一個JavaScript程式由以下組成: JavaScript程式碼 HTML 處理器 JavaScript: URL 標...
17 - Sort Without Articles 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sm...
本日閱讀進度:第七章 重要的資料型別(275~284頁) 重點摘要: 關於等於(=)運算符 var x = 99=是一個賦值運算符,用於把值賦予一個變數。...
關於遊戲實作的部分在 Unlight 的原始碼中有太多東西可以參考跟學習,前面半個月的時間我們已經將連線遊戲中最主要的機制了解,透過運用 Socket API...
閱讀本篇文章前,仔細想想看 命名空間的用意是什麼? 如何運用 TypeScript Namespaces 組織不同區塊的程式碼? 命名空間融合(Names...
最近剛好研究了一些新東西,覺得很有趣與實用於是決定放上來與大家分享 有用過 npm 的人(JS 開發者必備工具吧)應該都了解他的強大吧,需要什麼套件幾乎都可以透...
範圍鍊,也就是在查找 function 內的變數時,依照要如何向外尋找的規則。 而這個規則跟上一篇文章提到的執行作用域無關。 而是跟這個函式在編寫的時候的位...
執行環境 Excution Context 首先我們先來看到下方這張圖: 當左方的 function 被呼叫的時候,就會創建一個 local 的作用域,並且...
Day 17 頭和腳的關係如此微妙,一個思考一個執行,但對程式的陣列來說,都只是陣列的一部分而已,很公平。 接下來我們會分兩天,聊聊從陣列的開頭(前面)新增...
[程式碼&DEMO] [HackMD完整筆記] 目標 用arr.reduce()和arr.map()方法去累加所有時間值,並進行時間格式轉換。...
部落格同步刊登 [IT 鐵人賽] 在 Vue 之後的事情,還會有什麼? Day 30 結束了鐵人賽 30 天的過程,其實說真的我也沒有講太多 Vue 的事情...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
[程式碼&DEMO] [HackMD完整筆記] 目標 如何將原陣列在去除部分文字(前綴詞The/A/An)後再重新進行排序。 步驟流程 STE...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
這篇文章我們來探討 Javascript 的語法作用域 function callName () { var husky = '哈士奇';...
選擇排序法 Selection Sort會在未排序的資料列中尋找資料值最小(大)的元素,和原本資料列的第一個元素交換位置,再從剩下未排序的資料列中尋找資料值最小...