Tags

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