Tags

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