Tags

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