Tags

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