Tags

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