Tags

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