Tags

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