Tags

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