BAT搬過(guò)磚誓篱、創(chuàng)過(guò)業(yè)巫湘，做了無(wú)數(shù)的項(xiàng)目箩做，更偏好于前端工程化棋恼、團(tuán)隊(duì)效率優(yōu)化的工作萎坷。
發(fā)簡(jiǎn)信
IP屬地：北京
-
-
-
ES6 Class"類"
一、傳統(tǒng)方法與ES6"類" ??JavaScript語(yǔ)言的傳統(tǒng)方法是通過(guò)構(gòu)造函數(shù)定義并生成新對(duì)象贺归，如： ??上述寫法與傳統(tǒng)的面向?qū)ο笳Z(yǔ)言(比如C++)的寫法就有很大的差異淆两，而...
-
Generator函數(shù)
一、背景知識(shí) ??盡管Promise方法能夠解決JS異步方法帶來(lái)的嵌套地獄問(wèn)題拂酣，但其本質(zhì)上只是回調(diào)函數(shù)的改進(jìn)秋冰，使用then方法以后，異步任務(wù)的兩端執(zhí)行更清楚了婶熬，除此以外剑勾，并無(wú)...
-
Promise異步處理一、回調(diào)地獄 ??首先我們知道在JS中異步執(zhí)行機(jī)制具有非常重要的地位赵颅，而Node.js中readFile就是一個(gè)異步操作虽另，這里我們先進(jìn)行一個(gè)小實(shí)驗(yàn)，分別讀取data文件夾下a...
-
瀏覽器解析渲染頁(yè)面
一饺谬、渲染機(jī)制 整體來(lái)說(shuō)捂刺，整個(gè)過(guò)程可以分為五個(gè)步驟： 根據(jù) HTML 解析出 DOM 樹 根據(jù) CSS 解析生成 CSS 規(guī)則樹 結(jié)合 DOM 樹和 CSS 規(guī)則樹，生成渲染樹...
-
BOM-scroll系列一商蕴、scrollWidth與scrollHeight ??當(dāng)標(biāo)簽內(nèi)容大于標(biāo)簽高寬時(shí)：內(nèi)容實(shí)際的高寬（不包括邊框）??如果標(biāo)簽中內(nèi)容為空或者內(nèi)容高寬小于標(biāo)簽高寬: srcoll...
-
ES6 數(shù)據(jù)結(jié)構(gòu)-Map
一叠萍、背景知識(shí) ??JavaScript的對(duì)象(Object)本質(zhì)上是鍵值對(duì)的集合(Hash結(jié)構(gòu))芝发，但是只能用字符串作為鍵： ??上面代碼原意是將一個(gè)DOM節(jié)點(diǎn)作為對(duì)象data...
-
ES6 數(shù)據(jù)結(jié)構(gòu)-Set
一绪商、基本用法與特性 ??Set本身是一個(gè)構(gòu)造函數(shù)，可直接用來(lái)生成Set數(shù)據(jù)結(jié)構(gòu)： ??可傳入數(shù)組or偽數(shù)組 ??①Set結(jié)構(gòu)不會(huì)添加重復(fù)值 ??②Set結(jié)構(gòu)加入數(shù)據(jù)時(shí)不會(huì)發(fā)生...
-
ES6 const命令特性一辅鲸、“不可”改變 ??const 聲明一個(gè)只讀的變量格郁。一旦聲明，常量的值就不可改變： ??不可改變的本質(zhì)：變量指向的那個(gè)內(nèi)存地址不可改變，比如我們定義foo例书、bar對(duì)象和a锣尉、...
-
ES6 let命令特性
一、塊級(jí)作用域 ??ES6 新增了let命令决采，用來(lái)聲明變量自沧。它的用法類似于var，但是所聲明的變量树瞭，只在let命令所在的代碼塊內(nèi)有效拇厢。比如： 二、不存在變量提升 ??var命...
-
原生JS與jQuery中事件的綁定與解綁
一晒喷、JS中事件的綁定 1.1 on事件類型方式： ??常見的比如onclick孝偎、onmouseover等，這類綁定方式缺點(diǎn)在于無(wú)法為同一事件綁定多個(gè)函數(shù)： ??上述代碼中點(diǎn)擊...
-
原生JS與jQuery自定義屬性的操作
一凉敲、自定義屬性： ??首先我們來(lái)弄清楚什么是自定義屬性: ??由html的基礎(chǔ)知識(shí)我們知道衣盾，html標(biāo)簽是不存在age屬性的，而此時(shí)我們自己添加上去的age屬性就稱之為自定義...
-
原生JS與jQuery獲取節(jié)點(diǎn)的方法
一爷抓、JS中的節(jié)點(diǎn)： ??首先我們來(lái)介紹一下DOM中元素與節(jié)點(diǎn)間的關(guān)系：頁(yè)面中所有內(nèi)容都是節(jié)點(diǎn)[包括元素势决，屬性，文本]蓝撇，所以節(jié)點(diǎn)是包括元素的徽龟。??以下是節(jié)點(diǎn)的三個(gè)屬性： 二、J...
-
原生JS與jQuery中獲取元素的方法
一唉地、原生JS中獲取元素的方法 ??①根據(jù)id： ???document.getElementById('id'); 返回一個(gè)元素??②根據(jù)標(biāo)簽： ??documen...
-
JS中的對(duì)象一据悔、調(diào)用系統(tǒng)構(gòu)造函數(shù)與字面量方式 ??我們可以直接通過(guò) new Object() 創(chuàng)建： ??每次創(chuàng)建通過(guò) new Object() 比較麻煩，所以可以通過(guò)它的簡(jiǎn)寫形式對(duì)象字...
