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