Tags

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