Tags

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