Tags

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