Tags

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