Tags

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