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