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