Tags

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