Tags

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