行內(nèi)元素有哪些剑肯,塊級元素有哪些捧毛,區(qū)別
行內(nèi)元素有:a b span img input select strong。塊級元素有:div ul ol li dl dt dd h1 h2 h3 h4… p
行內(nèi)元素不可以設(shè)置寬高让网,不獨(dú)占一行岖妄。塊級元素可以設(shè)置寬高,獨(dú)占一行
css新增的偽類
p:first-of-type 選擇屬于其父元素的首個<p>元素的每個<p> 元素寂祥。p:last-of-type 選擇屬于其父元素的最后 <p> 元素的每個<p> 元素荐虐。p:only-of-type 選擇屬于其父元素唯一的 <p>元素的每個 <p> 元素。p:only-child 選擇屬于其父元素的唯一子元素的每個 <p> 元素丸凭。p:nth-child(2) 選擇屬于其父元素的第二個子元素的每個 <p> 元素福扬。:after 在元素之前添加內(nèi)容,也可以用來做清除浮動腕铸。:before 在元素之后添加內(nèi)容。:enabled 已啟用的表單元素铛碑。:disabled 已禁用的表單元素狠裹。:checked 單選框或復(fù)選框被選中。
css優(yōu)先級算法
優(yōu)先級就近原則汽烦,同權(quán)重情況下樣式定義最近者為準(zhǔn)涛菠。優(yōu)先級為: !important > id > class > tag; !important 比 內(nèi)聯(lián)優(yōu)先級高
http狀態(tài)碼?
200:請求成功。400:找不到網(wǎng)頁(url找不到對應(yīng)的網(wǎng)頁)撇吞。500:服務(wù)器錯誤俗冻。301:請求的網(wǎng)頁已經(jīng)換到了新位置。401 請求未授權(quán)? 403 禁止訪問牍颈。503:服務(wù)器暫時無法處理請求 202:服務(wù)器已經(jīng)接受到了請求迄薄,還未處理。201:服務(wù)器請求成功并且創(chuàng)建了資源煮岁。100:繼續(xù)一般在發(fā)送post請求時讥蔽,已發(fā)送了http header之后服務(wù)端將返回此信息,表示確認(rèn)画机,之后發(fā)送具體參數(shù)信息
js中基本數(shù)據(jù)類型:
number.string,undefind.null.boolean
js中的閉包:
在一個函數(shù)內(nèi)部定義了一個新的函數(shù)冶伞,在執(zhí)行的時候?qū)⑦@個函數(shù)返回。(讀取其他函數(shù)內(nèi)部變量的函數(shù))作用:緩存數(shù)據(jù),延長作用域鏈步氏。防止污染全局變量
jsonp跟ajax的區(qū)別:
相同點(diǎn):都是請求url
不同點(diǎn):ajax的核心是通過xmlhttprequest獲得內(nèi)容碰缔。jsonp:則是通過動態(tài)添加<script>標(biāo)簽來調(diào)用服務(wù)器的腳本。
js中面對對象實(shí)現(xiàn)繼承.
基本特征:封閉戳护,繼承金抡,多態(tài)。
在js中實(shí)現(xiàn)繼承的方法:1原型鏈繼承(prototype腌且。chaininq)梗肝。2call()/apply()。3.混合方式(prototype和call()/apply()結(jié)合)4.對象冒充
請實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁面中的標(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;
? ? ? ? }
控制三個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)建到銷毀的過程,就是生命周期精续。從開始創(chuàng)建坝锰、初始化數(shù)據(jù)、編譯模板重付、掛載Dom→渲染顷级、更新→渲染、銷毀等一系列過程确垫,稱之為 Vue 的生命周期弓颈。
Vue的data 帽芽,methods,computed翔冀,watch之間有什么區(qū)別
computed是計算屬性导街,他所依賴的屬性是響應(yīng)式依賴,他是一個基于依賴進(jìn)行緩存的纤子,只有在它的依賴發(fā)生改變時才會重新計算搬瑰,這個計算出來的值,是可以直接當(dāng)成data來用的控硼,在用的時候不需要添加()泽论,computed必須要有一個return值(數(shù)據(jù)量大,需要緩存的時候需要用computed)
methods他是Vue里邊的一個方法屬性象颖,沒有依賴緩存佩厚,只要發(fā)生重新渲染姆钉,methods方法總會執(zhí)行該函數(shù)(需要重新加載说订,不需要緩存的時候用)
watch是Vue提供的一種更通用的方式來觀察和響應(yīng)Vue實(shí)例上的數(shù)據(jù)變動,當(dāng)執(zhí)行異步操作的時候可以使用watch而不是computed了
data所返回的是一個對象而不是一個具體的數(shù)據(jù)潮瓶。并且不會隨賦值變量的改動而改動陶冷,
Vuex有哪幾種屬性。
五種屬性state 毯辅、mutations埂伦、getters、action思恐、module
1沾谜、state 是一個單一的狀態(tài)樹,定義變量的儲存
2胀莹、mutations:定義的是一個庫基跑,所定義的方法可以動態(tài)的修改state里邊的狀態(tài)或者數(shù)據(jù)。使用方法為$store.commit('庫名'描焰,傳的數(shù)據(jù))
3媳否、getters:是一種過濾屬性,主要用來過濾一些數(shù)據(jù)荆秦。
4篱竭、action:將mutations里邊處理數(shù)據(jù)的方法變成可異步的處理數(shù)據(jù)的方法。也就是異步操作數(shù)據(jù)步绸。
5掺逼、module:store的子模塊,為了開發(fā)大型項目瓤介,方便狀態(tài)管理而使用的坪圾。