关于前端写代码之前应该做到的事情
2015-11-29 23:26
295 查看
我发现每次直到提交测试的时候,总会出现一大堆问题,我仔细分析了一下出在自己身上的问题,觉得自己写的代码还是很少,而且做项目的经验不足,下面就是总结的一些在写代码之前应该做到的事情,这些事情做好了,可以少写很多代码和bug:
1. 接手项目的时候,先不要开始做,一定要仔细研究需求,知道产品的每个细节,而不是大概什么样子。
2. 向产品人员讲述这个项目应该是什么样子,如果有不同,去探讨究竟是什么样子,最后跟产品确认自己需求,保证自己做出来的东西是跟需求相匹配的。
3. 还不要先写代码,按照设计图先设计,从html开始设计,每个页面的嵌套结构,页面是否复用,复用的结构得统一,类名id名统一命名。
4. 样式上css文件是否是每个页面单独文件,如果不是单独文件,怎样写不会影响到其他的样式。
5. js文件尽量复用,代码逻辑注释清楚,重用的代码抽成函数,通过传参来区别结果。
6. ajax这块看接口文档,一定要看清楚每个字段,不要弄错了字段名,然后跟后台咨询那些字段是必须的,那些可以不传,如果报错了,有哪些,前台应该怎么处理。
7. 然后开始写代码,在后台接口还没做好之前,用加数据来做效果。
8. 提交代码之前,检查代码看自己的代码可否在压缩,没有注释的代码注释好。
1. 接手项目的时候,先不要开始做,一定要仔细研究需求,知道产品的每个细节,而不是大概什么样子。
2. 向产品人员讲述这个项目应该是什么样子,如果有不同,去探讨究竟是什么样子,最后跟产品确认自己需求,保证自己做出来的东西是跟需求相匹配的。
3. 还不要先写代码,按照设计图先设计,从html开始设计,每个页面的嵌套结构,页面是否复用,复用的结构得统一,类名id名统一命名。
4. 样式上css文件是否是每个页面单独文件,如果不是单独文件,怎样写不会影响到其他的样式。
5. js文件尽量复用,代码逻辑注释清楚,重用的代码抽成函数,通过传参来区别结果。
6. ajax这块看接口文档,一定要看清楚每个字段,不要弄错了字段名,然后跟后台咨询那些字段是必须的,那些可以不传,如果报错了,有哪些,前台应该怎么处理。
7. 然后开始写代码,在后台接口还没做好之前,用加数据来做效果。
8. 提交代码之前,检查代码看自己的代码可否在压缩,没有注释的代码注释好。
相关文章推荐
- 原生JavaScript支持6种方式获取元素
- Bootstrap 弹出框(Popover)插件
- angular JS 实现增删改查
- angularjs学习 过滤器(filter)
- JSON解析的两种方法
- js面向对象的学习记录
- js中与、或运算符 ||、&& 短路介绍
- JS之kindeditor的用法简介
- js获取select标签选中的值
- 响应式布局
- HDFS的namenode和datanode
- javascript的四种函数调用模式以及相应的this绑定
- background-CSS属性记
- js历史记录管理
- Bootstrap 提示工具(Tooltip)插件的事件
- html的学习方法
- JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)
- web前端性能的意义及关注的重点
- Bootstrap表单介绍
- CSS样式与选择器