从前年就开始学习html5，陆陆续续也学到了很多，html5新增的标签、css3新属性、js中和html5相关的部分;
可是每到项目实战的时候，总还是感觉底气不足，很多时候还会有无从下手的感觉;
静下心来仔细分析下，最近遇到的项目中，以前学的很多东西都好像没用上，而真正有用的，却一直没学;接下来大致总结下吧，希望以后的项目能够更加顺利;
第一部分、喊得很响但暂时不太实用的知识点：
1、html5新标签
倒不是说html5新标签没用，而是最近接的订单都不是太看重这些，很多客户甚至不知道html5新标签都有什么;可每次学习的时候总把这里当成重点，学的非常努力，项目还是没做好，时间长了，会崩溃的;所以这里暂时还是只把最常用的几个(header, footer, nav, section, article)掌握熟练了，其他新增的标签有印象即可;
2、css3新属性
border-radius, box-shadow, transform, transition;这几个比较常用，需要熟记;其他的遇到的时候再搜索吧;
3、svg
似乎在很多图表相关的行业用到的比较多;不过说实话，还没遇到过与svg相关的订单;暂时略读一下就好;
4、canvas
这个最近是太火了，各种小游戏都要用到;鉴于暂时只做切图，不做小游戏，这块暂时先挂起吧，以后有时间了再说;
5、html5存储
由于目前只需要负责前端切图这一部分，不需要考虑存储相关的问题，所以这方面可以不用太关注;
第二部分、提的比较少但是在项目实战中影响比较大的知识点：
1、PS切图注意事项：
主要是retina屏幕相关的，比如苹果的@2x;有空了整理一下吧，提高效率;
2、head(主要是meta、media query、)
手机设备比较多，像关于手机缩放的scale，apple touch等等相关的，有空了一定要整理一份完整版，便于以后项目直接复制使用;
3、自适应兼容
只要是手机项目，这里是必然用到的;
这里最大的难点还不是知识点，关键在于这里的变数太多，不同的项目要根据实际情况按需定制，而不像前两个有固定的标准;
根据图的背景是否纯色、客户着重要求的设备尺寸、特效的实际需求等等，都会对最终自适应方案有很大影响;
这里就只能不断积累经验了;
4、手机移动端特效(主要是由js和css3知识点组合)
发现很多客户对html5的实质并不是那么了解，他们口中的html5，其实就是js和css3组合成的页面特效，比如手指滑动翻页、漂浮、摇一摇等;
而这其中涉及到的js最多的还是addClass、removeClass和触屏滑动;
涉及到的css3部分其实很多是固定的，稍微修改属性值就好;有些比较复杂的可能需要组合;所以对于这个部分，有必要有意识的积累优秀移动端网页的css3
5、与项目的策划或pm沟通
由于手机设备比较多样化，而很多策划或pm对开发原理不清晰，导致经常会有不符合开发原理的策划;
所以手机项目，前端开发工程师必须参与策划;