Tags

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