Tags

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