Tags

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