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