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