Tags

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