作为一个刚入门的前端爱好者，以后立志成为前端攻城狮的我，应该要学习哪些方面的知识？

我现在刚通过学校一个公众号技术部门的面试，估计以后的前端设计都会交给我，但我现在只是了解一些基础知识，级联样式表和表格什么的，连jQuery和响应式网页都没会，公众号的服务包括查询课表或者四六级成绩，一些比赛活动的投票，这些以后都要我参与进去，所以我应该要优先学习和了解哪些知识

回复内容：

@冯菲 的升级版：
http://html5ify.com/fks/fks_chart/

对应的github库项目：
JacksonTian/fks · GitHub 1. 我猜你肯定没看过这个图， 颤抖吧， 骚年！ （图片来自 http://weibo.com/jayli）

2. 具体点可以看下这个
前端知识体系结构的收集与整理 · Issue #9 · ecomfe/edp · GitHub

评论里 @xs yin 提醒了我，你不可能全都掌握，但是要很熟悉至少一两个方面&了解很多方面。 我对前端没什么兴趣，甚至对后台也没什么兴趣。为了装逼，想搭一个个人网站，去年暑假一直学到现在，感觉什么都没学会，只学会一句话：“前端坑深不见底。” 献出珍藏一张，当时有所感悟。。 别被那些所谓的图吓倒，那几张图有几个人能完全掌握？什么不会就学什么吧。上慕课网把所有前端教程看一遍就知道有哪些需要学了。 css 和js基础都很重要,框架和库是以后的事,基础打牢,轮子自己造 你要先搞清楚前端设计跟前端开发的区别，如果像你描述的设计你来搞，那么就是ui射鸡狮方向，如果叫你开发web，那么才是前端攻城狮。射鸡狮我不懂要会什么，攻城狮要会的就非常广泛，前到切图布局，后到nodejs，ruby。 网上有各种css和js的教程，刚开始学习可以去看看，至于响应式设计，先把基础打牢，用框架来搞事半功倍，而且还不要存在兼容性什么的担心。慢慢修炼吧！ 优先要学会的就是一些常用标签的使用呗,然后常用样式表语言的用法,起码能比较准确的重现设计稿上的布局.
我记得公众号查询返回的要么是简单的文本,要么是图文列表,图文列表也是非常受限和不能修改样式的,除非你返回的消息引导用户跳转到页面.或者直接自定义菜单跳转到页面,难道你做的是那一块?