2020-07-16 html的鼠标特效 + css的page-break + JS的延迟加载 + 软技能的时间戳

最新推荐文章于 2023-12-25 11:52:20 发布

小鸟哗啦啦

最新推荐文章于 2023-12-25 11:52:20 发布

阅读量164

点赞数

分类专栏：每日3+1 JavaScript HTML5 文章标签： javascript css css3 html html5

本文链接：https://blog.csdn.net/vampire10086/article/details/107480360

版权

JavaScript 同时被 3 个专栏收录

141 篇文章 0 订阅

订阅专栏

每日3+1

132 篇文章 0 订阅

订阅专栏

HTML5

61 篇文章 0 订阅

订阅专栏

2020-07-16 题目来源：http://www.h-camel.com/index.html

[html] 写一个鼠标跟随的特效

这里有个js实现的愚人节彩带特效
https://blog.csdn.net/juzipidemimi/article/details/88934249

可以通过canvas实现

[css] page-break-before和page-break-after属性有什么应用场景？

打印属性，用于在特定位置插入分页符，注意不能在绝对定位中使用， 避免在表格、浮动、带有边框的块级元素中使用。
1. h1 { page-break-before : always; } h1标签之前插入分页符
2. @media print {
        pre, blockquote {page-break-inside: avoid;} /* 禁止在pre blockquote 标签中使用分页 */
    } 
3. @media print {
        footer {page-break-after: always;} /* 在footer标签之后，总是插入分页符 */
    }

[js] js延迟加载的方式中，只有IE浏览器支持的是哪一种方式

目的：提高网页的加载速度

JS的延迟加载的方式：

defer 脚本会被延时，直到整个页面加载完毕再执行js IE4

async 适用于外部脚本文件，不让页面等待脚本的下载和执行，异步加载页面 IE9

利用setTimeout()定时器来延时加载

html文件在被浏览器解析时，是从上到下，所以JS引入位置可以放在最后的底部位置，前提是不能影响到页面的加载

jquery中的方法，getScript()方法 $.getScript("index.js",function(){//回调函数，成功获取文件后执行的函数 console.log("脚本加载完成") });

常用方式动态创建DOM

function loadJs() {
  let el = document.createElement("script");
  el.src = "./defer.js";
  document.body.appendChild(el);
}

if (window.addEventListener) {
  window.addEventListener("load", loadJs, false);
} else if (window.attachEvent) {
  window.attachEvent("load", loadJs, false);
} else {
  window.onload = loadJs;
}

[软技能] 说说你对时间戳的理解

时间戳：1970年01月01日08时00分00秒)起至现在的总秒数

1.获取时间戳 new Date().getTime(); // 方法一 new Date().valueOf(); // 方法二 Date.parse(new Date()); // 方法三 Number(new Date()); // 方法四 +new Date(); // 方法五

2.时间转化为时间戳 // 定义一个时间对象 dt，然后依次演示各种将 dt 转换为时间戳的写法 var dt = new Date("2019-07-04 23:59:59.999");

// 写法一，精确到毫秒，得到 13 位时间戳 1562255999999
console.log(dt.getTime());

// 写法二，精确到毫秒，得到 13 位时间戳 1562255999999
console.log(dt.valueOf());

// 写法三，精确到毫秒，得到 13 位时间戳 1562255999999
console.log(Number(dt));

// 写法四，精确到毫秒，得到 13 位时间戳 1562255999999
console.log(+dt);

// 写法五，精确到秒，得到 13 位时间戳 1562255999000，后三位固定为 000
console.log(Date.parse(dt));