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