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