[程式碼&DEMO] [HackMD完整筆記] 目標 透過localstorage去進行一個小菜單的資料增加和刪減功能。 步驟流程 STEP1...
題目: https://leetcode.com/problems/find-peak-element/回傳陣列中比左邊數字和右邊數字大之索引值。 解題思路:...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
前言 轉生第十五日,這章節將會來介紹原生的 AJAX 技術。 AJAX AJAX 全名是 「Asynchronous JavaScript and XML」,中...
超緊繃!30天Vue.js學習日記 來個期中練習吧! 大家好,不知不覺已經來到18天了,基本語法也告一段落,所以今天決定來點不一樣的東西:Todo List...
常數與scope變數 const使用const來定義常數,const在定義時一樣會被拉升到外圍函式定義的頂端。 const pi = 3.14; pi=4;...
ES6 中新增了類別 (class) 來實現原型繼承,但他並不是一種新原型繼承方式,只是以前原型繼承的語法糖,提供更簡潔的語法來建立物件和處理繼承! 這邊也來看...
custom css custom css 是在分享許多svelte 過場動畫後要介紹的主題,為什麼要分享這部分呢,因為 html 要畫面多樣性就跑不掉 css...
前言 發現迴圈應用不少,結合之前的陣列、物件與判斷的部分,進行相關練習 陣列與物件 在陣列內儲存物件,利用陣列來選出特定的物件內容 會發現有點類似 JSON...
部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27 昨天看了一些關於大量 DOM 的事情,今天來聊一下關於深度監看...
一開始會這麼定題目,其實是起源于我對前端的挑食,因為我不喜歡調畫面左邊一點右邊一點這種事情我真的不喜歡做所以取翻譯中 過敏 的意思來形容我的 React 學習過...
我想說的是:其實基礎的多個 DOM 的動畫,跟一個差不多多個的就是專業的部分,我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果而想控制多個動畫 r...
我想說的是:動畫好酷炫耶,以前完全沒用過就跑來寫後端react-transition-group 真的很厲害看完之後...我還是不會想寫前端耶 用 tran...
我想說的是:其實使用起來也是很簡單,但是對於 react 本身的操作要夠熟悉 最近買了薩爾達織夢島,有點太投入整個早上都在玩,本來早上就該發文的 這一篇來做...
我想說的是API 串接範例練習,就是這麼簡單 上一篇中安裝了 axios 於是我們就準備好了工具接下來要做練習,試試看實際執行的結果 我們先直接在 Mass...
我想說的是在 React 裡面操作 ajax 可以使用 Axios 來達成使用 --save 安裝,會將指定套件加入依賴列表,未來可快速建立相同開發環境 標...
我想說的是使用 shouldComponentUpdate() 來優化組件效能 前幾天中我們已經對 React 生命週期有了基本的認識那跟提高組件的性能又有...
我想說的是當組件被更新以及刪除的時候 react 的程式流程 錯誤處理 當一個組件在 render 的過程、生命週期或在某個子組件的 constructor...
我想說的是組件在 render 的一開始稱作 Mounting 看到標題有編號就代表,這些東西會講個幾篇具體幾篇我也不確定,兩篇或三篇吧 在先前的範例中,我...
我想說的是ref 一時爽,維護火葬場setState 有 callBack 函數 有些時候會希望對 DOM 上面的值做操作,或是直接取得某個 input 欄...
在組件間傳值的時候,當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了,如果這個環節出錯一般稱為業務邏輯錯誤,這代表你程式寫的語法是對的但是錯的是你的業務...
[程式碼&DEMO] [HackMD完整筆記] 目標 JavaScript中陣列與物件的引用(refrence)及複製(Copying)。 步驟...
我想說的是React 的寫法是 Functional Programming單向資料流,只能 單向資料流 React 使用的是單向資料流也就是說資料只有一個...
我想說的是一些實用工具可以幫助開發上更加快速,能少打字就少打字,把力氣省起來Simple React Snippets 是一套 VSCode 上針對 reac...
我想說的是React有明確規定,子組件時不能操作父組件裡的資料,所以需要調用父組件的方法,來修改父組件的內容有了 JSX 撰寫起來容易多了 上一篇中我們成功...
我想說的是組件傳遞資料並不是只能傳遞數值,函式也可以傳遞子組件不能直接操作父組件的資料,要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...
圖片保存 前面辛辛苦苦的做出一些效果調整,今天開始來介紹如何保存我們辛苦的成果吧! 在這邊我們會使用到一個 Canvas 的方法 toDataURL,這個方法會...
相信大家在初學 JavaScript 時,一定有人跟你說過:「比較時記得要用三等號(===),不要用雙等號(==)」,但你知道為什麼嗎?稍微有經驗的人可能馬上...
若要介紹一個 LINE 跟其他平台比較不一樣的地方,我肯定會挑 Imagemap 與 Flex 這兩個訊息的類型。這兩類的訊息是我目前沒有在其他平台上看到的,除...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...