Tags

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