Tags

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