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