Tags

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