彙總02

彙總 02

移動端適配

各機型字體基準值
media query 機型 改變基準值
js 改變基準值
rem

移動端實現真正的1px

等寬三列

移動端懶加載組件設計

移動端實現 dialog 垂直居中

webpack經常使用插件

有沒有開發過 gulp/grunt的插件

跨域解決

react 生命週期

• 實例化
  • getDefaultProps
  • getInitialState
  • componentWillMount render以前調用 業務邏輯 state的操做
• 存在期
  • componentWillReceiveProps
  • shouldComponentUpdate
  • componentWillUpdate
• render // 渲染返回一個虛擬dom
• componentDidMount // render以後 會使用render生成的虛擬Dom建立真實的Dom
• componentDidUpdate
• 銷燬 清理
• componentWillUnmount

promise

實現一個函數 一個參數 一個返回值

1 =》 1
2 =》 6
3 =》 7
4 =》13

phoneGap 調攝像頭

jquery api

div 爲基準
prev()
next()
append()
prepend()

數組排序

react vue mvvm實現原理

虛擬DOM

類型判斷

typeof(null) => object
typeof(Object) = function
"5"+4 = 54
void(0) = undefined
NaN*4 = NaN
Boolean('') = false
Boolean(' ') = true
Boolean('false') = true
Number('100px') = NaN
parseInt('100px') = 100

請寫出javascript的數據類型有哪幾種

基本數據類型：Undefined、Null、Boolean、Number、String
引用數據類型：Object

元素的alt 和title 有什麼異同

alt 替換文字 必要屬性
title 鼠標放上去的 非必要屬性

.box 寬度爲 100% 其中 column 1 的寬度爲 200px; columu2和column3的寬度相等，請使用css3中的功能實現他們的佈局

<div class="box">
    <div class="item">column 1</div>
    <div class="item">column 2</div>
    <div class="item">column 3</div>
</div>
// flex 兼容寫法 TODO
.box{
    display： flex；
    .item:first{
        width: 200px;
    }
    .item::(nth-child>2){
        flex:1;
    }
}

列舉幾種IE和FF腳本兼容性問題

(1) window.event：
表示當前的事件對象，IE有這個對象，FF沒有，FF經過給事件處理函數傳遞事件對象
firefox 下的 event.target
IE 下的 event.srcElement
obj(obj = event.srcElement ? event.srcElement : event.target;)

(2) 獲取事件源
IE用srcElement獲取事件源，而FF用target獲取事件源

(3) 添加，去除事件
IE：element.attachEvent(「onclick」, function) element.detachEvent(「onclick」, function)
FF：element.addEventListener(「click」, function, true) element.removeEventListener(「click」, function, true)

(4) 獲取標籤的自定義屬性
IE：div1.value或div1[「value」]
FF：可用div1.getAttribute(「value」)

(5) document.getElementByName()和document.all[name]
IE；document.getElementByName()和document.all[name]均不能獲取div元素
FF：能夠

(6) input.type的屬性
IE：input.type只讀
FF：input.type可讀寫

(7) innerText textContent outerHTML
IE：支持innerText, outerHTML
FF：支持textContent

(8) 是否可用id代替HTML元素
IE：能夠用id來代替HTML元素
FF：不能夠

寫一段正則表達式驗證字符串匹配郵箱格式

請分別寫出你知道的 html5 和css3的新特性

分別寫一個閉包和繼承的例子

20170407 彙總

with() 公司禁用嗎

js 幾種加載方式 形成的性能問題

• 頁面內
• document.write /document.create ('script') 同步異步

js 設置 defer sync 的區別

繼承原型鏈 原型

scope局部變量性能提高 閉包 做用域

一個網頁輸入發生了什麼？後端發生了什麼？

new Array() 發生了什麼？ 實現一個 new ..

數組去重

如何是 block 呈現爲 inline-block

面向對象特性 封裝繼承多態

寫一個繼承

css 隱藏 的幾種方式 區別

span img 設置爲何會有間隙 什麼致使的

ie盒模型 ff盒模型 區別

inline-block 怎麼去除空隙

兩個div 的margin 是怎麼計算的

垂直居中實現幾種方式

寫一個佈局 左側 10px 右側10% 中間撐滿

em rem的區別