因为是自学的，所以比较茫然，不知道该掌握些什么。不要说看书啥的，我这几天就要去面试了，虽然对方说可以招新带培训。但是我也想知道我需要会点什么。
楼主对于前端该学哪些知识，我觉得大体上大家要学习的知识是有一定的相同点的，但是也要因人而异。可以参考一下面这份资料。
前端知识结构
面试资料
资料1
资料2
既然是面试，就说点对面试有帮助的吧。
首先，学习一门语言，该语言的基本语法是和特性必须要掌握的，数据类型，数组，对象，函数，闭包，还有正则表达式等等。
然而js又往往作为浏览器脚本，所以熟悉通过js获取dom元素的操作肯定是必须的，一般学习到这里的人都可以尝试接触一下jquery。在浏览器环境下重新理解一下js的基本语法和特性是极为必要。
然而开发中用到最常用的技术，Ajax。这个技术一定要详细理解，掌握，信手捏来。
还有一些跨域的解决方案，jsonp等等，都很实用，面试也常常问到。
在操作比较熟练的时候，比如已经可以独立完成一些功能，甚至可以写出一些小的系统。这个时候可以把注意力向优化方向转移一下，这可以让你从原理上来思考问题。
总之，前端是一个水很深的方向，而且一点都不简单，切忌急功近利。脚踏实地才是硬道理。
js基础知识
es6新特性
我觉得新入门就要去面试了还不如基础知识学好
对大部分创业型公司来说，前端还是只需要熟悉切图、div+css布局、jquery，然后因为现在移动web应用较多，所以html5 css3也需要了解一点
ECMAScript：数据类型、词法作用域、类型转换、变量声明提升、运算符、闭包(词法作用域理解后，闭包也就那样)、this指向……
BOM: 一般很少面，可先不考虑……
DOM: 节点、事件(了解事件冒泡等过程)、选择符API、ajax(先搁这吧)……
核心还是ECMAScript，基础面试的话差不多这些，书籍的话你以后还是要看的，在此不推荐了，祝你面试顺利！
基本的bom dom,尤其dom,节点关系，事件绑定，对象，可以自己实现个独立拖拽，然后看《javascript权威指南》不是特别厚那本，里面覆盖了面试的基本知识点。
个人的一点经验之谈：
既然是初级，首先必须知道HTML,CSS，JS的基础知识，所以w3cschool要经常看
页面布局开发
DIV+CSS布局 - 起码要知道如何开发页面
针对移动端布局推荐使用淘宝的rem方式：flexible 后者使用flexbox
交互开发
jQuery作为操作DOM使用最广泛的库，jquery v1.9 中文API
针对移动端的zepto.js
web APP框架
如果是微信端，推荐WeUI
淘宝的SUI个人也非常推荐
其他扩展技能：
UI库推荐学习Bootstrap
Backbone.js建议有精力就学习一下
模块化可以使用sea.js或者require.js
自动化构建，先学学gulp,若果原理不明白，那就先看看百度的F.I.S(官方对自动化构建解释的很清楚）
以上根据个人能力慢慢学习，不足的其他各位补充