07 2020 档案

js 实现new操作符
摘要：new操作符做了什么 创建一个空的对象，即{} 空对象的原型指向构造函数的原型，即设置该对象的构造函数 让this指向新创建的空对象，即新创建的对象作为this的上下文 判断返回值的类型，如果是值类型就是返回新的创建对象，如果是引用类型就返回引用类型的对象。（如果没有返回对象类型object包括Fu 阅读全文
posted @ 2020-07-31 17:00 瑞瑞大人 阅读(448) 评论(2) 推荐(0)
npm init初始化项目
摘要：npm init的作用 在node开发中使用npm init会生成一个package.json文件， 这个文件主要是用来记录这个项目的详细信息的，它会将我们在项目开发中所要用到的包，以及项目的详细信息等记录在这个项目中。 方便在以后的版本迭代和项目移植的时候会更加的方便。 也是防止在后期的项目维护中 阅读全文
posted @ 2020-07-29 20:03 瑞瑞大人 阅读(6809) 评论(0) 推荐(1)
懒加载
摘要：1.图片滚动到可视窗口区域后再进行加载 index.html <img :data-src="subItem.thumbUrl" /> index.js // imgonload这个方法在滚动监听中使用（可添加防抖）， imgonload = () => { const img = document 阅读全文
posted @ 2020-07-29 16:40 瑞瑞大人 阅读(145) 评论(0) 推荐(0)
统计网页加载时间
摘要：Web performance APIs 可以得到各种时间，如dns解析时间，连接时间、跳转时间、加载时间等指标。 这些API需要在页面加载完成后才能使用，需要在window.onload事件中读取各种数据，因为很多值必须在页面完全加载之后才能得出。 页面加载API window.performan 阅读全文
posted @ 2020-07-20 11:09 瑞瑞大人 阅读(1309) 评论(0) 推荐(0)
JavaScript中defer和async的区别
摘要：defer是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。浏览器渲染页面，读取到包含defer属性的外部<script>标签时不会停止DOM渲染，而是异步下载，加载完整个页面再运行js。有多个defer的标签时，会按照顺序下载执行。 async浏览器立即异步 阅读全文
posted @ 2020-07-14 17:42 瑞瑞大人 阅读(707) 评论(0) 推荐(0)
CSS position 属性
摘要：absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", 阅读全文
posted @ 2020-07-10 17:44 瑞瑞大人 阅读(118) 评论(0) 推荐(0)