Tags
#程式碼輕小
#<div>...</div>
#checkbox
#checked
#text-js-property-syntax
#JSX attribute name - NO dash NO reserved word
#.git
#settimeout
#編譯器compiler
#trim
#img-resize
#iterate-array
#<>... </> Fragment
#只會回傳一個根元素
#JSX attribute name - camelCase
#transform-property
#git push fail
#嚴格標籤閉合
#javascript-非同步
#單執行緒
#render logic & markup
#single parent tag
#Array
#line-height
#Map object
#CSS Style change
#變數接的回傳值是函式，變數就可被呼叫
#Math.random()
#map()
#className change
#mongoose Model.create()
#Mongoose
#newsletter
#.then
#<input value="...">
#pseudo-class
#驗證輸入資料
#eventListener callback fn
#展開運算子
#box shadow
#:last-child
#解構賦值
#變數名稱()
#array method 篩選
#For Loop
#Destructuring assignment
#color gradient
#運算子
#textarea
#存資料位置
#修改原陣列
#text shadow
#範圍鏈
#React Hook
#assignment operators
#MVC
#array.forEach
#has()
#圖等比例縮放
#SASS
#delete blackList
#filter:contrast()
#string
#CSS loading animation
#Single Page Application，SPA
#回傳新陣列
#string.toLowerCase( )
#css-預處理
#Axios
#宣告變數
#Math.min
#HTML 中保留code的空白格式
#文字動畫
#index problem
#find()
#color match
#practice-audio-player
#get-data-from-url
#onchange
#表單
#舊專案
#react-router
#DOM Event
#不變動資料
#API
#String.prototype.concat()
#陣列
#indexOf
#React Event handler
#for-of
#array.filter()
#shadow
#set()
#省略屬性名稱
#Model.create()
#HTTP GET
#some()
#SCSS
#iterable-object
#node-sass
#delete()
#部分顯示
#解構賦值 destructuring assignment
#變數常數命名
#forwardRef
#文字置中
#callback function
#color
#flexbox-item
#Scope Chain
#setTimeout()
#:first-child
#.catch
#<input value="..."> position
#:nth-child( )
#計時器
#string.includes()
#++x
#Promise
#bouncing text
#get()
#Reacr form
#filter()
#Data
#非同步函式
#Math.round()
#utility 模組
#array.push
#maintaining-code
#useRef
#popcat
#routing
#css-image
#named exports
#Component
#Props
#circle
#REST
#array-like
#低耦合性
#Array.from
#mousedown event
#max-content
#font-size
#GET request
#named imports
#font-smooth
#Bootstrap-visually-hidden
#data attribute
#route
#default exports
#for in
#CSS 重構
#export-import-component
#垂直水平置中
#for ...in
#mouseup event
#改node版本
#foreach
#共用class name
#getelementsbyclassname
#nodelist
#low-coupling
#mouseevent
#JSX Spread Syntax
#map(）
#single thread
#截切
#audio
#使用上聯想語法
#children prop
#react-hook-
#generate-consecutive-numbers
#width
#background-image
#htmlcollection
#for of
#clip-path
#Passing JSX as children
#querySelectorAll
#mouseup
#horizontal scrolling
#includes(keywords)
#JSX
#mousedown
#destructure
#專案起手式
#audio element
#string-return-number
#flex
#RESTful
#mapbox
#Element.append()
#for...of
#change-property
#習慣上的寫法
#一些想法
#text-propety
#水平卷軸
#parseInt( )
#react-scripts module
#react-router-dom
#align-content
#ui-reference
#img src
#slice
#fork
#隨機號碼
#Node
#align-self
#mouse-event
#firstElementChild
#filter: blur()
#method
#map API
#restart server
#new Date()
#ticket-generator
#DOM TokenList.contains(token)
#spread-operator
#DOM
#branch
#getter
#jsconfig.json
#svg
#querySelector
#select-class names
#名稱加密
#Element.matches(CSS selectorString)
#Current local time
#vite-install
#absolute path
#Vite
#classList
#align-items
#toLocaleTimeString()
#selectors
#css-filter
#coupling
#Node.appendChild()
#絕對路徑
#http-request
#number
#webframe
#packet
#router
#Number( )
#名詞差異
#框架
#x-scrolling
#路由route
#Horizontal-center
#Math.floor
#background-size
#Tailwind CSS VSCode extension
#心得
#tsconfig
#response
#.toString( )
#Protocol
#<form> Attributes
#request
#工具包
#browser-default-style
#form-elements
#display
#action
#耦合性
#Express routing
#style
#切版練習平台
#input[type="submit"]
#template-engine
#border-gradient-color
#find( )
#函式庫
#inline CSS styles
#專案架構
#public folder
#應用程式
#前端設定 Router
#node.js
# 
#object in JSX
#use curlyBraces in 2 ways inside JSX
#project-structrue
#center
#Tailwind CSS
#不可省略的分號
#framework
#HTTP
#filter
#button[type="submit"]
#default-styles
#trim()
#EM
#html-tag
#translateY
#position-absolute
#convert to array
#client-side
#front end tool
#路由設計routing
#toLowerCase()
#background-position
#x捲軸
#del
#filter( )
#stack
#Math.random
#Vertical-center
#Express
#置中
#server-side
#break
#top
#mobile-first
#params
#express-route
#{{ }}
#install-typescript
#includes
#閉包
#資料庫
#Node.js server
#a
#default styles
#路由器router
#why Express
#{object}
#x++
#Horizontal
#event.preventDefault()
#tsc
#curly braces
#水平捲軸
#clsx
#Handlebars
#classname
#DNS
#form
#nodemon
#REPL
#express-debug
#<li>
#Tailwind CSS V3 install
#<a>
#樣式
#OR operator
#Cannot find module 'sass'
#white-space: pre-wrap
#!
#||
#VSCode extension
#Node.js套件管理器
#useEffect
#模糊
#for-in
#驗證
#css text
#字串
#validation
#<code>
#clear input value
#FontAwesome
#npm
#Pull Request
#sass module
#Coding efficiency
#for-loop
#notes outline
#dubug
#React icon
#input
#VSCode extensions
#traverse node
#interfaces
#filter: blur
#useState
#package.json
#TypeScript string
#closure
#字串串接
#add dependencies
#object
#TypeScript
#Event Loop
#TS prefer semicolon
#javascript
#安裝套件
#git-clone-react-repo-Error
#timer
#code runner
#noise effect
#for-in DONT WITH Arr
#React
#comma
#innerHTML
#debug-createElement
#searchInput.value
#textContent
#node_modules
#linear-gradient
#backdrop-filter
#innerText
#::selection
#padStart
#semicolon
#commit message
#效能
#<pre>
#NVM
#alert 需在browser中執行
#? :
#string.match()
#two-way data binding
#debug
#操作節點
#伺服器端渲染
#專案UI
#class name
#Server-Side Rendering
#alert()
#運算思維
#BEM
#二元搜尋法
#infinite loop
#ssr
#CSS loader animation
#Binary search
#CSR
#Vue.js
#v-on
#switch 2 icons
#flowchart
#v-model
#While Loop
#$event
#naming
#axios函式庫
#pseudocode
#RegEx
#v-on@
#RWD
#If Else
#Web APIs
#img scr
#codesnap
#screenshot
#double for loop
#條件運算子
#array.map()
#===
#vscode
#event
#setInterval
#text-align
#alert不是JS語法
#CSS動畫
#install plugs
#wrappalyzer
#CSS Reset
#blackList
#路由
#parseInt
#review-mindset
#PowerShell ISE
#型別轉換
#函式名稱()()
#splice
#transition
#aria-*
#submit event
#NaN
#遍歷節點
#color-change
#vite-plugin-svgr
#select class name
#parseFloat
#array.filter(條件函式)
#index signature
#each-click
#if/else
#bootstrap-modal
#transform
#Bootstrap
#Element.matches()
#string compare
#maptiler
#toggle()
#prettier-plugin-tailwindcss
#switch mode
#Install
#require( )
#FAQ
#form validation
#node.children[index]
#terminal
#Prettier
#modal
#css
#parseInt()
#throw
#note
#animation
#inset-inline
#相似語法
#strings
#node.contains(string)
#extexsion
#event.target
#inset
#typehero
#array method
#switch
#inset-block