Tags

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