Tags

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