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