Tags

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