谈一谈window对象

目录谈一谈 window 对象两种定时器的写法 以及返回值 以及清除定时器谈一谈 BFC谈一谈 BOM 中的各个对象以及常用属性谈一谈 window 对象代表窗口,作为BOM对象的核心。替代ECMAScript规定的顶层对象global的功能,作为全局对象,包含所有的全局方法和全局属性。全局变量和全局函数都是window对象的方法和属性。两种定时器的写法 以及返回值 以及清除定时器超时调用计时器:setTimeout(fn,time,函数参数) 返回一个句柄 是一个id清除超时调用计时
分类: 其他 发布时间: 03-01 08:27 阅读次数: 0

JavaScript/JS 基本功

目录Boolean类型undefined类型null类型获得类型类型转换强制类型转换在JavaScript中不管是用单引号声明或双引号声明的字符串都可以解释转义字符。\r,回车。表示打印头归位。\n,换行。纸张移动一行。Boolean类型Boolean类型用来做开关、条件的处理。只有两个值,true 和 false,而且严格区分大小写。真:true 1 on假:false 0 offvar bool1 = true;//布尔值var bool2 = false;console.lo
分类: 其他 发布时间: 03-01 08:27 阅读次数: 0

解析 offsetWidth、clientWidth

目录解析 offsetWidth、clientWidth分别解释 offsetLeft、offsetParent、clientLeft、scrollLeft获取窗口的高度 和 获取文档的高度。获取系统滚动条和设置系统滚动条谈一谈css包含块谈一谈浏览器解析 offsetWidth、clientWidthoffsetWidth:获取元素的宽度。包含 内容 + 内边距 + 边框的总宽度。当元素是display:none隐藏的时候 就获取的是0。如果是图片或其他资源没有加载的时候,并且没有设置宽的
分类: 其他 发布时间: 03-01 08:27 阅读次数: 0

谈一谈重绘重排

目录谈一谈重绘重排分别叙述 innerHTML innerText textContent旧方法设置 获取 删除属性方法h5自定义属性创建元素节点 插入元素节点 复制节点 删除节点 替换节点操作谈一谈重绘重排重排和重绘是DOM编程中耗能的主要原因之一。重排(回流):当render tree中的一部分或者是全部,因为元素的尺寸、布局、隐藏等等改变引起页面的重新渲染,这个过程称作为重排。重绘:当render tree(渲染树)中更新的属性只会影响元素的外观、风格,不会影响元素的布局的时候,浏览器需要
分类: 其他 发布时间: 03-01 08:27 阅读次数: 0

描述 W3C 事件流

目录描述w3c事件流window.onload 和 DOMContentLoaded 的对比分别谈一谈 DOM0 和 DOM2 绑定事件|| 和 && 操作符的返回值?写一个通用的事件侦听器函数描述w3c事件流什么叫事件流?(事件模型、事件机制)。多个节点对象对同一个事件的响应顺序,被称作为事件流。W3C 事件流:执行捕获阶段:网景浏览器提出,事件由最不精确的对象(document)依次执行到最精确的目标元素(target)。执行目标事件。执行冒泡阶段:IE浏览器提出,事件由
分类: 其他 发布时间: 03-01 08:26 阅读次数: 0

谈一谈JS事件委托

目录谈一谈事件委托阻止默认事件和阻止传播分别解析 offsetX clientX screenX pageX手写生成[10,80]的随机小数手写生成[10,80]的随机整数生成一个7天以后的现在的时间常见的H5标签及相应的含义谈一谈事件委托事件委托:事件就是我们普通绑定的事件。委托就是不绑定在当前元素上,而是绑定在了父级或者祖辈元素上,通过event事件对象的target属性,获取当前点击的精确元素。原理: 使用了冒泡的原理。优点:减少for循环,减少绑定事件数量,减少了内存泄露的概率。可
分类: 其他 发布时间: 03-01 08:26 阅读次数: 0

JS 检测数据类型的 4 种方法

目录检测数据类型4种方法谈一谈 this谈一谈call()、apply()、bind()call()apply()bind()谈一谈回调函数分析点操作符和中括号操作符检测数据类型4种方法typeof:typeof可以得到的值: number、string、undefined、boolean、object、function。直接通过typeof判断的类型:number、string、undefined、boolean、function。A instanceof B:判断B在不在A的原型链上
分类: 其他 发布时间: 03-01 08:26 阅读次数: 0

谈一谈 JS 执行上下文

目录谈一谈 JS 执行上下文谈一谈显式原型和隐式原型中级原型链图谈一谈 JS 执行上下文JS 并不是一行行解析代码的,而是一段段的分析和执行。当执行一段代码的时候,会在内存中开辟一块区域,并做很多的准备工作比如声明提升,确定作用域链,确定this等等,我们把这个准备工作叫做执行上下文。JS 的代码分为3种:1.全局代码 2.局部代码 3.eval代码(不再考虑)。每次进入到一段代码的时候,就会创建相应的执行上下文,因为有很多个执行上下文,所以 JS 会先创建一个执行上下文栈来保存执
分类: 其他 发布时间: 03-01 08:26 阅读次数: 0

JS 手写 call( )

JS 手写 call( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
分类: 其他 发布时间: 03-01 08:25 阅读次数: 0

JS 手写 apply( )

JS 手写 apply( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
分类: 其他 发布时间: 03-01 08:25 阅读次数: 0

JS 手写 bind( )

JS 手写 bind( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
分类: 其他 发布时间: 03-01 08:25 阅读次数: 0

JS 手写 instanceof

JS 手写 instanceof<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
分类: 其他 发布时间: 03-01 08:25 阅读次数: 0

谈一谈 JS 变量对象

目录谈一谈 JS 变量对象谈一谈作用域链谈一谈闭包解释名词:公有、私有、静态、特权谈一谈 JS 变量对象什么是变量对象:在函数执行之后,产生了执行上下文,在执行上下文中要生成一个变量对象,保存当前作用域中所有的变量,只有激活了变量对象,当前作用域的变量才能被访问。变量对象保存了当前作用域中声明的变量、函数、形参、arguments。变量对象的分类:全局变量对象:因为全局的变量和函数都是 window 对象的属性和方法,所以window对象就是全局变量对象。局部变量对象:变量对
分类: 其他 发布时间: 03-01 08:24 阅读次数: 0

JS 手写 new

JS 手写 new<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
分类: 其他 发布时间: 03-01 08:24 阅读次数: 0

解释 JS 封装多态

目录里解释 JS 封装多态谈一谈进程和线程事件轮询机制解释 JS 封装多态封装:封装的目的是将信息隐藏,一般来说封装包括封装数据、封装实现。封装数据:依赖作用域来实现封装数据。封装实现:封装实现即隐藏实现细节,用户都不关心它的内部实现,使用者只需要知道如何使用即可。多态:JS对象多态性是与生俱来的。给不同的对象发送同一个消息时,这些对象会根据这个消息分别给出不同的反馈。谈一谈进程和线程进程和线程:进程:程序的一次执行, 它占有一片独有的内存空间。线程: 进程内的一个独立单元
分类: 其他 发布时间: 03-01 08:24 阅读次数: 0

JS 组合继承

JS 组合继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
分类: 其他 发布时间: 03-01 08:24 阅读次数: 0

JS 手写节流

JS 手写节流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
分类: 其他 发布时间: 03-01 08:23 阅读次数: 0

JS 手写防抖

JS 手写防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
分类: 其他 发布时间: 03-01 08:23 阅读次数: 0

分析 webWorker

目录分析 webWorker分析浏览器内核less 常见的特性及案例分析 webWorkerwebWorker:多线程 主要 API。new Worker(): 创建一个分线程,返回值代表当前分线程。postMessage(): 主线程向分线程,分线程向主线程 传递数据。onmessage 事件: 分线程或主线程接收到其他线程发送的数据后 自动触发,事件函数的event事件对象中的data属性,就是发送的数据。close() 方法: 在分线程关闭当前线程,terminate()
分类: 其他 发布时间: 03-01 08:23 阅读次数: 0

JS 手写 深拷贝

JS 手写 深拷贝<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title></head><body> <script>
分类: 其他 发布时间: 03-01 08:23 阅读次数: 0