Gzip压缩通常只对文本类型资源有效,比如HTML、CSS和JavaScript文件
当多个元素都需要响应某个事件时,我们把这个事件的处理程序绑定到它们的父元素上,这项技术通常叫做事件委托。当事件在子元素上触发后,会冒泡到绑定了处理程序的父元素上。事件处理函数可以识别出哪个子元素是发生事件的元素,并通过它的一些属性来获取额外的参数
使用事件委托
使用相对url
移除空白
移除属性的引号
当属性中只包含字母、数字、连字符、句号、下划线和冒号(可以用正则表达式[a-zA-Z0-9\-._:匹配])时,包含属性值的引号是可以省略的
避免行内样式
为JavaScript变量设置别名
<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> function intl_set_cookie_locale(e) { e = e || window.event; // 获取event对象 var targetElement = e.target || e.secElement; // 获取触发事件的元素 console.log(targetElement); } </script> <ul id="foo" onclick="return intl_set_cookie_locale(event)"> <li class="item-1">item-1</li> <li class="item-2">item-2</li> <li class="item-3">item-3</li> </ul> <script> var $ = document.getElementById; var foo = $('foo').style; foo.left = '0'; </script> </body> </html>