Tags

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