Tags

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