Tags

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