Tags

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