Tags

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