Tags

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