Tags

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