Tags

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