最近剛好研究了一些新東西，覺得很有趣與實用於是決定放上來與大家分享 有用過 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會在未排序的資料列中尋找資料值最小(大)的元素，和原本資料列的第一個元素交換位置，再從剩下未排序的資料列中尋找資料值最小...
今天要介紹的是 RHS | LHS 如圖所示， RHS 就是指我們將變數指定特定內容的變數運用在其他表達式上 實際上的例子如下 var husky = '哈士...
題目: https://leetcode.com/problems/flatten-binary-tree-to-linked-list/! 解題思路: 我個人...
前面總共花了十天十篇文章，利用 Messenger、LINE 兩個平台來介紹在訊息平台上各種常見的機器人功能，其中有一部分的功能是只在 Messenge 或是...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...
前言 轉生第十七日，這一篇將會介紹 Cookie。 Cookie Cookie 中文又稱為餅乾，通常 Cookie 會很常見於與 Session 搭配，而最主要...
routing routing 路由是第三十天要分享給大家的 svelte 文章，不過這個套件不是官方用法， svelte 的官方用法是 sapper 這個框架...
前言 今日進行 DOM 的練習範例，因為要互動，所以先進行 HTML 的更改 index.html <body> <p id=&quo...
鐵人賽進入尾聲了，基礎也都帶過了，最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網 這個函式庫針對...
影片播放 今天來介紹如何播放影片，並且套用我們先前做的濾鏡效果，影片可以想像成由每一張照片組成，而每秒照片的多寡就稱為 fps (Frame per secon...
今天是鐵人賽的第十五天，旅程進行到了一半，而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容，今天也將接續下去，跟大家聊聊許...
client side JavaScript Window物件是client-side功能與API的主要進入點，代表瀏覽器window或frame。Windo...
[程式碼&DEMO] [HackMD完整筆記] 目標 依據使用者目前的鼠標位置來控制文字陰影的位置。 步驟流程 STEP1 變數 const...
16 - Mouse Move Shadow 俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small...
原生濾鏡 前面都在提說如何用 JaveScript 去改變圖像中的每個像素值來達成我們想要的效果，但其實在原生 CSS 中就有提供一些屬性來提供效果，今天我們就...
前面幾篇內提到的所有互動都是在對話框中完成，雖然若能順暢的用 Conversation UI 完成所有的事情，那會是很棒的事，使用者不會碰到斷斷續續的或是跳轉的...
閱讀本篇文章前，仔細想想看 讀者認為目前對 TypeScript 編譯器的設定的了解程度如何呢？ 如果還沒理解完畢的話，可以先翻看最近這幾天的文章喔！...
直譯語言(Interpreted Language) javascript就是直譯式語言，會直接透過直譯器，將代碼生成出來，才在運行環境執行。並且如果有錯誤的狀...
本日閱讀進度：第七章 重要的資料型別（265～274頁） 重點摘要： null VS undefined 為什麼有這兩個這麼相似的物件？JavaScri...
在開發遊戲時除錯之所以的原因之一是因為要管理的狀態太多了，如果仔細的觀察一個遊戲會發現遊戲就像是一個巨大的狀態機。從玩家所在的關卡畫面、關卡內的 NPC、怪物等...
莫力全 Kyle Mo
tsuifei
BROWN
閃光洽
ShawnL
Andy Chang
harry xie
keyhouse12
C. T. Lin
Spark
Ray
kirai
hokou
lb01910483
Gary
7ackson
Chester
Maxwell Alexius
appletabby
蒼時弦也
iThome鐵人賽
看影片追技術