Tags

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