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