前兩天我們做了一個網頁伺服器,接下來我們來幫它加上 GUI 吧! Electron Electron 是一個用前端技術寫桌面應用程式的東西,它基本上跟 pkg...
昨天總算完成了「我的JavaScript日常」的最後一篇文章,很高興自己成功挑戰了 30 天的研究與整理,也深刻的感覺到這 30 天其實每一天都是在穩固我對 J...
就喜歡拖拖拉拉 現在使用手機、平板來瀏覽網站的機會比起電腦來說,實在是多太多了,所以其實 Web API 也不斷針對這樣的趨勢在靠攏,像是我們前期介紹的 B...
元件介紹 Progress circle 跟上一篇 Progress bar 一樣是能夠展示當前進度的元件。只是在外觀上面以圓形替代長條形,好處是在寬度不夠的排...
今天來介紹 Reader Monad,其主要處理的就是 dependency injection, 痛點 說到 dependency injection 如果最...
Promise Promise.all():等待裡面的都完成才回傳,因為是全部完成,所以會是陣列,失敗就是回傳失敗那個 Promise.race():等待...
本篇續第23篇介紹pdf.js讓前端可以看pdf檔及第24車廂介紹翻頁效果套件turn.js,整合兩篇將pdf檔翻頁起來! 看本篇之前,需看一下本系列文...
前言 今天來學元素的 classList,一口一口吃餅乾 yummy yummy!Codepen 成品連結 圖片來源 PurePNG classList DOM...
前情提要: 看完記憶體儲存差異,現在要來談談全域污染這件事。 基本scope概念 所謂的範疇Scope是規範變數有效的區域 在JavaScript內有三個主...
1. 數據類型簡介 1-1 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...
嗨大家!像昨天說的,今天會講怎麼用 SWR 實作 Notion 部落格的 pagination (分頁) 功能~ 還沒看昨天的文章的大家,可以點這裡,今天的文章...
特性與用途 不會影響到原始陣列的資料 篩選符合條件的第一筆資料,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 con...
前情提要 艾草:「昨天教你原理,今天我們實際來實作這個術式吧!」 「好~~」 艾草:「來!發動前要唸咒語,霹靂卡霹靂拉拉波波力那貝貝魯多!」 「這也太羞恥了吧!...
基數排序法(Radix Sort),與前篇的桶排序都是非比較排序,也屬於「分配性」的排序方式,原理依據鍵值排序的方向又分為兩種: LSD(Least Sig...
使用程式語言實作功能時,一百個人寫就會有一百種不同的程式碼,雖然都可以正常運作,但有些寫法(例如全域變數)會使系統結構脆弱,容易造成錯誤。 為了避免這些錯誤,開...
在 Input 需要預處理的主要就是 React 的 control & unControl,於是也在這簡介一下兩者的差別: Uncontrolled...
以一個這樣的表單為例 <UserForm :data="data" @update:firstName=&quo...
嗨大家!今天在串 Notion SDK 時因為想要實作 pagination (分頁) 的關係,才發現在 client-side 呼叫會遇到 CORS 問題。這...
今天我們來為我們昨天做的「Click! Serve!」增加一些「設定」。 增加 pkg 設定 昨天我們用最簡單的設定讓 pkg 可以將程式打包成可執行檔,今天我...
今天邀請到一樣是和我同一組鐵人賽「NTNU-Unic0rn」的組員,也是師大資工同屆的同學 JacobLinCool 來分享他的程式學習歷程和對於 APCS 的...
元件介紹 Progress bar 是能夠展示當前進度的進度條元件。當一個操作需要顯示目前百分比,或是需要較長時間等待運行的時候,能夠使用這樣的元件提示用戶目前...
ES6:Promise Promise:代表一個即將成功或失敗的非同步操作 會有這幾狀態: 擱置 (pending):初始狀態 實現 (fulfilled...
特性與用途 不會影響到原始陣列的資料 可以篩選符合條件的內容,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 cons...
本篇介紹可實現翻頁效果的turn.js基本參數及基本用法 :哈囉!:(叫誰?):叫你啦!:喔。怎?:不知道你會不會有這樣的需求?要你做一個像是電子書可以翻頁...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料,之後把資料渲染到畫面,並加入輪播功能,而且輪...
在介紹 Task Monad 前,來介紹一個重要的概念, 想像一下,有一組陣列裡面的項目都是 userId,現在要將 userId 去做 http reques...
前言 這篇介紹 DOM Event Listener - 事件監聽 (總覺得監聽這個翻譯很有抓姦的畫面感?!) 實作:利用捕獲機制設計燈泡漸進式的關燈效果 💡💡...
前情提要 「艾草艾草,你在做什麼?」 艾草:「沒特別做什麼呀!」 「艾草艾草,我問你喔!」 艾草:「嗯嗯,問呀,但為什麼都要叫我名字兩次呀?」 「透過兩次的呼叫...
將元素玩弄與指尖,說來就來,呼風喚雨 既然有 IntersectionObserver 能夠偵測元素是否進入視窗中,那當然也會有 API 能夠主動讓元素進入...
ES8 新增了 async 與 await 兩個語法,這兩個語法也是為了更方便解決非同步的語法,可以說是 Promise then 的語法糖。 async a...