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