行內(nèi)元素有哪些,塊級(jí)元素有哪些,區(qū)別
行內(nèi)元素有:a b span img input select strong。塊級(jí)元素有:div ul ol li dl dt dd h1 h2 h3 h4… p
行內(nèi)元素不可以設(shè)置寬高,不獨(dú)占一行。塊級(jí)元素可以設(shè)置寬高,獨(dú)占一行
css新增的偽類
p:first-of-type 選擇屬于其父元素的首個(gè)<p>元素的每個(gè)<p> 元素。p:last-of-type 選擇屬于其父元素的最后 <p> 元素的每個(gè)<p> 元素。p:only-of-type 選擇屬于其父元素唯一的 <p>元素的每個(gè) <p> 元素。p:only-child 選擇屬于其父元素的唯一子元素的每個(gè) <p> 元素。p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè) <p> 元素。:after 在元素之前添加內(nèi)容,也可以用來(lái)做清除浮動(dòng)。:before 在元素之后添加內(nèi)容。:enabled 已啟用的表單元素。:disabled 已禁用的表單元素。:checked 單選框或復(fù)選框被選中。
css優(yōu)先級(jí)算法
優(yōu)先級(jí)就近原則,同權(quán)重情況下樣式定義最近者為準(zhǔn)。優(yōu)先級(jí)為: !important > id > class > tag; !important 比 內(nèi)聯(lián)優(yōu)先級(jí)高
http狀態(tài)碼?
200:請(qǐng)求成功。400:找不到網(wǎng)頁(yè)(url找不到對(duì)應(yīng)的網(wǎng)頁(yè))。500:服務(wù)器錯(cuò)誤。301:請(qǐng)求的網(wǎng)頁(yè)已經(jīng)換到了新位置。401 請(qǐng)求未授權(quán)? 403 禁止訪問(wèn)。503:服務(wù)器暫時(shí)無(wú)法處理請(qǐng)求 202:服務(wù)器已經(jīng)接受到了請(qǐng)求,還未處理。201:服務(wù)器請(qǐng)求成功并且創(chuàng)建了資源。100:繼續(xù)一般在發(fā)送post請(qǐng)求時(shí),已發(fā)送了http header之后服務(wù)端將返回此信息,表示確認(rèn),之后發(fā)送具體參數(shù)信息
js中基本數(shù)據(jù)類型:
number.string,undefind.null.boolean
js中的閉包:
在一個(gè)函數(shù)內(nèi)部定義了一個(gè)新的函數(shù),在執(zhí)行的時(shí)候?qū)⑦@個(gè)函數(shù)返回。(讀取其他函數(shù)內(nèi)部變量的函數(shù))作用:緩存數(shù)據(jù),延長(zhǎng)作用域鏈。防止污染全局變量
jsonp跟ajax的區(qū)別:
相同點(diǎn):都是請(qǐng)求url
不同點(diǎn):ajax的核心是通過(guò)xmlhttprequest獲得內(nèi)容。jsonp:則是通過(guò)動(dòng)態(tài)添加<script>標(biāo)簽來(lái)調(diào)用服務(wù)器的腳本。
js中面對(duì)對(duì)象實(shí)現(xiàn)繼承.
基本特征:封閉,繼承,多態(tài)。
在js中實(shí)現(xiàn)繼承的方法:1原型鏈繼承(prototype。chaininq)。2call()/apply()。3.混合方式(prototype和call()/apply()結(jié)合)4.對(duì)象冒充
請(qǐng)實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面中的標(biāo)簽,alter該標(biāo)簽名稱
function elementName(evt){
? ? ? ? evt = evt|| window.event;
? ? ? ? var selected = evt.target || evt.srcElement;
? ? ? ? alert(selected.tagName);
? ? ? ? }
? ? ? ? window.onload = function(){
? ? ? ? var el = document.getElementsByTagName('body');
? ? ? ? el[0].onclick = elementName;
? ? ? ? }
控制三個(gè)div

冒泡排序:var arr=[ 1,3,5,6,8,7,9,2]
var arr = [1,3,5,6,8,7,9,2]
? ? ? function getarr(arr){
for(var i=0;i<arr.length-1;i++){
? ? for(var k=i+1;k<arr.length;k++){
? ? ? ? if(arr[i]>arr[k]){
? ? ? ? ? var temp =arr[i];
? ? ? ? ? ? arr[i]=arr[k];
? ? ? ? ? ? arr[k]=temp;
? ? ? } }}
return arr}
console.log(getarr(arr))
12356789
點(diǎn)擊顯示,點(diǎn)擊消失

Vue生命周期的理解
Vue 實(shí)例從創(chuàng)建到銷毀的過(guò)程,就是生命周期。從開(kāi)始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom→渲染、更新→渲染、銷毀等一系列過(guò)程,稱之為 Vue 的生命周期。
Vue的data ,methods,computed,watch之間有什么區(qū)別
computed是計(jì)算屬性,他所依賴的屬性是響應(yīng)式依賴,他是一個(gè)基于依賴進(jìn)行緩存的,只有在它的依賴發(fā)生改變時(shí)才會(huì)重新計(jì)算,這個(gè)計(jì)算出來(lái)的值,是可以直接當(dāng)成data來(lái)用的,在用的時(shí)候不需要添加(),computed必須要有一個(gè)return值(數(shù)據(jù)量大,需要緩存的時(shí)候需要用computed)
methods他是Vue里邊的一個(gè)方法屬性,沒(méi)有依賴緩存,只要發(fā)生重新渲染,methods方法總會(huì)執(zhí)行該函數(shù)(需要重新加載,不需要緩存的時(shí)候用)
watch是Vue提供的一種更通用的方式來(lái)觀察和響應(yīng)Vue實(shí)例上的數(shù)據(jù)變動(dòng),當(dāng)執(zhí)行異步操作的時(shí)候可以使用watch而不是computed了
data所返回的是一個(gè)對(duì)象而不是一個(gè)具體的數(shù)據(jù)。并且不會(huì)隨賦值變量的改動(dòng)而改動(dòng),
Vuex有哪幾種屬性。
五種屬性state 、mutations、getters、action、module
1、state 是一個(gè)單一的狀態(tài)樹(shù),定義變量的儲(chǔ)存
2、mutations:定義的是一個(gè)庫(kù),所定義的方法可以動(dòng)態(tài)的修改state里邊的狀態(tài)或者數(shù)據(jù)。使用方法為$store.commit('庫(kù)名',傳的數(shù)據(jù))
3、getters:是一種過(guò)濾屬性,主要用來(lái)過(guò)濾一些數(shù)據(jù)。
4、action:將mutations里邊處理數(shù)據(jù)的方法變成可異步的處理數(shù)據(jù)的方法。也就是異步操作數(shù)據(jù)。
5、module:store的子模塊,為了開(kāi)發(fā)大型項(xiàng)目,方便狀態(tài)管理而使用的。