Tags

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