Tags

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