Tags

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