纯福利 | 前端新人面试题汇总-基础篇

原创 2016年11月14日 12:00:03

近来,由于我的公众号粉丝越来越多,当然留言和各种问题也越来越多,虽说近来一段 因为产品接近收尾上线阶段,确实略忙,我有时候甚至回到我温暖的家 都将近深夜11点(我也不知道为何这么拼,后面我会写篇文章专门分析这个问题);


【关于前端面试技巧,或者面试准备等方面】已经被好多位同学要求了好多次。

所以,今天我简单整理了下以前收集和自己想到的一些【基础篇技术篇】先送给大家。

这些问题都很普通 但很基础和重要,决定了你可以走多远和拿到敲门砖,所以不要觉得不重要,因为这些问题都答不到70%,那么你基本可以和正经的重视前端的大公司说拜拜了。

如果你一些基本问题答对了,那么我可以肯定的是 你面试任何公司的前端技术轮,都是没问题的。不是我吹,是真的 基础很重要 也很简单都可以自己查到,做好准备即可。


由于我拿到过 阿里巴巴事业部 的offer(以前的事儿了),我就结合一下 淘宝前端的一些面试题(真的是只限新人),整理一下,后面会送上面试技巧

「 CSS篇 」


  1. CSS 盒子模型,绝对定位和相对定位

  2. 清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法

  3. 如何保持浮层水平垂直居中

  4. position 和 display 的取值和各自的意思和用法

  5. 样式的层级关系,选择器优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验

  6. css3动画效果属性,canvas、svg的区别

  7. px和em的区别


「 JavaScript 篇 」


JavaScript 基础 
  1. JavaScript 里有哪些数据类型,解释清楚 null 和 undefined,解释清楚原始数据类型和引用数据类型。比如讲一下 1 和 Number(1)的区别

  2. 将一下 prototype 是什么东西,原型链的理解,什么时候用 prototype

  3. 函数里的this什么含义,什么情况下,怎么用。

  4. apply和 call 什么含义,什么区别?什么时候用。(我有篇文章 重点分析过)

  5. 数组和对象有哪些原生方法,列举一下,分别是什么含义,比如连接两个数组用哪个方法,删除数组的指定项和重新组装数组(操作数据的重点)。

  6. 怎样添加、移除、移动、复制、创建和查找节点?


JavaScript 的面向对象
  1. JS 模块包装格式都用过哪些,CommonJS、AMD、CMD。定义一个JS 模块代码,最精简的格式是怎样。

  2. JS 怎么实现一个类。怎么实例化这个类。

  3. 是否了解自定义事件。jQuery里的fire函数是什么意思,什么时候用。

  4. 说一下了解的js 设计模式,解释一下单例、工厂、观察者。

  5. ajax 跨域有哪些方法,jsonp 的原理是什么,如果页面编码和被请求的资源编码不一致如何处理?


「 开源工具 」


1)是否了解开源的架构工具 bower、npm、yeoman、gulp、webpack,有无用过,有无写过,一个 npm 的包里的 package.json 具备的必要的字段都有哪些(名称、版本号,依赖)

2)github常用不常用,关注过哪些项目

3)会不会用 ps 扣图,png、jpg、gif 这些图片格式解释一下,分别什么时候用。如何优化图像、图像格式的区别

4)说一下你常用的命令行工具

5)会不会用git,说上来几个命令,说一下git和svn的区别,有没有用git解决过冲突


「 计算机网络基础 」


1)说一下HTTP 协议头字段说上来几个,是否尽可能详细的掌握HTTP协议。一次完整的HTTP事务是怎样的一个过程?

2)cookies 是干嘛的,服务器和浏览器之间的 cookies 是怎么传的,httponly 的 cookies 和可读写的 cookie 有什么区别,有无长度限制
请描述一下cookies,sessionStorage和localStorage的区别

3)从敲入 URL 到渲染完成的整个过程,包括 DOM 构建的过程,说的约详细越好。

4)是否了解Web注入攻击,说下原理,最常见的两种攻击(XSS 和 CSRF)了解到什么程度。

5)是否了解公钥加密和私钥加密。如何确保表单提交里的密码字段不被泄露。验证码是干嘛的,是为了解决什么安全问题。

6)编码常识:文件编码、URL 编码、Unicode编码 什么含义。一个gbk编码的页面如何正确引用一个utf8的的资源


「 前端框架 」


1) 对MVC、MVVM的理解

2) jQuery的事件委托方法on、live、delegate之间有什么区别?

3)前后分离的思想了解吗?

 考察学习能力和方法

1)你每天必须登录的网站(前端技术相关)是什么?

2)前端技术方面看过哪些书,有无笔记,都有哪些收获。

3)收藏了哪些代码片段?有想过开源自己的代码嘛?

4)怎么理解前端技术的大趋势?自己再做哪方面的知识储备?

5)是否了解或精通其他(后端)的编程语言?

6)做项目有没有遇到哪些印象深刻的技术攻关,具体遇到什么问题,怎么找答案的,最后怎么解的。

7)对以后自己的前端职业路线,咋么规划


先这样把,以上题目 部分 也取自网络其他公司总结,都大差不差的。

OK!,今天先到这里,这些问题,网上都有可查的答案,自己不要懒,只要勤奋才能进步。有问题欢迎再文章留言,尽量不要再公众号私聊信息,因为我看不完,在文章底部写留言 即可, 我会一一回复。

最重要的,别忘了打赏我 哈哈哈哈!我也是需要动力滴! 你只要记住 【我最帅】 就好

扫描长按二维码,关注我的公众号

版权声明:本文已在我的公众号 :前端你别闹(ID: webunao) 原创首发,转载请务必注明出处!,JS前端实用开发QQ群 :147250970 欢迎加入~!

js 让函数立马变成一个 类 来实例化一个对象

function Person(a, b) {                 this.name = a;                 this.sex = b;             }  ...
  • u014750697
  • u014750697
  • 2016年06月08日 15:36
  • 215

详解JS类概念的实现

众所周知,JS并没有类(class)的概念,虽然说ES6开始有了类的概念,但是,这并不是说JS有了像Ruby、Java这些基于类的面向对象语言一样,有了全新的继承模型。ES6中的类,仅仅只是基于现有的...
  • alex8046
  • alex8046
  • 2016年07月18日 11:27
  • 3902

前端面试题汇总--基础篇

「 CSS篇 」CSS 盒子模型,绝对定位和相对定位清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法如何保持浮层水平垂直居中position 和 display 的取值和各自的意思和用法样式的层级...
  • yzcforit
  • yzcforit
  • 2017年05月21日 09:55
  • 209

Web前端基础面试题目及答案

前端基本技能有:1 HTML/CSS 2 JavaScript 1、什么是盒子模型?  在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(pad...
  • qq443068902
  • qq443068902
  • 2016年05月31日 22:08
  • 4492

js如何创建类(封装)

学过其他面向对象语言的JavaScripter,可能都应用过类,如:class{},等定义的一系列方法, 但是初学者看是学习js的时候,经常会看到这样一句话,那就是JavaScript是面向对象语言...
  • xi_2130
  • xi_2130
  • 2015年12月12日 16:43
  • 8827

js对象实例化的常见三种方式

三种常见模式:工厂模式,构造函数模式,原型模式 Object 创建对象常见的三种方式 window.onload=function(){ //工...
  • theowl
  • theowl
  • 2015年08月08日 19:08
  • 7347

前端面试题汇总-基础篇

近来,由于我的公众号粉丝越来越多,当然留言和各种问题也越来越多,虽说近来一段 因为产品接近收尾上线阶段,确实略忙,我有时候甚至回到我温暖的家 都将近深夜11点(我也不知道为何这么拼,后面我会写篇文章专...
  • u014470581
  • u014470581
  • 2016年11月16日 08:58
  • 263

2018秋招前端面经总结

在微信公众号上看到的文章,原文如下:总结了一下,发现实习经历真的很重要,而且项目经验也要重点突出一些东西,展现自己的技术特点,让面试官无懈可击。不然问一些东西说不出来就很尴尬了。 一、阿里一面(...
  • qq_39387475
  • qq_39387475
  • 2017年10月18日 17:35
  • 378

js中类的实现

在js中利用new、this和prototype三个关键字可以实现完备的面向对象特征。而创建一个新的对象new关键字是不可缺少的。只用new创建一个最简单的对象:(1)var t = new Obje...
  • flynetcn
  • flynetcn
  • 2010年03月11日 22:43
  • 1438

JS创建类和对象的几种方式总结

在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。 JS对象是一种复合类型,它允许你通...
  • guorun18
  • guorun18
  • 2015年11月13日 16:51
  • 216
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:纯福利 | 前端新人面试题汇总-基础篇
举报原因:
原因补充:

(最多只允许输入30个字)