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