DOM事件是处理Web页面交互的基础，是掌握前端开发技术的基础。W3C协会早在1988年就开始了DOM标准的制定，W3CDOM标准可以分为DOM1,DOM2,DOM3三个版本。1.Html事件处理原始事件模型，事件处理程序被设置为html控件的性质值，一般是html控件的onclick、onerror、onload....如：ShowConsoleShowFnfunctionshowFn(){alert('HelloWorld');}优点：简单快速，此时代码的作用域是文档全局，可以直接使用文档所有公共变量缺点：1、是HTML于JS强耦合，绑定在一起2、一个处理程序无法同时绑定多个处理函数3、执
DOM事件是处理Web页面交互的基础，是掌握前端开发技术的基础。W3C协会早在1988年就开始了DOM标准的制定，W3CDOM标准可以分为DOM1,DOM2,DOM3三个版本。1.Html事件处理原始事件模型，事件处理程序被设置为html控件的性质值，一般是html控件的onclick、onerror、onload....如：ShowConsoleShowFnfunctionshowFn(){alert('HelloWorld');}优点：简单快速，此时代码的作用域是文档全局，可以直接使用文档所有公共变量缺点：1、是HTML于JS强耦合，绑定在一起2、一个处理程序无法同时绑定多个处理函数3、执
好家伙，我回来了，本篇为《JS高级程序设计》第十四章“DOM编程”学习笔记 1.DOM编程我们知道DOM是HTML文档的编程接口，我们可以通过HTML代码实现DOM操作，也同样能够通过JavaScript实现DOM操作。 2.JS操作DOM我们来简单的举个例子：随便开一个空白的html页面 "en">head>"UTF-8">"X-UA-Compatible"content="IE=edge">"viewport"content="width=device-width,initial-scale=1.0">Documenthead>来试试使用js实现dom操作吧效果如下： 此处我们直接在htm
好家伙，我回来了，本篇为《JS高级程序设计》第十四章“DOM编程”学习笔记 1.DOM编程我们知道DOM是HTML文档的编程接口，我们可以通过HTML代码实现DOM操作，也同样能够通过JavaScript实现DOM操作。 2.JS操作DOM我们来简单的举个例子：随便开一个空白的html页面 "en">head>"UTF-8">"X-UA-Compatible"content="IE=edge">"viewport"content="width=device-width,initial-scale=1.0">Documenthead>来试试使用js实现dom操作吧效果如下： 此处我们直接在htm
1.今天的内容其实挺多的，我们慢慢来说。首先第一个是xhr的基本使用，什么是xhr？XMLHTTPRequest是浏览器提供的js对象，可以请求服务器上的数据资源，包括我们前面一直用的jq里面的三个请求资源的方法都是基于xhr来封装的。那么首先我们看到xhr的get请求怎么来实现首先要创建xhr实例通过new来实现然后调用open函数，里面值为请求方式以及url第三步调用send函数第四步监听onreadyStateChange事件在这个事件里面要注意一下请求状态和服务器响应状态的固定写法，还有服务器响应回的数据DOCTYPEhtml>htmllang="en">head>metacharse
1.今天的内容其实挺多的，我们慢慢来说。首先第一个是xhr的基本使用，什么是xhr？XMLHTTPRequest是浏览器提供的js对象，可以请求服务器上的数据资源，包括我们前面一直用的jq里面的三个请求资源的方法都是基于xhr来封装的。那么首先我们看到xhr的get请求怎么来实现首先要创建xhr实例通过new来实现然后调用open函数，里面值为请求方式以及url第三步调用send函数第四步监听onreadyStateChange事件在这个事件里面要注意一下请求状态和服务器响应状态的固定写法，还有服务器响应回的数据DOCTYPEhtml>htmllang="en">head>metacharse
本文是深入浅出ahooks源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。本篇接着针对关于DOM的各个Hook封装进行解读。useFullscreen管理DOM全屏的Hook。该hook主要是依赖screenfull这个npm包进行实现的。选择它的原因，估计有两个：它的兼容性好，兼容各个浏览器的全屏API。简单，包体积小。压缩后只要1.1k。大概介绍几个它的API。.request(element,options?)。使一个元素全屏显示。默认元素是.exit()。退出全屏。.toggle(element,options?)。假如目前是全屏，则
本文是深入浅出ahooks源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。本篇接着针对关于DOM的各个Hook封装进行解读。useFullscreen管理DOM全屏的Hook。该hook主要是依赖screenfull这个npm包进行实现的。选择它的原因，估计有两个：它的兼容性好，兼容各个浏览器的全屏API。简单，包体积小。压缩后只要1.1k。大概介绍几个它的API。.request(element,options?)。使一个元素全屏显示。默认元素是.exit()。退出全屏。.toggle(element,options?)。假如目前是全屏，则
本文是深入浅出ahooks源码系列文章的第十三篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。本篇文章探讨一下ahooks对DOM类Hooks使用规范，以及源码中是如何去做处理的。DOM类Hooks使用规范这一章节，大部分参考官方文档的DOM类Hooks使用规范。第一点，ahooks大部分DOM类Hooks都会接收target参数，表示要处理的元素。target支持三种类型React.MutableRefObject（通过useRef保存的DOM）、HTMLElement、()=>HTMLElement（一般运用于SSR场景）。第二点，DOM类Hooks的tar
本文是深入浅出ahooks源码系列文章的第十三篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。本篇文章探讨一下ahooks对DOM类Hooks使用规范，以及源码中是如何去做处理的。DOM类Hooks使用规范这一章节，大部分参考官方文档的DOM类Hooks使用规范。第一点，ahooks大部分DOM类Hooks都会接收target参数，表示要处理的元素。target支持三种类型React.MutableRefObject（通过useRef保存的DOM）、HTMLElement、()=>HTMLElement（一般运用于SSR场景）。第二点，DOM类Hooks的tar
