-
常見函數(shù)的四種類型有哪些
匿名函數(shù):優(yōu)點(diǎn)占用內(nèi)存空間小
回調(diào)函數(shù):ajax
小遞歸函數(shù):
構(gòu)造函數(shù):
查看全部 -
三種事件綁定的異同
◆htm事件
◆dom0級事件
◆dom2級事件
<body>
< input type=" button" value="htm事件點(diǎn)擊" onclick="fun()"丬r
input type=" button" value="dome級事件"id="btn"
input type=" button" value="dom2級事件"id="btn1">
<script>
/// JAvascript: ECMAScript DOM +BOM DOMe DOM1 DOM2
//狹義] avascript: ECMAScript ES6Es5Es3
/1、htm1事件
function fun (){
alert("hello Mooc")
}
2、dom級事件:事件綁定
document. getElementById(btn").onclick= function(){
alert('hello MOOC2')}?
//3、dom2級事件：事件監(jiān)聽
//element.addEventListener(event,function,useCapture)removeEventListener
//event:(必需）事件名，支持所有DOM事件。
//function:(必需）指定要事件觸發(fā)時執(zhí)行的函數(shù)。
//useCapture:(可選）指定事件是否在捕獲或冒泡階段執(zhí)行。true,捕獲。false,冒泡。默認(rèn)false
//IE8:element.attachEvent(event,function)
//event:(必需）事件類型。需加“on“，例如：onclick。
//function:(必需）指定要事件觸發(fā)時執(zhí)行的函數(shù)。
document.getElementById("btn1").addEventListener("click",fun2);
function fun2(){
alert('hello MOOC3')
}
/事件監(jiān)聽的優(yōu)點(diǎn):可以綁定多個事件;常規(guī)的事件綁定只執(zhí)行最后綁定的事件
//js不支持事件重載,綁定事件相當(dāng)于一個變量存儲的是函數(shù)的地址,如果再綁定一個事件,相當(dāng)于變量指向另一個函數(shù)的地址;事件監(jiān)聽相當(dāng)于訂閱發(fā)布者,改變了數(shù)據(jù),觸發(fā)了事件,訂閱這個事件的函數(shù)被執(zhí)行
查看全部 -
1.在瀏覽器中輸入ur1,交給DNs域名解析,找到P,向服務(wù)器發(fā)起請求;(里面還有緩存ht協(xié)議,TcP,
2.服務(wù)器返回數(shù)據(jù),瀏覽器接收文件(htm1, css,Js,ing..),二進(jìn)制文件
htm1:二進(jìn)制轉(zhuǎn)換為htm1
構(gòu)建Dom樹:HTML解析器
Token ->Node->DOM
Token詞法解析,根是“ document”對象
Node: HTMLDivElement
DoM:DoM和標(biāo)簽基本是一一對應(yīng)的關(guān)系div
解析過程中:
1.遇到1ink的外部css,遇到css的代碼會進(jìn)行css加載,并行
2遇見 script標(biāo)簽的時候,會先去執(zhí)行js的內(nèi)容,直至腳本完成執(zhí)行,然后繼續(xù)構(gòu)建DoM;
底部引入 javascript代碼的原因?；蛘哒f可以在頭部引用,但是前提是加上 async、 defer,或
window. onload;
解析器遇到設(shè)置了 async屬性的 script時,開始下載腳本并繼續(xù)解析文檔。腳本會在它下載完成后盡
快執(zhí)行,但是解析器不會停下來等它下載
如果 script標(biāo)簽設(shè)置了該屬性,則瀏覽器會異步的下載該文件并且不會影響到后續(xù)Do網(wǎng)的渲染
如果有多個設(shè)置了 defer的 script標(biāo)簽存在,則會按照順序執(zhí)行所有的 script
defer腳本會在文檔渲染完畢后, DOMContentloaded事件調(diào)用前執(zhí)行;腳本會被延遲到整個頁面都解析完畢后再運(yùn)行
構(gòu)建css樹:CSs解析器 index.css
每個Css文件解析為樣式表對象 CSSStyleSheet,每個對象都包含 CSSRule; CSSRule包含選擇器和聲明對象,以及其他與CSS語法對應(yīng)的對象
Token解析:css的詞法及語法文法
Node->CSSOM
構(gòu)建 render:渲染樹=DOM樹+css樹
布局layout與繪制 paint:計算對象之間的大小,距離確定每個節(jié)點(diǎn)在屏幕上的確切坐標(biāo):映射瀏覽器屏幕繪制;使用UI后端層繪制每個節(jié)點(diǎn)
reflow(回流):當(dāng)元素屬性發(fā)生改變且影響布局時(寬度、高度、內(nèi)外邊距等),產(chǎn)生回流,相當(dāng)于
刷新貞面
repaint(重繪);當(dāng)元素屬性發(fā)生改變且不影響布局時(背景顏色、透明度、字體樣式等),產(chǎn)生重
繪,相當(dāng)于不刷新頁面,動態(tài)更新內(nèi)容
重繪不一定引起回流,回流必將引起重繪
查看全部 -
帶你深入理解棧和隊列
什么是棧和隊列
push、pop、unshift、shift方法
//棧是一種后進(jìn)先出的數(shù)據(jù)結(jié)構(gòu)，也就是說最新添加的項最早被移出；LIFO(Last-In-First-Out,后進(jìn)先出）
//隊列數(shù)據(jù)結(jié)構(gòu)的訪問規(guī)則是FIFO(Fist-In-First-Out,先進(jìn)先出）。隊列在列表的末端添加項，從列表的前端移除項
結(jié)尾出入棧 不影響原有的數(shù)據(jù)位置索引 --- 效率高? push(num), arr.pop();
開頭出入棧影響原有的數(shù)據(jù)位置索引---效率低 unshift(num),arr.shift();
查看全部 -
//裝箱：把基本數(shù)據(jù)類型轉(zhuǎn)化為對應(yīng)的引用數(shù)據(jù)類型的操作；
//var num=123//number
// var objNum = new Number(123)// obejct
//console.log(typeof objNum)//null
//拆箱：將引用類型對象轉(zhuǎn)換為對應(yīng)的值類型對象；
//valueof()
// var objNum = new Number(123)
//console.log(typeof objNum.valueof())//123 number
// js toPrimitive(input,type)input:傳入的值type:值類型
//1.input判斷是不是原始類型的值：是直接返回
//2.不是：|input.valueof():是原始類型；直接返回
//3.還不是：input.toString():string是原始類型返回
//4.報錯
//valueof():input原始類型的值；有：返回，沒有；返回對象本身
//tostring():input字符串轉(zhuǎn)換；對象：[object type]type:對象類型
//面試題
console.log([]+[])//"+toPrimitive()
console.log([].valueof())//
查看全部 -
js中常見的內(nèi)置對象有哪些？
三種包裝對象：String、Number、Boolean
其他常用的標(biāo)準(zhǔn)內(nèi)置對象：Array、Date、Function、Object...
查看全部 -
json.parse(json.stringfy(obj))
查看全部 -
遍歷賦值,淺拷貝
查看全部 -
棧:計算機(jī)為原始類型開辟的一塊內(nèi)存空間 :string number,...
堆:計算機(jī)為引用類型開辟的一塊內(nèi)存空間:object
查看全部 -
阻止默認(rèn)時間
?
查看全部 -
編碼和解碼
查看全部 -
排序
查看全部 -
DOM樹加載
在瀏覽器中輸入url，交給DNS域名解析，找到IP，向服務(wù)器發(fā)起請求；
構(gòu)建DOM樹和css樹
構(gòu)建render樹
重繪/回流
查看全部 -
new執(zhí)行過程
查看全部 -
Function對象上的方法：call、apply、bind
類數(shù)組不具備數(shù)組的方法
因此，可以進(jìn)行類數(shù)組轉(zhuǎn)數(shù)組
var arr=Array.prototype.slice.apply(arguments)
apply和call方法，能劫持另外一個對象的方法，繼承另外一個對象的屬性
查看全部
舉報