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