Tags

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