![](https://img-blog.csdnimg.cn/20200925132318800.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript
文章平均质量分 91
javascript 相关知识
7Mouse
一名尚未初出茅庐的大学生
展开
-
浅谈页面生命周期, 讲解三种图片预加载方式
大家好, 我是耗子废话少说, 直接开始 ????什么是图片预加载?我们今天的主菜是图片预加载, 先有我来简单介绍一下:图片预加载就是将用户将要查看的图片, 在用户查看之前就提前加载好, 当用户查看的时候就可以跳过等待, 直接查看图片。这一技术尤其针对大尺寸图片,减少用户等待图片资源下载的空白。当然, 预加载技术也可以用作其他类型的数据在我们的主菜上来之前, 我们需要先来点开胃小菜。页面生命周期所谓知己知彼, 百战不殆。我们要需要优化图片加载就需要知道图片是在什么时候进行加载, 渲染的。原创 2021-03-18 15:04:17 · 308 阅读 · 0 评论 -
利用声明式编程, 我是如何优雅地处理Javascript数组?
什么是声明式编程?在开始讲解我们的主要内容之前,先来介绍一下什么是声明式编程?用最简单的话说,就是以声明的方式编写代码:比如, 我们使用for循环对数组进行遍历,而在声明式编程中我们仅仅调用数组的方法 forEach 进行遍历,写在for循环内部的处理逻辑,我们也通过一个 callback 函数变量传达给 forEach 方法,forEach 每一次访问数组元素, 都会对其调用回调函数:for (let i = 0; i < arr.length; i++) { console.log原创 2021-03-15 15:51:13 · 117 阅读 · 0 评论 -
Javascript: 获取键名的多种方式及差异
在Javascript有多种方式获取键名, 但是每种方式之间都有一定的差异键名分类继承与非继承(自有属性)Symbol与非Symbol可枚举和不可枚举(enumerable)方式分类枚举:for in 和 for of:for in会获取遍历所有可枚举属性, 包括原型上的继承属性for of 等价于 Object.keys() 返回非继承键名方法:Reflect.ownKeys 返回非继承的所有可枚举键名和Symbol等价于Object.getOwnPrope原创 2020-10-24 22:47:34 · 454 阅读 · 0 评论 -
Javascript: HTML元素的全屏和缩小
HTML5更新API, 但是每个浏览器所实现的方法有所不同在全屏化的时候, 需要传递需要全屏的元素, 我最近在做播放器demo, 所以传入的是video//进入全屏 function FullScreen(ele) { if (ele.requestFullscreen) { ele.requestFullscreen(); } else if (ele.mozRequestFullScreen) { ele.mozRe原创 2020-10-22 15:14:53 · 260 阅读 · 0 评论 -
Javascript: 修改元素节点内容的3大类方法及注意事项
DOM操作是前端必须掌握的技能之一, 而最经常做的就是读取和修改元素节点的文本内容,这里给大家列出7种获取/修改文本内容的方式, 供大家参考!通过直接修改文本节点节点一共具有三个属性, nodeType, nodeValue, nodeName只有注释, 文本, 属性具备nodeValue所以我们可以直接获取目标节点的子文本节点target.firstChild.nodeValue //需要保证第一个子节点是文本节点target.childNodes[0].nodeValue //同理很原创 2020-10-21 00:58:13 · 4693 阅读 · 0 评论 -
Js: 创建标题内容索引
前一段时间做的面试题的简单回顾, 通过遍历文档创建标题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-05-10 16:12:53 · 270 阅读 · 0 评论 -
Js: document.getElement系列 与 node.querySelectAll对比总结
DOM中有两种常用查找元素的方式:document.getElementsTagName() //参数可以为*document.getElementById()document.getElementByclassName() -可以指定多个类名 空格隔开-node.querySelector()node.querySelectorAll()两者对比getElement…querySelector…效率快较慢返回值类型HTMLCollection (动态集合原创 2020-05-10 15:52:58 · 423 阅读 · 0 评论