Tags

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