Tags

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