Tags

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