Tags

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