Tags

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