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