Tags

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