Tags

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