前端基礎面試題

1.HTMl5的新增標籤;

結構標籤:
  header    section    footer    nav    article    aside    hgroup    figure    figcaption    dialog          
多媒體標籤:
  video    audio    source   
繪圖標籤:
  canvas    svg  
其餘標籤:
  keygen    mark    time    output

2.H5新增的表單控件(屬性)

number    color    datetime    datetime-local    time    date    week    month    email    URL    range

3.input元素新增屬性

autocomplete    autofocus    required    pattern    form

4.CSS新增的

圓角    邊框圖片   背景尺寸    漸變    文本效果    字體陰影    2D轉換  多列布局    動畫
  http://blog.163.com/thinker_creator/blog/static/101933149200992181547878/

5.CSS3動畫

transition    transform    animation  
  https://www.cnblogs.com/wuyanliang/p/5862643.html

6.jQuery動畫

hide()    show()    
  fadeIn()    fadeOut()    fadeToggle()    fadeTo()
  animate()
  slideDown()    slideUp()    slideToggle()

7.javaScript 獲取DOM對象的方法

getElementById()
  getElementsByTagName()
  getElementsByClassName()
  appendChild()                    把新的子節點添加到指定節點
  removeChild()                    刪除子節點
  replaceChild()                   替換子節點
  insertBefore()                   在指定的子節點前面插入新的子節點
  createAttribute()                建立屬性節點
  createElement()                  建立元素節點
  createTextNode()                 建立文本節點
  getAttribute()                   返回指定屬性名的屬性值
  setAttribute()                   把指定屬性設置或修改成指定的值
  getComputedStyle()               獲取內聯外聯的css樣式

8.jQuery 操做CSS樣式

css()

9.jQuery 操做類名

addClass()
  removeClass()
  toggleClass()

10.jQuery-JavaScript 操做內容

html()    innerHTML
  text()    innerText
  val()     textContent

11.jQuery對元素屬性的操做

attr()                          操做自定義屬性
   prop()                          操做固有(自帶)屬性
   removeAttr()

12.H5的本地存儲(緩存)

localStorage                    永久保存(5M)
   sessonStorage                   窗口,瀏覽器,客戶端關閉後自動消除數據(5M)
   cookies                         大小4K以內

13.JavaScript的類型有哪些

number string boolean undefined null  object(array function)

14.怎麼判斷JavaScript類型

typeof

15.null,undefined類型

object     undefined

16.寫一個簡單的排序(數組去重)

function sorts(str){
       return Array.from(new Set(str)).sort((a,b)=>{return b - a})
   }

17.JavaScript類型轉換

Number()    
   parseInt()                     不能轉換浮點數
   parseFloat()                   能轉換浮點數
   string()

18.數組轉字符串

replace()    var str= arr.replace(/\''/g,"")
    join()       var str = arr.join(',')
    JSON.stringify(對象或者數組)    將JavaScript值轉換爲JSON字符串

19.字符串轉數組

split()       var arr = str.split(",")

20.字符串轉對象

JSON.parse()                   將一個JSON字符串轉爲JavaScript對象

21.JavaScript延遲加載

setTimeout
    讓JavaScript代碼最後加載(放在HTML文件底部)
    async defer

22.js性能優化

儘可能減小DOM調用
    優化循環
    避免使用eval()
    使用事件委託
    減小DOM的數目
    動態建立DOM方式
    按需異步加載

23.事件委託

利用事件冒泡的原理,子元素的事件會冒泡到父元素,能夠只給父元素添加事件,經過事件目標判斷元素

24.閉包

函數內部又定義了一個函數,內部函數引用外部函數的變量,就構成了閉包
    (閉包就是可以讀取其餘函數內部變量的函數)

25.eval()

它的功能吧對應的字符串解析成JavaScript飯嗎並運行
    缺點:很是耗性能(一次解析成JavaScript語句,一次執行)

26.鏈式結構的原理

return  this

27.你知道VueX麼

集中式狀態管理架構

28.前端構建(造)工具

gulp
     http://www.gulpjs.com.cn/

29.前端js框架(框架)

Zepto.js    Node.js    angular.Js    JQuery Mobile    requirejs    Vue.js    backbone.js

30.前端UI框架

bootstrap    Pure    EasyUI    Ant Design

31.前端加密方式(js)

js加密
    https://www.cnblogs.com/jingmin/p/6503257.html
    壓縮    混淆     MD5    RSA

32.前端隱藏元素

display:none    visibility:hidden    opacity:0    position:absolute    clip-path(裁剪)

33.做用域的規則

只能從內部向外部查找變量