2019-12-13

行內(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)管理而使用的。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • get:點(diǎn)擊網(wǎng)址,超鏈接,method后面寫(xiě)get,查詢最大255字符,是以明文形式進(jìn)行傳輸?shù)?,傳輸不了中文(傳?..
    劉昌林11閱讀 260評(píng)論 0 0
  • 會(huì)話(session)會(huì)話他是一個(gè)作用域,可以存值,可以取值,session的id一樣,就是同一個(gè)會(huì)話,不一樣,就...
    劉昌林11閱讀 222評(píng)論 0 0
  • vue中富文本編輯(wangeditor)的的使用 1.npm install wangeditor安裝(注意,這...
    奶茶和亮亮閱讀 172評(píng)論 0 0
  • 最近參加了簡(jiǎn)七的普通人理財(cái)學(xué)堂,結(jié)合課程中的案例,了解了不少理財(cái)入門(mén)知識(shí)。只學(xué)不用是假把式,咱也試試做下資產(chǎn)配置。...
    小馬過(guò)河_9102閱讀 545評(píng)論 1 1
  • 在IT面試中經(jīng)常會(huì)問(wèn)到這個(gè)問(wèn)題,總感覺(jué)自己自己,但又給不了一個(gè)特別肯定的答案,今天就做個(gè)詳細(xì)的總結(jié)。 常量:可以...
    mangui閱讀 3,001評(píng)論 0 0

友情鏈接更多精彩內(nèi)容