Tags

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