Tags

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