Tags

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