Tags

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