Tags

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