Tags

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