Tags

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