Tags

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