Tags

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