• ↗☻【高性能网站建设进阶指南 #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>
  • 相关阅读:
    从新浪财经获取金融新闻类数据并进行打分计算
    SQL窗口函数的用法总结
    从新浪财经获取金融新闻类数据并保存到MySQL
    [ZJOI2015]幻想乡战略游戏
    二次剩余入门
    [多校赛20210406]迫害 DJ
    [NOI Online 2021 提高组] 愤怒的小N
    [NOI Online 2021 提高组] 岛屿探险
    「UNR #3」百鸽笼
    [ZJOI2019]开关
  • 原文地址:https://www.cnblogs.com/jzm17173/p/3113550.html
Copyright © 2020-2023  润新知