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