Tags

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