iT邦幫忙

javascript相關文章
共有 5172 則文章

技術 【Day31】[演算法]-二分搜尋法Binary Search

二分搜尋法(Binary Search ),在執行前有一項必須條件,資料列需要是已排序好的狀態,因此若資料龐大且未排序,需要先搭配使用前面幾天介紹的排序法,再來...

鐵人賽 Modern Web DAY 27
Vue.js 進階心法 系列 第 27

技術 表單處理 Object 裡的 Array

今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...

鐵人賽 Modern Web DAY 27

技術 Day 27 - 實戰演練 — Tabs

想先看 Code 或是 Demo 的由此去 Github Repo: ithelp-ui-demo Live Demo:** Tabs** Tabs 這邊整個...

鐵人賽 自我挑戰組 DAY 27
開始入坑網頁吧! 系列 第 27

技術 JavaScript Document Object

Document Object 我們知道 DOM 是 Document Object Model(文件物件模型),Document Object,是window...

鐵人賽 Modern Web DAY 27
JavaScript Easy Go! 系列 第 27

技術 #27 做點 GUI 吧!

今天就來做些 GUI 吧! 用 HTML + CSS 先把結構弄出來 app.html <html> <head>...

鐵人賽 Modern Web DAY 28

技術 【Day28】反饋元件 - Modal

元件介紹 Modal 元件為彈出相關元件提供了重要的基礎建設,如 Dialog、Popover、Drawer...等等。 參考設計 & 屬性分析 各家元...

鐵人賽 Modern Web DAY 28

技術 中階魔法 - this 指向(二)

前情提要 上回提到魔法學姊艾草(鳥)在練習英文。 艾草:「This, These, That, Those ...,可惡鳥嘴太難發音了吧,啾啾啾~啾啾啾!」 「...

鐵人賽 Modern Web DAY 26
舌尖上的JS 系列 第 26

技術 D26 - 走!去瀏覽器重現奧運決勝點 in

前言 今天來試著用滑鼠事件重現 2021 奧運羽球決勝點!麟洋配萬歲~ 台灣萬歲~~ 滑鼠 Event 種類 監聽事件提供的事件類別很多,而使用者在瀏覽網頁的...

鐵人賽 自我挑戰組 DAY 27

技術 [ Day 27 ] - 樣板字面值(Template literals)

說明 在先前的版本中被稱為樣板字串(template strings)早期在組字串資料時會用大量的 " + " 語法 要組成的字串使用兩個...

鐵人賽 Modern Web DAY 26
JavaScript 筆記 2 版 系列 第 26

技術 JavaScript Day26 - Async、Await

ES7:Async、Await async:async 寫在函式前面,表示函式是非同步的,回傳值是 Promise,所以可以接續使用 then 進行後續處理...

鐵人賽 Software Development DAY 26

技術 Day 26 - State Monad I

還記得先前提到 Math.random 並非是純函式嗎,因為每次給定相同的輸入都會是不同的輸出回傳回來,那有什麼辦法可以讓它是回傳亂數,又可以是純函數呢? 沒錯...

鐵人賽 自我挑戰組 DAY 26

技術 [ Day 26 ] - 陣列的資料處理 - findIndex

特性與用途 不會影響到原始陣列的資料 回傳符合條件的一筆資料的 index(索引) 直接進入寫法與範例 範例一:找出 >= 10 的 index co...

鐵人賽 Modern Web DAY 26

技術 那些被忽略但很好用的 Web API / 拖拉式待辦清單

就算拖拖拉拉,也可以把待辦事項處理好 昨天雖然已經知道該如何使用 Drag & Drop API 了,不過今天會實際用它來做個「拖拉式待辦清單」,用...

鐵人賽 Modern Web DAY 26
追求JS小姊姊30天 系列 第 26

技術 追求JS小姊姊系列 Day26 -- 不是被已讀,而是JS回覆你卻沒看到:`console`

前情提要 說明了不論是工具人或是姐妹,都有存活的範疇,以及背後的原理。 我:累了,仔細回想起來,好像發現她沒回覆過我訊息。工具人們:會不會只是你沒看到呢?我...

鐵人賽 Modern Web DAY 26
Vue.js 進階心法 系列 第 26

技術 表單處理 Object 裡的 Object

今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...

鐵人賽 Modern Web DAY 27

技術 中階魔法 - this 指向(一)

前情提要 艾草:「this is a book。」 「你在做什麼呀?」 艾草:「練習你的語言呀。」(艾草設定為鳥類。) 「很棒,繼續加油!」 艾草:「啊唸到 t...

鐵人賽 Software Development DAY 30

技術 【Day30】[演算法]-線性搜尋法Linear Search

搜尋(Search) 就是從一群資料中找出符合某些條件的資料,當資料量非常龐大時,如何在短時間內有效率地找到所要的資料,因此,搜尋演算法就變得相當重要。 線性...

鐵人賽 Modern Web DAY 26

技術 Day 26 - 實戰演練 — Notifier 、Notification

想先看 Code 或是 Demo 的由此去 Github Repo: ithelp-ui-demo/Notifier Live Demo:** Notific...

鐵人賽 Modern Web DAY 26

技術 Day26 X Memory Management In JavaScript

如果你是寫 C/C++ 的開發者,應該對記憶體管理並不陌生,如果你是後端開發者,應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...

鐵人賽 Modern Web DAY 26
JavaScript Easy Go! 系列 第 26

技術 #26 初探 Electron

前兩天我們做了一個網頁伺服器,接下來我們來幫它加上 GUI 吧! Electron Electron 是一個用前端技術寫桌面應用程式的東西,它基本上跟 pkg...

鐵人賽 Modern Web DAY 25

技術 那些被忽略但很好用的 Web API / Drag & Drop

就喜歡拖拖拉拉 現在使用手機、平板來瀏覽網站的機會比起電腦來說,實在是多太多了,所以其實 Web API 也不斷針對這樣的趨勢在靠攏,像是我們前期介紹的 B...

鐵人賽 Modern Web DAY 26

技術 第26車廂-眼睛眨啊眨~登入密碼的顯示/隱藏應用篇

本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, Font Awesome 使用方式 官...

鐵人賽 Modern Web
我的JavaScript日常 系列 第 31

技術 我的JavaScript日常- 第 31 天不是結束,反而是開始

昨天總算完成了「我的JavaScript日常」的最後一篇文章,很高興自己成功挑戰了 30 天的研究與整理,也深刻的感覺到這 30 天其實每一天都是在穩固我對 J...

鐵人賽 Modern Web DAY 27

技術 【Day27】反饋元件 - Progress circle

元件介紹 Progress circle 跟上一篇 Progress bar 一樣是能夠展示當前進度的元件。只是在外觀上面以圓形替代長條形,好處是在寬度不夠的排...

鐵人賽 Software Development DAY 25

技術 Day 25 - Reader Monad

今天來介紹 Reader Monad,其主要處理的就是 dependency injection, 痛點 說到 dependency injection 如果最...

鐵人賽 Modern Web DAY 25
JavaScript 筆記 2 版 系列 第 25

技術 JavaScript Day25 - Promise(2)

Promise Promise.all():等待裡面的都完成才回傳,因為是全部完成,所以會是陣列,失敗就是回傳失敗那個 Promise.race():等待...

鐵人賽 Modern Web DAY 25
舌尖上的JS 系列 第 25

技術 D25 - 走!去瀏覽器吃餅乾 yummy yummy!

前言 今天來學元素的 classList,一口一口吃餅乾 yummy yummy!Codepen 成品連結 圖片來源 PurePNG classList DOM...

鐵人賽 Modern Web DAY 25

技術 第25車廂-讓pdf檔有翻頁效果!pdf.js+turn.js應用篇

本篇續第23篇介紹pdf.js讓前端可以看pdf檔及第24車廂介紹翻頁效果套件turn.js,整合兩篇將pdf檔翻頁起來! 看本篇之前,需看一下本系列文...

鐵人賽 Modern Web DAY 25
追求JS小姊姊30天 系列 第 25

技術 追求JS小姊姊系列 Day25 -- 工具人、姐妹的存活原理:宣告變數的有效區域

前情提要: 看完記憶體儲存差異,現在要來談談全域污染這件事。 基本scope概念 所謂的範疇Scope是規範變數有效的區域 在JavaScript內有三個主...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30 JavaScript < 簡易數據類型介紹 & End>

1. 數據類型簡介 1-1 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...