Tags

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