二分搜尋法(Binary Search ),在執行前有一項必須條件,資料列需要是已排序好的狀態,因此若資料龐大且未排序,需要先搭配使用前面幾天介紹的排序法,再來...
今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...
想先看 Code 或是 Demo 的由此去 Github Repo: ithelp-ui-demo Live Demo:** Tabs** Tabs 這邊整個...
Document Object 我們知道 DOM 是 Document Object Model(文件物件模型),Document Object,是window...
今天就來做些 GUI 吧! 用 HTML + CSS 先把結構弄出來 app.html <html> <head>...
元件介紹 Modal 元件為彈出相關元件提供了重要的基礎建設,如 Dialog、Popover、Drawer...等等。 參考設計 & 屬性分析 各家元...
前情提要 上回提到魔法學姊艾草(鳥)在練習英文。 艾草:「This, These, That, Those ...,可惡鳥嘴太難發音了吧,啾啾啾~啾啾啾!」 「...
前言 今天來試著用滑鼠事件重現 2021 奧運羽球決勝點!麟洋配萬歲~ 台灣萬歲~~ 滑鼠 Event 種類 監聽事件提供的事件類別很多,而使用者在瀏覽網頁的...
說明 在先前的版本中被稱為樣板字串(template strings)早期在組字串資料時會用大量的 " + " 語法 要組成的字串使用兩個...
ES7:Async、Await async:async 寫在函式前面,表示函式是非同步的,回傳值是 Promise,所以可以接續使用 then 進行後續處理...
還記得先前提到 Math.random 並非是純函式嗎,因為每次給定相同的輸入都會是不同的輸出回傳回來,那有什麼辦法可以讓它是回傳亂數,又可以是純函數呢? 沒錯...
特性與用途 不會影響到原始陣列的資料 回傳符合條件的一筆資料的 index(索引) 直接進入寫法與範例 範例一:找出 >= 10 的 index co...
就算拖拖拉拉,也可以把待辦事項處理好 昨天雖然已經知道該如何使用 Drag & Drop API 了,不過今天會實際用它來做個「拖拉式待辦清單」,用...
前情提要 說明了不論是工具人或是姐妹,都有存活的範疇,以及背後的原理。 我:累了,仔細回想起來,好像發現她沒回覆過我訊息。工具人們:會不會只是你沒看到呢?我...
今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...
前情提要 艾草:「this is a book。」 「你在做什麼呀?」 艾草:「練習你的語言呀。」(艾草設定為鳥類。) 「很棒,繼續加油!」 艾草:「啊唸到 t...
搜尋(Search) 就是從一群資料中找出符合某些條件的資料,當資料量非常龐大時,如何在短時間內有效率地找到所要的資料,因此,搜尋演算法就變得相當重要。 線性...
想先看 Code 或是 Demo 的由此去 Github Repo: ithelp-ui-demo/Notifier Live Demo:** Notific...
如果你是寫 C/C++ 的開發者,應該對記憶體管理並不陌生,如果你是後端開發者,應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...
前兩天我們做了一個網頁伺服器,接下來我們來幫它加上 GUI 吧! Electron Electron 是一個用前端技術寫桌面應用程式的東西,它基本上跟 pkg...
就喜歡拖拖拉拉 現在使用手機、平板來瀏覽網站的機會比起電腦來說,實在是多太多了,所以其實 Web API 也不斷針對這樣的趨勢在靠攏,像是我們前期介紹的 B...
本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, 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 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...