Tags

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