Tags

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