Tags

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