Tags

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