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