Tags

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