Tags

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