iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 自我挑戰組 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
追求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 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 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...

鐵人賽 Modern Web DAY 25

技術 #25 No-code 之旅 — 實作 Notion 部落格 Pagination (分頁) 功能 ft. SWR

嗨大家!像昨天說的,今天會講怎麼用 SWR 實作 Notion 部落格的 pagination (分頁) 功能~ 還沒看昨天的文章的大家,可以點這裡,今天的文章...

鐵人賽 自我挑戰組 DAY 25

技術 [ Day 25 ] - 陣列的資料處理 - find

特性與用途 不會影響到原始陣列的資料 篩選符合條件的第一筆資料,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 &gt;= 10 的資料 con...

鐵人賽 Software Development DAY 29

技術 【Day29】[演算法]-基數排序法Radix Sort

基數排序法(Radix Sort),與前篇的桶排序都是非比較排序,也屬於「分配性」的排序方式,原理依據鍵值排序的方向又分為兩種: LSD(Least Sig...

鐵人賽 Modern Web DAY 25

技術 24 - ESLint - Lint JavaScript 程式碼

使用程式語言實作功能時,一百個人寫就會有一百種不同的程式碼,雖然都可以正常運作,但有些寫法(例如全域變數)會使系統結構脆弱,容易造成錯誤。 為了避免這些錯誤,開...

鐵人賽 Modern Web DAY 25

技術 Day 25 - 實戰演練 — Input

在 Input 需要預處理的主要就是 React 的 control &amp; unControl,於是也在這簡介一下兩者的差別: Uncontrolled...

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

技術 表單: 處理物件型資料的畫面

以一個這樣的表單為例 &lt;UserForm :data=&quot;data&quot; @update:firstName=&quo...

鐵人賽 Modern Web DAY 24

技術 #24 No-code 之旅 — 在 Next.js 專案中實作 API

嗨大家!今天在串 Notion SDK 時因為想要實作 pagination (分頁) 的關係,才發現在 client-side 呼叫會遇到 CORS 問題。這...

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

技術 #25 Click! Serve! Plus

今天我們來為我們昨天做的「Click! Serve!」增加一些「設定」。 增加 pkg 設定 昨天我們用最簡單的設定讓 pkg 可以將程式打包成可執行檔,今天我...

鐵人賽 自我挑戰組 DAY 25

技術 [訪談] APCS x 學測個申 JacobLinCool

今天邀請到一樣是和我同一組鐵人賽「NTNU-Unic0rn」的組員,也是師大資工同屆的同學 JacobLinCool 來分享他的程式學習歷程和對於 APCS 的...

鐵人賽 Modern Web DAY 26

技術 【Day26】反饋元件 - Progress bar

元件介紹 Progress bar 是能夠展示當前進度的進度條元件。當一個操作需要顯示目前百分比,或是需要較長時間等待運行的時候,能夠使用這樣的元件提示用戶目前...