前端的注意事项
2016-07-14 14:40
162 查看
1、多个css和js,放在一个文件里,减少http请求
2、js和css,放在body后面
3、适度使用ajax,频繁的发送请求会加重服务器的负担
4、查看后台的查询耗时,优化代码
5、不要在框架集中过多的使用框架,这种分割比较耗性能。
6、
问:为什么在<form.../>元素中<input.../>元素的id属性值不能是submit呢?
答:JavaScript是一种动态语言,它允许动态地为对象增加属性和方法,访问表单域控件有一种简单的方法:formObj.elementName,其中elementName就是表单域的id或者name属性值——这样可视为表单对象有一个elementName属性,也就是说:当表单a内包含id或name分别为x、y的两个表单域时,相当于为该表单对象增加了x、y两个属性!
实际上,定义表单域控件的id、name属性时,这些属性不应该和表单对象原有的方法名、属性名相同,否则这些表单域控件就会覆盖原有的方法、属性。
7、不要将事件处理函数绑定到XHTML元素属性,而应该绑定到DOM对象的属性。
8、将动态更新XHTML页面的脚本分离处理,而不是直接混杂在事件处理函数里。
2、js和css,放在body后面
3、适度使用ajax,频繁的发送请求会加重服务器的负担
4、查看后台的查询耗时,优化代码
5、不要在框架集中过多的使用框架,这种分割比较耗性能。
6、
问:为什么在<form.../>元素中<input.../>元素的id属性值不能是submit呢?
答:JavaScript是一种动态语言,它允许动态地为对象增加属性和方法,访问表单域控件有一种简单的方法:formObj.elementName,其中elementName就是表单域的id或者name属性值——这样可视为表单对象有一个elementName属性,也就是说:当表单a内包含id或name分别为x、y的两个表单域时,相当于为该表单对象增加了x、y两个属性!
实际上,定义表单域控件的id、name属性时,这些属性不应该和表单对象原有的方法名、属性名相同,否则这些表单域控件就会覆盖原有的方法、属性。
7、不要将事件处理函数绑定到XHTML元素属性,而应该绑定到DOM对象的属性。
8、将动态更新XHTML页面的脚本分离处理,而不是直接混杂在事件处理函数里。
相关文章推荐
- html5 web数据存储
- SEO
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 如何优雅处理前端异常?
- 前端jquery部分很精彩
- 深入探讨前端框架react
- Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
- 自己动手写的javascript前端等待控件
- 前端必备神器 Snap.svg 弹动效果
- 一张Web前端的思维导图分享
- 带有定位当前位置的百度地图前端web api实例代码
- 一道常被人轻视的web前端常见面试题(JS)
- 浅谈AngularJS--基础
- 浅谈AngularJS--域变量(scope)
- AngularJS' Internals In Depth(深入理解 AngularJS)
- 3ff8 javascript 获取Flash下载进度兼容IE, FireFox,Chrome浏览器
- CSS清除浮动常用方法小结