Tags

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