iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 16

技術 [JS30]DAY15 : LocalStorage and Event Delegation

[程式碼&DEMO] [HackMD完整筆記] 目標 透過localstorage去進行一個小菜單的資料增加和刪減功能。 步驟流程 STEP1...

鐵人賽 自我挑戰組 DAY 29
刷題記錄與人生分享 系列 第 29

技術 DAY29 Find Peak Element

題目: https://leetcode.com/problems/find-peak-element/回傳陣列中比左邊數字和右邊數字大之索引值。 解題思路:...

鐵人賽 Modern Web DAY 15

技術 JS 原力覺醒 Day15 - Macrotask 與 MicroTask

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

鐵人賽 Modern Web DAY 16

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

前言 轉生第十五日,這章節將會來介紹原生的 AJAX 技術。 AJAX AJAX 全名是 「Asynchronous JavaScript and XML」,中...

鐵人賽 Modern Web DAY 19

技術 [Vue.js][日記]來個期中練習吧!

超緊繃!30天Vue.js學習日記 來個期中練習吧! 大家好,不知不覺已經來到18天了,基本語法也告一段落,所以今天決定來點不一樣的東西:Todo List...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13: 子集與擴充

常數與scope變數 const使用const來定義常數,const在定義時一樣會被拉升到外圍函式定義的頂端。 const pi = 3.14; pi=4;...

鐵人賽 Modern Web DAY 28

技術 Day28【ES6 小筆記】 建構式ㄉ語法糖 - Class 超基本使用範例

ES6 中新增了類別 (class) 來實現原型繼承,但他並不是一種新原型繼承方式,只是以前原型繼承的語法糖,提供更簡潔的語法來建立物件和處理繼承! 這邊也來看...

鐵人賽 Modern Web DAY 2

技術 DAY28- 過場動畫 (五)

custom css custom css 是在分享許多svelte 過場動畫後要介紹的主題,為什麼要分享這部分呢,因為 html 要畫面多樣性就跑不掉 css...

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

技術 Day14 - 迴圈(02) - 綜合練習

前言 發現迴圈應用不少,結合之前的陣列、物件與判斷的部分,進行相關練習 陣列與物件 在陣列內儲存物件,利用陣列來選出特定的物件內容 會發現有點類似 JSON...

鐵人賽 Modern Web DAY 28
VueJS 從前端到後端 系列 第 28

技術 大型資料載入實例與狀況 Deep watch Day 27

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27 昨天看了一些關於大量 DOM 的事情,今天來聊一下關於深度監看...

鐵人賽 Modern Web DAY 30

技術 [DAY30] 被 React react 的後端工程師 - 後記

一開始會這麼定題目,其實是起源于我對前端的挑食,因為我不喜歡調畫面左邊一點右邊一點這種事情我真的不喜歡做所以取翻譯中 過敏 的意思來形容我的 React 學習過...

鐵人賽 Modern Web DAY 29

技術 [DAY29] 多 DOM 的動畫之我等了這篇 29 天之我完全不介意

我想說的是:其實基礎的多個 DOM 的動畫,跟一個差不多多個的就是專業的部分,我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果而想控制多個動畫 r...

鐵人賽 Modern Web DAY 28

技術 [DAY28] React 動畫動得非常厲害

我想說的是:動畫好酷炫耶,以前完全沒用過就跑來寫後端react-transition-group 真的很厲害看完之後...我還是不會想寫前端耶 用 tran...

鐵人賽 Modern Web DAY 27

技術 [DAY27] 如果你快樂就拍拍手之在 react 使用動畫效果之基於 CSS

我想說的是:其實使用起來也是很簡單,但是對於 react 本身的操作要夠熟悉 最近買了薩爾達織夢島,有點太投入整個早上都在玩,本來早上就該發文的 這一篇來做...

鐵人賽 Modern Web DAY 26

技術 [DAY26] 今天天氣怎樣?等等我打一下 API 再跟你說

我想說的是API 串接範例練習,就是這麼簡單 上一篇中安裝了 axios 於是我們就準備好了工具接下來要做練習,試試看實際執行的結果 我們先直接在 Mass...

鐵人賽 Modern Web DAY 25

技術 [DAY25] 打來打去之 API 又要挨打之套件安裝方法之 npm 安裝方法學問多

我想說的是在 React 裡面操作 ajax 可以使用 Axios 來達成使用 --save 安裝,會將指定套件加入依賴列表,未來可快速建立相同開發環境 標...

鐵人賽 Modern Web DAY 24

技術 [DAY24] 活用生命週期的奧秘之提升效能

我想說的是使用 shouldComponentUpdate() 來優化組件效能 前幾天中我們已經對 React 生命週期有了基本的認識那跟提高組件的性能又有...

鐵人賽 Modern Web DAY 23

技術 [DAY23] 生命週期 2 生命如此變化無常之然後呢之然後他就死掉了

我想說的是當組件被更新以及刪除的時候 react 的程式流程 錯誤處理 當一個組件在 render 的過程、生命週期或在某個子組件的 constructor...

鐵人賽 Modern Web DAY 22

技術 [DAY22] 生命週期 1 生命之初生命起源生命之水

我想說的是組件在 render 的一開始稱作 Mounting 看到標題有編號就代表,這些東西會講個幾篇具體幾篇我也不確定,兩篇或三篇吧 在先前的範例中,我...

鐵人賽 Modern Web DAY 21

技術 [DAY21] 禁斷關係之 ref 之非必要不用之遇到難關的時候你可以再想想

我想說的是ref 一時爽,維護火葬場setState 有 callBack 函數 有些時候會希望對 DOM 上面的值做操作,或是直接取得某個 input 欄...

鐵人賽 Modern Web DAY 20

技術 [DAY20] 過來讓我看看之 PropTypes 驗證元件屬性之這是我們之間的秘密

在組件間傳值的時候,當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了,如果這個環節出錯一般稱為業務邏輯錯誤,這代表你程式寫的語法是對的但是錯的是你的業務...

鐵人賽 Modern Web DAY 15

技術 [ JS30]DAY14 : JavaScript References VS Copying

[程式碼&DEMO] [HackMD完整筆記] 目標 JavaScript中陣列與物件的引用(refrence)及複製(Copying)。 步驟...

鐵人賽 Modern Web DAY 19

技術 [DAY19] 單向資料流之鮭魚逆流而上被石頭敲到不就_頭好痛

我想說的是React 的寫法是 Functional Programming單向資料流,只能 單向資料流 React 使用的是單向資料流也就是說資料只有一個...

鐵人賽 Modern Web DAY 18

技術 [DAY18] Developer tools 與 Snippets 之老師我也想當金手指之 debug guy

我想說的是一些實用工具可以幫助開發上更加快速,能少打字就少打字,把力氣省起來Simple React Snippets 是一套 VSCode 上針對 reac...

鐵人賽 Modern Web DAY 17

技術 [DAY17] 組件傳值之我想搞點事

我想說的是React有明確規定,子組件時不能操作父組件裡的資料,所以需要調用父組件的方法,來修改父組件的內容有了 JSX 撰寫起來容易多了 上一篇中我們成功...

鐵人賽 Modern Web DAY 16

技術 [DAY16] 組件的傳值之爸爸給你的你才能要

我想說的是組件傳遞資料並不是只能傳遞數值,函式也可以傳遞子組件不能直接操作父組件的資料,要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...

鐵人賽 Modern Web DAY 14

技術 Day 14 - Canvas 圖片保存 Part 1

圖片保存 前面辛辛苦苦的做出一些效果調整,今天開始來介紹如何保存我們辛苦的成果吧! 在這邊我們會使用到一個 Canvas 的方法 toDataURL,這個方法會...

鐵人賽 Modern Web DAY 13

技術 13. [JS] 為什麼判斷相等時不能用雙等號?

相信大家在初學 JavaScript 時,一定有人跟你說過:「比較時記得要用三等號(===),不要用雙等號(==)」,但你知道為什麼嗎?稍微有經驗的人可能馬上...

鐵人賽 Modern Web DAY 14

技術 Day 14:彈性的極致 - Imagemap 與 Flex

若要介紹一個 LINE 跟其他平台比較不一樣的地方,我肯定會挑 Imagemap 與 Flex 這兩個訊息的類型。這兩類的訊息是我目前沒有在其他平台上看到的,除...

鐵人賽 Modern Web DAY 18

技術 【React.js入門 - 18】 React生命週期(3/4): Unmount - 只有componentWillUnmount

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