Tags

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