Tags

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