Tags

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