Tags

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