前端基本面试题

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.作用域的划定规矩

    只能从内部向外部查找变量

    
 
  
    原文作者:S_HL
    原文地址: https://segmentfault.com/a/1190000015894460
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞