Tags

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