Tags

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