Tags

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