Tags

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