qq_41033308的博客

call、apply、bind三者的异同 共同点 : 都可以改变this指向 不同点: call 和 apply 会调用函数, 并且改变函数内部this指向. call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递 bind 不会调用函数, 可以改变函数内部this指向. 应用场景 call 经常做继承. apply经常跟数组有关系. 比如借助于数学对象实现数组最大.

函数内部的this指向问题调用方式 this指向 普通函数调用 window 构造函数调用 实例对象 原型对象里面的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 定时器函数 window 立即执行函数 window 改变函数内部 this 指向方法：1.call方法call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景: 经常做继承...

记住用户名 把数据存起来，用到本地存储 关闭页面，也可以显示用户名，所以用到localStorage 打开页面，先判断是否有这个用户名，如果有，就在表单里面显示用户名，并且勾选复选框 当复选框发生改变的时候change事件 如果勾选，就存储，否则就移除 <script> var username = document.querySelector('#username'); var remember = docum

元素可视区 client 系列client概述：client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。具体如图所示：...

offset 与 style 区别一，什么是offset ？offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 具体如图所示：offset 与 style 区别offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 ..

history对象window对象给我们提供了一个 history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。history对象方法 作用 back() 后退功能 forward() 前进功能 go(参数) 前进后退功能 参数如果是1 前进1个页面 如果是-1 后退1个页面 history对象一般在实际开发中比较少用，但是会在一些 OA 办公系统中见到。...

禁止选中文字和禁止右键菜单1.禁止鼠标右键菜单contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单//1.contextmenu我们可以禁用右键菜单document.addEventListener('contextmenu',function(e){e.preventDefault();})2.禁止鼠标选中(selectstart 开始选中)...

创建元素的三种方式 效率对比innerHTML字符串拼接方式（效率低）createElement方式（效率一般）innerHTML数组方式（效率高） <script> // 三种创建元素方式区别 // 1. document.write() 创建元素 如果页面文档流加载完毕，再调用这句话会导致页面重绘 var btn = document.querySelector('button'); ...

什么是事件委托事件委托也称为事件代理，在 jQuery 里面称为事件委派。（说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 ）事件委托的原理给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。事件委托的作用 我们只操作了一次 DOM ，提高了程序的性能。 动态新创建的子元素，也拥有事件。 <ul> <li>知否知否，点我应有弹框在手！</