JavaScript:鼠標(biāo)事件,動(dòng)態(tài)創(chuàng)建導(dǎo)航下拉列表 鼠標(biāo)事件 含義 onmouseout 鼠標(biāo)移出 onmouseover 鼠標(biāo)移入 代碼塊,可看注釋 ...
JavaScript:數(shù)學(xué)對(duì)象,隨機(jī)生成數(shù)字驗(yàn)證碼并且隨機(jī)添加字體顏色一.方法 方法 含義 Math.floor() 向下取整 Math.celi() 向上取整 Math.random() 隨機(jī)生成0-1的數(shù)值 二.隨機(jī)生成...
JavaScript:時(shí)間對(duì)象,實(shí)例演示右下角廣告圖一.時(shí)間對(duì)象實(shí)例 方法 含義 new Date() 獲取時(shí)間 getDate() 獲取日數(shù) getMonth() 獲取月份 getFullYear() 獲取年份 getH...
Vue:1.Vue組件的注冊(cè)與掛載流程,實(shí)例演示; 2. 路由原理與注冊(cè)流程,實(shí)例演示;1.Vue組件的注冊(cè)與掛載流程,實(shí)例演示 組件本質(zhì)上就是一組自定義的標(biāo)簽,可以在html文檔出現(xiàn),這個(gè)自定義的標(biāo)簽,需要用戶自定義的功能,作用,行為組件一共分為三...
Vue:實(shí)例演示,v-if,v-for,v-model,v-bind,v-on,計(jì)算屬性和偵聽(tīng)器屬性一.實(shí)例演示,v-if,v-for,v-model,v-bind,v-on 方法 含義 v-bind 自定義普通屬性,快捷語(yǔ)法是一個(gè)”:”...
jQuery:常用dom和事件操作,jQuery中的$.ajax方法,Vue基本術(shù)語(yǔ)與插值語(yǔ)法實(shí)例演示jQuery:常用dom操作 方法 含義 append() 在父元素上調(diào)用,添加到子元素的最后面 prepend() 在父元素上調(diào)用...
jQuery:常用 jQuery方法,$()的四種類型參數(shù),jQuery對(duì)象轉(zhuǎn)js對(duì)象方法實(shí)列前言:什么是jQuery? jQuery 是一個(gè)快速、小型且功能豐富的 JavaScript 庫(kù)。它使像HTML文檔穿越和操作,事件處理,動(dòng)畫(huà)和Ajax的東...
JavaScript: 購(gòu)物車全選自動(dòng)計(jì)算金額和取消全選清零金額 代碼塊 //首先完成購(gòu)物車的全選按鈕和單個(gè)按鈕進(jìn)行綁定 //拿到全選按鈕 let checkAll = document.querySelector("#...
JavaScript:1.懶加載演示;2.輪播圖為翻頁(yè)按鈕添加功能;一.圖片懶加載演示 關(guān)于高度 代碼 視口高度 clientHeight 滾動(dòng)高度 scrollTop 距離父級(jí)高度 offsetTop //...
JavaScript:演示Ajax的get和post請(qǐng)求,練習(xí)選頂卡和換膚案例Ajax 異步請(qǐng)求 特別提示: 異步請(qǐng)求不要使用live server插件,必須創(chuàng)建一個(gè)本地服務(wù)器環(huán)境 1. 同步與異步以前端請(qǐng)求,后端響應(yīng)為例 同步: 前端發(fā)請(qǐng)求, ...
留言板添加字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)與禁止超出功能,部分字符串和數(shù)組方法功能使用1.字符串方法 方法 含義 concat() 字符串拼裝 slice() 取子串,可以正負(fù)數(shù)取數(shù) trim() 刪除字符串兩邊的空白字符 split() 將字符...
實(shí)例演示dom元素的增刪改查操作1.類數(shù)組 類數(shù)組 類似數(shù)組,長(zhǎng)得像數(shù)組,但它又不是數(shù)組,它有兩個(gè)特征 1.有l(wèi)ength索引 2.有遞增的整數(shù)索引 下面讓我們來(lái)看看什么是類數(shù)組,請(qǐng)看下圖 大家可以看到,用docum...
javascript:作用域和閉包,類與類的繼承1.作用域 ES6中三種作用域 含義 全局作用域 再全局也就是外部聲明的變量或者常量 函數(shù)作用域 再函數(shù)內(nèi)部聲明的變量或者常量 塊級(jí)作用域 再()/{}里面聲明的變量或者常量 ...
實(shí)例演示數(shù)組,對(duì)象,傳參解構(gòu); 實(shí)例演示訪問(wèn)器屬性的get,set操作1.數(shù)組解構(gòu)①基本數(shù)組解構(gòu)方式 ②ES6數(shù)組解構(gòu)方式 大家可以看到ES6的數(shù)組解構(gòu)方式變得很簡(jiǎn)潔,沒(méi)有之前版本的解構(gòu)反思那么多行代碼,新ES6解構(gòu)添加了兩個(gè)[][]方括號(hào),等號(hào)左...
javascript:引入方式/變量與常量聲明/函數(shù)與高階函數(shù)/歸并參數(shù)/箭頭函數(shù)的語(yǔ)法/立即執(zhí)行函數(shù)的語(yǔ)法1.引入方式 方式 元素 含義 行內(nèi)腳本 onclick 事件屬性 內(nèi)部腳本 script 將js代碼寫(xiě)在這對(duì)標(biāo)簽中,建議位置...