JS（ES6）合集 - 随笔分类(第3页) - 萬事順意

事件委托；

摘要：1.什么是事件委托呢？？？如果子元素身上绑定了大量相同的事件，我们尽量采用事件委托的方式，把所有子元素的自己的事件委托给父级 2.事件委托的原理？？？事件冒泡 3.为什么使用事件委托？？？传统的for循环绑定事件，会增加dom操作(事件)，影响页面性能，采用事件委托就是把所有的事件基于一个元素阅读全文

posted @ 2018-12-18 19:07 萬事順意阅读(129) 评论(0) 推荐(0)

JS同步与异步；

摘要：JS的同步与异步同步：代买从上往下的执行异步：每个模块各执行各的，同时执行，互不干扰四个异步事件：（1）定时器（2）ajax（3）时间的绑定（4）回调函数现在用定时器来说一说setTimeOut事件的同步和异步 for (var i = 0; i < 5; i++) { setTimeout 阅读全文

posted @ 2018-12-11 07:54 萬事順意阅读(853) 评论(0) 推荐(0)

JS高级：事件冒泡和事件捕获；

摘要：1、事件：浏览器客户端上客户触发的行为成为时事件；所有的事件都是天生自带的，不需要我们去绑定，只需要我们去触发当用户触发一个事件时，浏览器的所有详细信息都存在一个叫做event的对象上，我们把它叫做事件对象 2、获取鼠标的坐标 event.clientX;event.clientY documen 阅读全文

posted @ 2018-12-02 20:30 萬事順意阅读(236) 评论(0) 推荐(0)

关于函数的解析；

摘要：函数，如果把它当做函数看，就只能起到函数的意思，可以封装。如果我们把他当做函数对象看，就可以实现一些继承，可以在控制台dir（展开）然后就可以发现在原型链上函数对象天生自带call（），apply（），bind（）三个方法这三个方法可以改变this的指向 call（），apply（）的区别在于阅读全文

posted @ 2018-12-02 20:07 萬事順意阅读(171) 评论(0) 推荐(0)

BOM浏览器对象模型；

摘要：1、window.open(url,ways) url是打开的网页地址 ways是打开方式（-blank；-self） 2、window.close()关闭窗口 3、浏览器的用户信息 window.navigator 4、浏览器地址信息 window.location 5、window.histor 阅读全文

posted @ 2018-12-02 19:59 萬事順意阅读(146) 评论(0) 推荐(0)

关于js动画简单理解；

摘要：1、CSS样式提供了运动过度的属性：transition 过度的属性值：attr ，time ， liner ， delay；值分别是：属性（css），花费的时间，变化的速度（默认匀速），delay延迟； 2、js提供的运动元素的client offset scroll三个系列可以帮助js提供阅读全文

posted @ 2018-12-02 19:54 萬事順意阅读(279) 评论(0) 推荐(0)

关于document的节点；用Dom2创建节点；

摘要：一、关于节点 1、节点树状图 document>documentElement>body>tagName 2、节点类型元素节点（标签）、文本节点（文本）、属性节点（标签属性） 3、document的属性nodeType的返回值是数字： 1：元素节点；2、属性节点；3、文本节点 4、获取节点的方法：阅读全文

posted @ 2018-12-02 19:40 萬事順意阅读(981) 评论(0) 推荐(0)

js操作Css样式

摘要：1、js操作css样式 div.style.width="100px"; 在div标签里我们添加了一个属性，并设置这种写法会给标签带来大量的style属性跟实际项目不符，因为没有让CSS和html分离，所以获取css样式： window.getComputedStyle() 获取经过计算机计算的所阅读全文

posted @ 2018-11-30 17:13 萬事順意阅读(507) 评论(0) 推荐(0)

元素的属性；

摘要：div.attributes是元素的所有标签属性构成的数据集合 div.classList是所有用class起名的元素构成的集合在classList的原型链上可以看到add()和remove() （1）client系列 clientWidth/clientHeight 就是我们设置的宽/高+内边距阅读全文

posted @ 2018-11-30 16:55 萬事順意阅读(221) 评论(0) 推荐(0)

定时器中的this和函数封装的简单理解；

摘要：一、定时器中的this：不管定时器中的函数怎么写，它里面的this都是window；在函数前面讲this赋值给一个变量，函数内使用这个变量就可以改变this的指向二、函数封装函数封装是一种函数的功能，它把一个程序员写的一个或多个功能通过函数、类的方式封装起来，对外只提供一个简单的函数接口，阅读全文

posted @ 2018-11-30 16:16 萬事順意阅读(420) 评论(0) 推荐(0)

针对表单的事件；条件语句；定时器的简单介绍；

摘要：一、针对表单的事件： 1、表单的标签：form、input、select、textarea 2、表单的属性：type=“radio/checked/password/button/text/submit/reset” 3、事件：onchange，当表单内容被修改时触发的事件 onfocus，获取焦点阅读全文

posted @ 2018-11-30 15:41 萬事順意阅读(195) 评论(0) 推荐(0)

数组和字符串的方法与用法（数组去重）；

摘要：补充知识点：基类（object）的子类有哪些？Function，Array，Number，Boolean,String，Date，Math，RegExp String的两种写法：var st=new String("hello world") var st="hello world" 字符串拼接用“ 阅读全文

posted @ 2018-11-29 14:43 萬事順意阅读(852) 评论(0) 推荐(0)

简单理解闭包；

摘要：闭包：函数在调用的时候，会形成一个私有作用域，内部的变量不会被外面访问，这种保护机制叫做闭包；（这个时候我们需要注意的是：函数调用完毕，这个函数形成的栈内存会被销毁）通过一个案例来看一下： function fn()｛ var a=12； a++； console。log(a) ｝ fn() 当阅读全文

posted @ 2018-11-29 08:36 萬事順意阅读(158) 评论(0) 推荐(0)

随笔分类 - JS（ES6）合集