Tags

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