前端工作思路及技巧
一．项目准备
1.以产品原型为基准对项目进行评审，对项目进行分析、思考，提出问题进行沟通
2.以设计图为基准进行评审，对设计图颜色、布局、交互效果进行讨论沟通
3.根据项目周期制定合理的开发任务，以天为单位
4.根据项目与团队沟通，选择运用的框架及技术进行部署
二．项目开发
1.搭建项目 生成项目结构
2.新建页面/模块，创建页面/模块所需的资源，并引入。
3.创建文件夹，包含项目公共css, js, img
4.根据设计图进行项目开发：
1）开发：严格按照需求文档和设计图完成功能的开发。
2）联调：在与后台同学联调前，对照测试用例，对自己的模块进行了严格的自测。
3）提测：提测前，是否已自测、联调通过；测试正式介入前，产品是否提前部署到测试环境，并进行初步的验证。
三. 开发技巧
1.用好工具
用好工具能可以
减少一些重复劳动，如Compass可以自动生成图片精灵
减少做一件事情的路径。如cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，替代使用切片工具进行挨个切图的流程，从而提高我们的工作效率。
2.编辑器
1)语法高亮
2)括号匹配
3)能快速定位
快速打开文件
在文件中查找
在文件夹中查找
跳至某一行
4)能安装插件
3.熟练运用浏览器进行调试
1）审查元素
2）打断点和条件断点
3）改变元素的状态 例如:hover focus
4）熟练使用浏览器的控制台
5）移动端调试：用pc浏览器模拟手机浏览器；
4.做好时间管理
1）做好计划，在自己效率高的时候，做一些难的事情；效率低的时候，做一些简单的事情
2）工作时专注，细心