Tags

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