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