iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 自我挑戰組 DAY 14

技術 JS_陣列 Array 方法概觀

Day 14 知道怎麼做,但是如果有好工具會更得心應手。 JavaScript一直在演化,也因此因不同時期推出的新方法好像是給我們補充能量,原本需要複雜的程...

鐵人賽 Modern Web DAY 14

技術 JS 原力覺醒 Day14 - 一生懸命的約定:Promise

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

鐵人賽 自我挑戰組 DAY 14

技術 新手村14 - JS Reference VS Copy

14 - JS Reference VS Copy 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sma...

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

技術 DAY28 Invert Binary Tree

題目: https://leetcode.com/problems/invert-binary-tree/反轉二元樹並回傳結果。 解題思路: 先交換節點,利用遞...

鐵人賽 Modern Web DAY 27

技術 [ D3.js ] 繪製比例尺 scale

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 15

技術 [DAY15] 組件的拆分

我想說的是組件拆分的方法 在前面幾篇中,其實已經寫好了一個基本的按摩服務列表但是從頭到尾只使用了一個組件在小型專案中也許可以這麼做,但隨著專案大小勢必會需要...

鐵人賽 Software Development DAY 15

技術 Day15-資料結構總結與一些免費學習資源

在過去的14天我們介紹了許多種類的資料結構,並且大多都有搭配一個例題去作應用,不過寫到這邊也到一個段落了,在此想要強調的是資料結構和演算法在資工資管等資訊相關科...

鐵人賽 Modern Web DAY 25

技術 【Day 25】useCallback - 學會把函式記起來

不知不覺來到第 25 天了,本來預計是要用小專案作結的,沒想到意外的忙碌啊,所以剩下的幾天就決定介紹一些我原本也不熟悉或不常使用的特性,學習的同時也盡量內化並記...

鐵人賽 自我挑戰組 DAY 14

技術 Day14. DOM:我要長得像大樹一樣高!

本日閱讀進度:第六章 與你的網頁互動(229~246頁) 重點摘要: 什麼是DOM(文件物件模型)?DOM(Document Object Model)是你的...

鐵人賽 Modern Web

技術 Day 32. 戰線擴張・專案輸出 X 輸出設定 - TypeScript Compiler Output Configurations

閱讀本篇文章前,仔細想想看 為何有些 ES6 的 Feature 諸如 Promise、Object.assign 等東西無法直接在 TypeScript...

鐵人賽 Modern Web DAY 18

技術 [番外篇][日記]番外篇的部分,趕緊上車啦!!!

大家好,我Ian啦!今天應該算是特別篇吧,我在9/28參加了一年一度的JSDC前導,所以想在這邊跟大家分享一下自己的心得: 先說說我自己為什麼報名好了,我在去...