前端开发笔记

在Github新建一个仓库，仓库名：用户名.github.io 访问网址https://ytgswdwh.github.io 在仓库中添加页面文件

setInterval() 定义：定时调用可以将一个函数，每隔一段时间执行一次 参数 回调函数，该函数会每隔一段时间被调用一次 每次调用间隔的时间，单位是毫秒 返回值：返回一个Number类型的数据，

BOM对象 window：代表整个浏览器的窗口，同时window也是网页中的全局对象 navigator：代表的是当前浏览器的信息，通过该对象可以来识别不同的浏览器，一般使用navigator.ues

当我们拖拽一个网页中的内容时，浏览器默认会去搜索引擎中搜索内容，这是浏览器的默认行为，可以通过return false来取消默认行为

addEventListener() 作用：用于向指定元素添加监听事件。且同一元素目标可重复添加，不会覆盖之前相同事件，配合removeEventListener()方法来移除事件。

定义 指事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素 作用 事件的委派利用了事件的冒泡，通过委派可以减少事件绑定的次数，提高程序的性能

定义：事件首先由最内层的元素开始，然后传播到外部元素，直到它们到根元素 终止事件冒泡 方法一：在相应的函数中加入event.stopPropagation() 方法二：判断event.target和e

定义：当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数，在事件对象中封装了当前事件相关的一些信息 示例代码：

DOM，全称Document Object Model文档对象模型，JS中通过DOM来对HTML文档进行操作 文档：表示整个HTML网页文档 对象：表示将网页中每一个部分都转换为一个对象 模型：使用模

常用用法 去除字符串开头和结尾的空格: str = str.replace(/^\s* | \s*$/g, "");

当基本数据类型的值去调用属性和方法时，浏览器会临时使用包装类将其转换为对象，然后再调用对象的属性和方法

相同点：第一个参数都是this指向的对象 不同点： call的第二个开始的参数都是以逗号隔开 apply的第二个开始的参数都必须放在一个数组中 bind的第二个开始的参数都是以逗号隔开，但是返回的是函

定义：把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，就说这是回调函数

```html ``` ```js let num = document.getElementsByTagName("img").length; let img = document.getEleme

加载方面 减少HTTP请求（精灵图，文件的合并） 减小文件大小（资源压缩，图片压缩，代码压缩） CDN（第三方库） SSR服务端渲染，预渲染 懒加载 分包 减少DOM操作，避免回流，文档碎片

```js function deepClone(obj){ let objClone = Array.isArray(obj) ? [] : {}; if (obj && typeof obj ==