Tags

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