Tags

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