Tags

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