前端面试总结

244 阅读3分钟
  1. 常用浏览器有哪些,内核是什么?
    IE Trdent
    火狐 gecko
    chrome webkit
  1. 说下行内元素和块级元素的区别?
 块级元素    
独占一行    
可以设置盒子模型的所有属性,宽高边距边框    
不设置的时候 继承父类的宽 高度由内容决定。  
可以嵌套其他元素(p和dt不能嵌套)。
    行内元素
    在一行显示
    不可以设置宽高
  1. 清除浮动有哪些方式?比较好的方式是哪一种?
 1.额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:both;)(不推荐)
 2.父级添加overflow属性(父元素添加overflow:hidden)(不推荐)
 2.父级添加overflow属性(父元素添加overflow:hidden)(不推荐)

通过触发BFC方式,实现清除浮动

    .fahter{
        width: 400px;
        border: 1px solid deeppink;
        overflow: hidden;
    }
优点:代码简洁

缺点:内容增多的时候容易造成不会自动换行导致内容被隐藏掉,无法显示要溢出的元素

不推荐使用
3.使用after伪元素清除浮动(推荐使用)
  1. Css中类(classes)和ID的区别
  2. 标签上tit1与alt属性的区别是什么?
alt
图片在无法正确显示的时候起到文本替代的作用
title
鼠标滑过时显示的文字提示,用户体验上很重要。
  1. setTimeout的作用?
    定时器
  2. 什么是 jsonp
  3. 如何在后端响应的数据到达之前避免用户重复提交呢?
  4. windowlocation的作用是什么
  5. 什么是闭包?
  6. JavaScript特点
  7. JavaScript核心
  8. 解释一下CSS的盒子模型么?
  9. 解释一些CSS3中的文本效果么?
  10. 本地存储和 cookies(储存在用户本地终端上的数据)之间的区别是什么?
  11. CSS3有哪些新特性?
  12. 如何实现浏览器内多个标签页之间的通信?
  13. 你如何对网站的文件和资源进行优化?
  14. 你如何利用 jquery来向一个元素中添加和移除CSs类?
  15. 使用CDN加载 jQuery库的主要优势是什么?
  16. jQuery jQuery.ajax()方法之间的区别是什么?
  17. jQuery中的方法链是什么?使用方法链有什么好处?
  18. 你要是在一个 jQuery false会怎样?
  19. 哪种方式更高效: document getElemen tby Id("myld )还是s(=myId")?
  20. 在 bootstrap中,以下的()不是文本对其的方式。 A, text lef B,, text middle C,text right D、text justify
  21. 在 bootstrap中,下列()不属于验证提示状态的类 A、. has warning has error C、.has- danger D、.has success
  22. 在 ft bootstrap中,()不属于媒体查询的关键词。 A、and B、not C、only D、or
  23. 在 bootstrap中,下列()不属于按钮尺寸。 A、.btn-lg B、.btn-md C、.btn-smd、.btn-xs
  24. 在 bootstrap button的预定义样式。 A、.btn -success-、.btn-warp C、.btn -info-、.btn-link
  25. 在 bootstrap中,下列()不属于图片处理的类。 A、.img- rounded circle、.ing- thumbnail、.img radius
  26. 创建自定义指令用到那个关键词?
  27. 监听数据变化能用上哪些关键词,并说明作用?
  28. 创建一个组件用到那些关键词,分别作用是什么?
  29. 组件模板有哪二种方法来获取数据?
  30. 手写一个动态组件效果,并成功运行?
  31. 手写一个路由效果并成功运行?

vue

  1. 生命周期
  2. mvvm
  3. 组件之间如何通讯