摘要:
展开运算符 展开运算符,将一个数组转为用逗号分隔的参数系列 更快、更便捷的操作数组 合并数组 let a = [1,2,3]; let b = [4,5,6]; let c = [...a,...b]; // [1,2,3,4,5,6] let colors = ["red',"green","bl 阅读全文
摘要:
首先了解parentNode,parentElement属性之前,必须对DOM树有一定的了解。在DOM文档结构中,HTML页面每一部分都是由节点组成的,节点的类型一共有3种,元素节点,文本节点,属性节点,从图中可以看出属性节点属于元素节点的分支,一般不常考虑。 parentNode,parentEl 阅读全文
摘要:
拖放(Drag 和 drop)是 HTML5 标准的组成部分。 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 首先,为了使元素可拖动,把 draggable 属性设置为 true : 1、被拖对象:dragstart事件,被拖动的 阅读全文
摘要:
(1)在chrome浏览器的开发过程中,我们会看到network面板中有这两个数值,分别对应网络请求上的标志线,这两个时间数值分别代表什么? (2)我们一再强调将css放在头部,将js文件放在尾部,这样有利于优化页面的性能,为什么这种方法能够优化性能? (3)在用jquery的时候,我们一般都会将函 阅读全文
摘要:
定义和用法 classList属性返回元素的类名。 这里想要说一下classList属性的其中一个方法 contains(class). 它是判断指定的类名是否存在,返回布尔值。 true - 元素包含了该类名 false - 元素不存在该类名 比如要删除某个元素时,可以用父级追踪的方法去删除 阅读全文
摘要:
定义和用法 1. createTextNode() 可创建文本节点。 上述代码 是将input获取到的value值 创建成li标签里的文本 2. createElement() 方法通过指定名称创建一个元素 比如创建li标签 3. addEventListener() 方法用于向文档添加事件句柄。 阅读全文
摘要:
最近在学习项目的过程中接触到了node.js。学习过程中,对express框架的一些语法和中间件不是很明白。比如说body-parser。为什么要使用它?它有什么作用?这篇就来对body-parser做一下笔记。 bodyParser中间件 bodyParser中间件用来解析http请求体,是exp 阅读全文
摘要:
border-box告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。 换句话说,如果你将一个元素的width设为100px,那么这100px会包含它的border和padding,内容区的实际宽度会是width减去border + padding的计算值。 如何计算的? width 阅读全文
摘要:
1. map() 用几个简单的例子来看看它是如何工作的。 那如果用ES5语法的话如何去实现呢? 可以发现,是不是必须要创建一个空数组?而使用map()就不需要。那么 .map() 是怎么运行的呢?实际上对数组的每个元素都遍历一次(就不用写forEach自己去遍历了),同时返回一个新的值。记住一点是返 阅读全文
摘要:
今天复习了关于JavaScript预编译这一块的知识点,很基础也很重要。 关于预编译 函数声明整体提升(如果你写一个函数声明,不管你写在哪里,系统总会把函数的声明提到逻辑的最前面) 变量 声明提升 eg: var a = 123; 那么 变量声明就会提升到最前面(进行拆分): var a a = 1 阅读全文