Tags

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