Tags

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