Tags

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