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