Tags

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