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