Tags

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