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