前端至少需要掌握哪些后端知识？
基础：
1. ps、ai：这是辅助工具。切图或者制作或修改图标时会用到的。不要总指望美工给你全部搞好，大厂也是，很多时候确实需要自己动手。
2.html：前端基础之一。了解html的标签，并且在合适的地方使用合适的标签，不要除了div就是span，这么写html早晚会sb的。对于html5的规范、网站无障碍等等也要有一定的了解。
3.css：前端基础之一。前端模块化之后，css能力其实是更加重要了，因为再也没有美工给你切图了，你负责的部分你不写css谁替你写？很多公司美工出图和静态页之后，css其实还是要自己写的。
4.js：前端基础之一。从ES3到ES2018。canvas、webgl、播放器、陀螺仪、地理定位等等都会用到。
5.node：前端基础之一。
6.数学：数学是前端动画的基础，简单如加减乘除、复杂如各种公式，都可能用到。
扩展：
7.前端的构建工具和打包工具：gulp、babel、rollup、webpack。在开发库时，多个开发语言的可以考虑gulp，打包使用rollup。项目开发肯定选webpack了。
8.各种库和框架：jquery、angular、react、vue等等。
9.css预处理器和后处理器：less、sass、stylus，postcss目前以我的经验来看开发提升的不大。
10.服务器的工作流程：就是从浏览器发送请求开始，到后端的处理，再到浏览器接收到数据的这一段时间干了啥得有个数。
11.数据库：原谅我只会mysql。
还有，有些理论是错误的，虽然很多人这么说：
1.html：全部使用div就能搞定一个网站：这是我在知乎上看到的话题，好多人还居然真的这么干。1.这么做不利于维护，语义化的标签不仅仅是给搜索引擎看的，也是给自己看的，2.某些标签上默认的动作，换个标签就需要更多的js去模拟，3.跨平台不是问题，现在跨平台的css样式真的简单得多，没有很大的问题
2.切图没有用，只会js就好：使用前端三大框架和webpack后，很多都是组件化开发，对于组件化的开发来说，html、css都需要自己写了。美工、切图给你写？不存在的，大厂也需要你自己写。无论是前端的网站（使用服务器端渲染）还是后端所谓的管理平台（更没人给你写了），都是靠你自己的。
什么是H5？
H5 是一个产品名词
HTML5 是一个技术名词
打个比方，如果有个人跟你说：“我要做个网站，H5的”。
那TA是想让你用header、footer、nav、section等标签？
让你用Geolocation、localStorage、Web Worker等API？
Up一张之前和甲方之间的聊天记录，甲方突然问了这么一句，大家感受一下。
这就是为什么我很反感别人跟我说H5，我特么知道你到底什么意思。。。
科普一下：
HTML5并不是一项技术，而是一个标准。具体是超文本标记语言第五代巴拉巴拉的我就不详细叙述了，想知道自行脑补吧。
详细说下我理解的H5：
H5是一项技术合集，大概包括一下几种：
1. 页面素材预加载技术，可以使用createJS之中的preloadJS。
2. 音乐加载播放技术，createJS中同样有soundJS可以实现。
3. 整屏滑动，大多数是用了swiper.js这个Jquery插件。
4. 可以涂抹擦除，多半是canvas叠加层，canvas是HTML5标准里面的标签。
5. 有动态的文字和图片，常见的是使用了css3或者直接使用js动画或者还有canvas。
6. 支持分享自定义的文案和图片，这个是用到了微信的jssdk，和HTML标准半毛钱关系都没有。
等等等.........
对于甲方粑粑来说，H5指的不是HTML5，而是某种在微信等移动端看上去酷炫能够提升公司格调顺便亮瞎访问者氪金狗眼顿升膜拜之心就算没有内容也能被广泛转发分享的一种东西。[捂脸笑哭.JPG]
=========================== 划重点 ============================
所以，最终当我们在谈论H5的时候，实际上是一个解决方案，一个看起来酷炫的移动端网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位，包括一切前端的基本知识。