ZiXiaweb的博客

什么是节流？假如在一个页面中有任意多张图片，那么就有可能会使用懒加载技术，懒加载呢就是监听滚动条的位置，那么如果用户一直在滚动，那么事件监听就一直在触发，也是浪费性能。那么节流就是在一定时间间隔内触发一次事件。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。代码如下：有两种主流的

什么是函数防抖？概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n秒内又触发了事件，则会重新计算函数延执行时间。为什么需要函数防抖？前端开发过程中，有一些事件，常见的例如，onresize，scroll，mousemove ,mousehover等，会被频繁触发（短时间内多次触发），不做限制的话，有可能一秒之内执行几十次、几百次，如果在这些函数内部执行了其他函数，尤其是执行了操作DOM 的函数（浏览器操作 DOM是很耗费性能的），那不仅会浪

我们先说一下定时器吧：定时器：设置一个定时器，再设置一个等待的时间，到达指定时间后，执行对应的操作两种定时器：用法一样,区别一个执行后不会停下来，一个只执行一次window.setInterval([function],[interval]);//设置一个定时器，到达指定时间[interval] 执行我们的操作[function],然后定时器//并没有停止，以后每隔这么长时间，都重新执行我们的functionwindow.setTimeout([function],[interva

什么是BOM？BOM，Browser Object Model即浏览器对象模型。浏览器页面初始化时，会在内存创建一个全局对象，用来描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模型。不同于DOM的标准化组织是W3C，JavaScript的语法标准化组织是ECMA，BOM没有官方标准，对于现代浏览器，每个浏览器都有自己的BOM实现方法，所以直接使用BOM会有兼容性问题。BOM包含哪些内容?BOM有一个核心对象window，window对象包含了6大核心模块，分别是：document对象

onmousedown, onmouseup 以及 onclick 事件onmousedown, onmouseup 以及 onclick 事件构成了完整的鼠标点击事件。首先当鼠标按钮被点击时，onmousedown 事件被触发；然后当鼠标按钮被释放时，onmouseup事件被触发；最后，当鼠标点击完成后，onclick 事件被触发。onmousedown：用户鼠标按下时触发的事件。onmouseup:鼠标抬起时触发的事件。onclick:鼠标点击后触发的事件示例1：鼠标按下时更换字体

onload 和 onunload 事件当用户进入后及离开页面时，会触发 onload 和 onunload 事件。onload 事件可用于检测访问者的浏览器类型和浏览器版本，然后基于该信息加载网页的恰当版本。onload 和 onunload 事件可用于处理 cookie。onload点击事件1.window.onload 是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像，脚本文件，css文件等），就调用的处理函数下面的代码，当点击按钮，并不会弹出对话框，因为页面还没有

DOM的理解1.D当创建了一个网页并把它加载到Web浏览器中时，DOM就生成了，它将我们编写的网页文档转换成一个文档对象。2.O：“对象”是一种自足的数据集合，相关联的变量称为这个对象的属性，只能通过这个对象调用的函数称为这个对象的方法。JS中的对象可以分为三种类型：A、用户定义对象：程序员自行创建的对象。B、内建对象：Array、Math、DateC、宿主对象：由浏览器提供的对象。JS最初版本中，非常重要的一些宿主对象就可以使用了，最基础的对象是Window对象。Window对象对应着浏览器

什么是DOM文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容，机构和样式。文档：一个页面就是一个文档，DOM中使用document表示元素：页面中的所有标签都是元素，DOM中使用element表示节点：页面中的所有内容都是节点（标签，属性，文本，注释等） ，DOM中使用node表示DOM把以上内容都看做是对象以下我们来

了解DOM需要清楚几个问题：什么是DOM？DOM可以用来干什么？DOM是怎么来的？怎么使用DOM？1. 什么是DOM？HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了：作为对象的 HTML 元素所有 HTML 元素的属性访问所有 HTML 元素的方法所有 HTML 元素的事件换言之：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。2. DOM可以用来干什么？理解了DOM是API，就知道它就是一些功能，通过这些功能可以对HTML

在js函数中，我们对于函数的理解并不深刻，在我个人做的一些题目中，归结以下错题，做个总结例题一：6、下面代码输出的结果为?var func = function(m, n) { arguments[0] = 3; n = 2; return m + n;}console.log(func(1)); A.2 B. 5 C.编译报错,arguments数组未定义 D.7解析：形参：函数定义的参数实参：函数调用时实际传递的参数参数的匹配从左.

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则？正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 搜索模式可用于文本搜索和文本替换。转义字符\s : 空格\S : 非空格\d : 数字\D : 非.

Math对象常用方法介绍Math 是数学函数，但又属于对象数据类型 typeof Math => ‘object’ 它是一个对象console.dir(Math)查看Math的所有函数方法。控制台打印的结果如下：1，Math.abs() 获取绝对值Math.abs(-12) = 122，Math.ceil() and Math.floor() 向上取整和向下取整 console.log(Math.ceil(12.03));//13 console.log(Math.ceil(

函数的预编译首先我们需要了解javaScript函数预编译过程:1、创建AO对象（执行期上下文 ），寻找函数形参和变量声明。2、把形参和变量名作为AO属性名，值为undefined。3、把实参赋给形参，实参形参相统一。4、寻找函数声明,赋值函数体。5、函数开始执行。代码实例 function fun(zhang){ console.log(zhang); var zhang = '小张'; consoloe.log(zhang); function zhang(){ret

函数作用域

一.函数的定义在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function"。函数也拥有属性和方法，因此函数也是对象。二.函数的语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：function functionname(){ // 执行代码}三. 函数的表达式在javascript中定义一个函数，该函数整体作为变量的赋值语句或者调用执行的语句而存在，该函数语句块称为函数表达式。//函数表达