前端写页面需要注意的一些事情
2015-10-29 07:46
183 查看
我是个很初级的程序员,只是总结了自己最近在公司实习的一些写静态页面与后台程序怎样才能更好地配合起来的一点经验,还望各位业界大神多多指点
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/61c17ed2eb67211a84e137429ac3f7ad.gif)
1.整个页面在写之前首先应该先把大的框架搭出来,在去写里面小的细节。保证大的框架没有问题,里面有问题,大不了删了重写。(给大的框架加上background测试是最直观看到大框架是否正确的方式)
2.整个页面的布局,要尽可能的灵活,因为所有的元素都是不定高的,这是由于,后台要加什么东西前台页面是不知道的,如果写的很死,那么后台在写程序的时候,就会把页面撑乱,这是不可取的。
3.清除浮动的问题,一定要记住。
4.兼容性问题,平时有时间一定要多了解各种浏览器的hack,及解决方法。
5.前端写页面,必不可少的是注释,而且注释一定要清晰明了,HTML页面和CSS样式表都要写注释,注释对自己和后台程序人员都是非常重要的。
6.命名问题,一定要有一个命名规范,因为页面不是只有一个,通常一套网站会有好几个页面去写,那么命名的规范性就显得尤为重要,例如:网页头部,命名是不能都叫head,因为他们是共用一个CSS样式表的,要有所区分,首页头部,就叫index_head,列表页头部就叫list_head,总之,命名的规范性和区别一定要注意。
7.公共部分,能共用的,一定要写成公共区域,不要重复写一些相同的代码,代码应该尽量的简洁。
还有我想说的就是,程序员一定要戒骄戒躁,平常心是最重要的,遇到不会的问题,静下心来,不要着急,按照层级关系,一级一级的往上去找。遇到问题就解决,不要逃避,有问题是好的,问题及早出现,才能避免以后的错误。所有的事情,都是经验使然。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/61c17ed2eb67211a84e137429ac3f7ad.gif)
1.整个页面在写之前首先应该先把大的框架搭出来,在去写里面小的细节。保证大的框架没有问题,里面有问题,大不了删了重写。(给大的框架加上background测试是最直观看到大框架是否正确的方式)
2.整个页面的布局,要尽可能的灵活,因为所有的元素都是不定高的,这是由于,后台要加什么东西前台页面是不知道的,如果写的很死,那么后台在写程序的时候,就会把页面撑乱,这是不可取的。
3.清除浮动的问题,一定要记住。
4.兼容性问题,平时有时间一定要多了解各种浏览器的hack,及解决方法。
5.前端写页面,必不可少的是注释,而且注释一定要清晰明了,HTML页面和CSS样式表都要写注释,注释对自己和后台程序人员都是非常重要的。
6.命名问题,一定要有一个命名规范,因为页面不是只有一个,通常一套网站会有好几个页面去写,那么命名的规范性就显得尤为重要,例如:网页头部,命名是不能都叫head,因为他们是共用一个CSS样式表的,要有所区分,首页头部,就叫index_head,列表页头部就叫list_head,总之,命名的规范性和区别一定要注意。
7.公共部分,能共用的,一定要写成公共区域,不要重复写一些相同的代码,代码应该尽量的简洁。
还有我想说的就是,程序员一定要戒骄戒躁,平常心是最重要的,遇到不会的问题,静下心来,不要着急,按照层级关系,一级一级的往上去找。遇到问题就解决,不要逃避,有问题是好的,问题及早出现,才能避免以后的错误。所有的事情,都是经验使然。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201711/a097c389c0d5cca203c502786c3d6944.gif)
相关文章推荐
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 前端必备神器 Snap.svg 弹动效果
- 一张Web前端的思维导图分享
- 浅谈AngularJS--基础
- 浅谈AngularJS--域变量(scope)
- AngularJS' Internals In Depth(深入理解 AngularJS)
- 3ff8 javascript 获取Flash下载进度兼容IE, FireFox,Chrome浏览器
- Pongo网页版JavaScript源代码及设计思路
- 拟物设计和Angular的实现 - Material Design (持续更新)
- 小明版前端工程师装x和面试指南
- 泡WeX5论坛,就能把钱给挣了! WeX5论坛 金币制启动 -- 让大家帮助大家,让知识变成收益
- 前端开发工程师最常问的问题
- Exchange 2007 前端 IIS 内存占用过高
- 一个前端与后端分离的架构实例
- 深入了解css的行高Line Height属性
- css笔试题整理——seo优化