想先看 Code 或是 Demo 的由此去 Github Repo: ithelp-ui-demo/Notifier Live Demo:** Notific...
如果你是寫 C/C++ 的開發者,應該對記憶體管理並不陌生,如果你是後端開發者,應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...
前兩天我們做了一個網頁伺服器,接下來我們來幫它加上 GUI 吧! Electron Electron 是一個用前端技術寫桌面應用程式的東西,它基本上跟 pkg...
本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, Font Awesome 使用方式 官...
昨天總算完成了「我的JavaScript日常」的最後一篇文章,很高興自己成功挑戰了 30 天的研究與整理,也深刻的感覺到這 30 天其實每一天都是在穩固我對 J...
元件介紹 Progress circle 跟上一篇 Progress bar 一樣是能夠展示當前進度的元件。只是在外觀上面以圓形替代長條形,好處是在寬度不夠的排...
今天來介紹 Reader Monad,其主要處理的就是 dependency injection, 痛點 說到 dependency injection 如果最...
Promise Promise.all():等待裡面的都完成才回傳,因為是全部完成,所以會是陣列,失敗就是回傳失敗那個 Promise.race():等待...
前言 今天來學元素的 classList,一口一口吃餅乾 yummy yummy!Codepen 成品連結 圖片來源 PurePNG classList DOM...
本篇續第23篇介紹pdf.js讓前端可以看pdf檔及第24車廂介紹翻頁效果套件turn.js,整合兩篇將pdf檔翻頁起來! 看本篇之前,需看一下本系列文...
前情提要: 看完記憶體儲存差異,現在要來談談全域污染這件事。 基本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...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料,之後把資料渲染到畫面,並加入輪播功能,而且輪...
在介紹 Task Monad 前,來介紹一個重要的概念, 想像一下,有一組陣列裡面的項目都是 userId,現在要將 userId 去做 http reques...
本篇介紹可實現翻頁效果的turn.js基本參數及基本用法 :哈囉!:(叫誰?):叫你啦!:喔。怎?:不知道你會不會有這樣的需求?要你做一個像是電子書可以翻頁...
前言 這篇介紹 DOM Event Listener - 事件監聽 (總覺得監聽這個翻譯很有抓姦的畫面感?!) 實作:利用捕獲機制設計燈泡漸進式的關燈效果 💡💡...
ES8 新增了 async 與 await 兩個語法,這兩個語法也是為了更方便解決非同步的語法,可以說是 Promise then 的語法糖。 async a...
特性與用途 不會影響到原始陣列的資料 可以篩選符合條件的內容,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 cons...
第 30 天,本來想說或許最後一天可以來一篇心得文,讓自己好好休息一下,因為這 30 天花了大量的精神在一邊找資料一邊吸收知識順便應付職場,整體覺得需要出去吃喝...