iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 25

技術 Day 25 - 做個梗圖編輯器 (上)

Day 25 - 做個梗圖編輯器 (上) 昨天介紹到了如何使用 fabricjs 的基本用法,今天就拿來做一些應用吧,這次主要是參考了 imgflip 的功能,...

鐵人賽 Modern Web DAY 24

技術 24. [BE] 請說明一下 npm 的套件管理機制。

在現代的網站中,使用他人開放原始碼的套件輔助開發已經是稀鬆平常的事情,無論是透過套件加速堆砌產品,或是在開發環境中加上協助工程師的各式工具,只需要稍加設定,一...

鐵人賽 Modern Web DAY 25

技術 Day 25:「意圖」與「實體」的應用 -「Dialogflow」

昨天花一天的篇幅在講「問」與「答」的判斷跟回應要怎麼用、怎麼整合在 Bottender 中,但除了問與答以外,其實還有更常見的「意圖」與「實體」的應用方式。 今...

鐵人賽 Modern Web DAY 29

技術 【React.js入門 - 29】 使用圖片、使用css檔、新手容易遇到的問題

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 26

技術 [JS30]DAY25 : Event Capture, Propagation, Bubbling and Once

[程式碼&DEMO] [HackMD完整筆記] 目標 解析addEventListener中: Event Capture 事件捕捉 Even...

鐵人賽 自我挑戰組 DAY 25

技術 Day25. I have a 函式,I have a 操作環境,呃!閉包!

本日閱讀進度:第11章 匿名函式、作用域及閉包(495~510頁) 重點摘要: 閉包是什麼閉包(closure)就是一個加上操作環境的函式。如果我們把「具有...

鐵人賽 自我挑戰組 DAY 25

技術 JS 把陣列 Array 轉成字串的 toString()

Day 25 我不想理你是歐洲人、美洲人、非洲人或哪國人,我就是要說中文。 常常聽到人家說 JavaScript 是弱型別語言,剛開始學程式的時候真的有點一...

鐵人賽 Modern Web DAY 26

技術 EP.25 RE:從零開始的學習 JS 生活-第二十五日

前言 轉生第二十五日,這一篇主要稍微介紹一下什麼是 Callback Hell。 Callback Hell Callback Hell 中文是回呼地獄,這種狀...

鐵人賽 Software Development DAY 26

技術 Day26-解題-Armstrong number 阿姆斯壯數

今天要來解的題目是阿姆斯壯數,阿姆斯壯數是什麼呢?假定給定一個 n 位數的整數,該整數的每個位數乘上 n 次方的總和剛好為該整數,則該數字就為阿姆斯壯數。ex:...

鐵人賽 自我挑戰組 DAY 25

技術 新手村25 - Event Capture, Propagation, Bubbling and Once

25 - Event Capture, Propagation, Bubbling and Once 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What...

鐵人賽 Modern Web DAY 29

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1) 大家好!時光飛逝,不知不覺也來到第29天了阿...我們也將邁入最後...

鐵人賽 Modern Web DAY 25

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 自我挑戰組 DAY 24
JavaScript 新手筆記 系列 第 24

技術 Day24 - 資料儲存與更新(01)

前言 今天來說明將資料進行儲存的方法 localStorage localStorage = 本機端儲存 將資料儲存在瀏覽器,因為存在本機的電腦上,因此關...

鐵人賽 Modern Web DAY 24

技術 Day 24 - Canvas 常用套件 - fabric js 介紹

Day 24 - Canvas 常用套件 - fabric js 介紹 之前的實作上幾乎都是使用原生的方式跟 Canvas 作互動或者影像處理,而其實現在有許多...

鐵人賽 自我挑戰組 DAY 24

技術 Day24. 你函式中有我,我函式中有你

本日閱讀進度:第11章 匿名函式、作用域及閉包(485~494頁) 重點摘要: 函式何時被定義函式宣告在處理程式碼的第一階段即被定義,函式運算式要在被求值後...

鐵人賽 Modern Web

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

閱讀本篇文章前,仔細想想看 泛用型別化名的如何進行宣告? 泛用化名註記在變數時的注意事項為何? 泛用函式的特點為何? 如果還不清楚可以看一下前一篇文章喔...

鐵人賽 Modern Web DAY 24

技術 Day 24:問與答的應用 -「QnA Maker」

昨天花了一整篇的篇幅來做了自然語言處理的應用介紹,接下來幾天要來試用一下一些現行市面上的服務,介紹一下他們的運作方式,並看看他們的使用體驗如何,順便試試能否簡單...

鐵人賽 自我挑戰組 DAY 24

技術 JS 把陣列 Array 所有元素併成字串,且可任意穿插符號的 join()

Day 24 插隊也不能插成這樣,我們之間總是可以插點花什麼的。 不知道大家有沒有吃過義大利的千層麵,一層麵皮一層蕃茄餡料,然後再一層麵皮一層蕃茄餡料,直到...

鐵人賽 Modern Web DAY 28

技術 【React.js入門 - 28】 我要更多更多的分頁 - react-router-dom (下)

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Software Development DAY 25

技術 Day25-解題-Perfect Number 完美數

今天要來解的題目是完美數,完美數是什麼呢?如果一個正整數的除了自己本身的其他因數總和剛好等於該正整數,則該數字稱為完美數。 因此這次的題目內容就是輸入一個正整數...

鐵人賽 Modern Web DAY 24

技術 JS 原力覺醒 Day24 - DOM

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Modern Web

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前,仔細想想看 泛用型別的意義是什麼? 泛用型別大致上有哪些種類或形式? 如果還不清楚可以看一下前一篇文章喔~ 以下就直接正文開始~ 泛用...

鐵人賽 自我挑戰組 DAY 24

技術 新手村24 - Sticky Nav

24 - Sticky Nav 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

鐵人賽 Modern Web DAY 28

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-你問我資料哪裡來?(2) 大家好,經過了20 多天的介紹,我們對vue的基礎都有一定的了解,在昨天的day...

鐵人賽 Modern Web DAY 25

技術 EP.24 RE:從零開始的學習 JS 生活-第二十四日

前言 轉生第二十四日,這一篇將會介紹 undefined 以及 not defined 的差異 undefined 身為 JavaScript 開發者 unde...

鐵人賽 自我挑戰組 DAY 23
JavaScript 新手筆記 系列 第 23

技術 Day23 - 事件(04) - BMI

前言 今天會介紹一些可能會用到的事件,並優化之前的 BMI( Day18 - DOM(04) - BMI ) 其他事件 關於使用在element.addEve...

鐵人賽 Modern Web DAY 30

技術 第 30 天:DataVis:Packaged

第 30 天:DataVis:Packaged 好笑的是,我甚至還有點懷念那個該死的茉莉絲。告訴你一件事吧,千萬別向任何人聊起你和草泥馬一起相處過的這三十天。...

鐵人賽 Modern Web DAY 23

技術 Day 23 - Canvas 效能調整 - Webassembly (下)

濾鏡效能調整 進行到這邊之後,目前依照我的電腦情況,來記錄一下目前最耗時的銳利化濾鏡平均需要耗費的處理時間 ( 單一個濾鏡效果做測試 ) 濾鏡 時間( 毫...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22: 事件處理 (Part 2)

設定事件處理器特性 大部分的事件會以on為開頭且全小寫(onclick/onchange/onload/onmouseover/...)。 window.onl...

鐵人賽 Modern Web DAY 22
淺談web 系列 第 22

技術 鐵人賽DAY22-JavaScript(二)

一、JavaScript輸出1.innerHTML:透過此方法,可以設定HTML中的元素。例如:透過document.getElementById("...