GitHub 博客园 Nanakon

↗☻【高性能网站建设进阶指南 #BOOK#】第9章 超越Gzip压缩

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>

 

posted on 2013-06-02 09:55  jzm17173  阅读(132)  评论(0)    收藏  举报

导航

轻音