Tags

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