摘要: data-*自定义数据属性 首先讲一下语法格式: data-* =“值” data-* 属性包括两部分: 属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 其实data-*加在标签里并没有任何含义,只不过,起到一个存放值的一个方式。 在jQue 阅读全文
posted @ 2020-10-18 22:09 之鹿喵 阅读(1272) 评论(0) 推荐(0) 编辑
摘要: 在网页开发中,表单是经常用到的,而今天要介绍的这个标签也是经常出现在表单中的,即<label>标签,我们一起来看看它有什么用途吧! “label”作为英文单词有“标记”的意思,那它作为html中的标签又有什么意思呢?下面我们就一起来看看吧! 一、<label>标签定义及用法 在html中,<labe 阅读全文
posted @ 2020-10-18 22:06 之鹿喵 阅读(7856) 评论(0) 推荐(0) 编辑
摘要: 前端性能优化之文档片段节点 我们知道,操作DOM是非常耗时的,并且直接在DOM上操作会使得页面不断的重排和重绘。 所以我们可以使用“文档片段节点”,即DocumentFragment。 使用方法: 将将我们希望添加的元素先添加到DocumentFragment上,然后在将它添加到DOM上。 方法: 阅读全文
posted @ 2020-10-18 21:25 之鹿喵 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1. 前言 作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家 阅读全文
posted @ 2020-10-18 20:48 之鹿喵 阅读(146) 评论(0) 推荐(0) 编辑
摘要: //函数声明可以使函数的调用在函数之前提前调用 function a() { console.log("a"); } //函数表达式必须在编译器读取完函数表达式后才能调用函数 var b=function () { console.log("b") } //函数声明的自执行必用()将函数声明括起来后 阅读全文
posted @ 2020-10-18 19:29 之鹿喵 阅读(425) 评论(0) 推荐(0) 编辑
摘要: this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象。但是在javascript中,由于 javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活,结 阅读全文
posted @ 2020-10-18 14:54 之鹿喵 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 节点属性 parentNode: 父节点 firstChild: 第一个子节点 lastChild: 最后一个子节点 nextSibling: 下一个兄弟节点 previousSibling: 上一个兄弟节点 nodeType: 节点类型(1 元素节点 2 属性节点 3 文本节点) nodeName 阅读全文
posted @ 2020-10-18 14:46 之鹿喵 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 先看个小例子 function fn(){ console.log(a);//undefined; var a = 1; } fn(); 为什么打印出来的是 undefined 呢? 执行上下文概念 当代码运行时,会产生一个对应的执行环境,在这个环境中,所有变量会被事先提出来(变量提升),有的直接赋 阅读全文
posted @ 2020-10-18 14:31 之鹿喵 阅读(150) 评论(0) 推荐(0) 编辑