![](https://img-blog.csdnimg.cn/2cddf76703fa45ffb885ac3e71ccd2e8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
WebApis
文章平均质量分 72
WebAPI学习笔记
A-sleep
多云
展开
-
WebApis Xmind总结
原创 2021-12-21 23:05:36 · 149 阅读 · 0 评论 -
WebAPIs-07(理解正则表达式/登录框/表单验证)
1.正则表达式(RegExp):对字符串进行逻辑匹配运算 内置对象正则是对象类型:表达式作用:对字符串进行匹配运算作用与场景:表单验证(手机号,验证码,账号,邮箱等)2.如何使用: 2个流程 1.创建正则对象: let reg = new.RegExp(‘正则表达式’) 2.调用正则对象test()方法: reg.test(‘要检测的字符串’)(1) 创建一个正则对象: 检测字符串中有没有a let reg = new RegExp(/a/)(2)调用正则对原创 2021-12-20 19:20:13 · 210 阅读 · 3 评论 -
WebAPIs-06 (window中的常见对象方法/localstorage与sessionstorage)
1.window对象介绍:( 当前浏览器窗口)1.window是js中的顶级对象 : 所有的全局函数、全局对象都是window对象的方法例如 document 、 alert() 、 setInterval() 、setTimeout() 等等2.window对象的成员(属性+方法),使用时都可以省略window3.window对象有一个特殊的属性叫做top, 指向window对象本身。细节: top这个变量名是无法被覆盖的,就算你自己声明top,它还是指向window.* 所以我们声明变量的时原创 2021-12-19 20:02:31 · 377 阅读 · 0 评论 -
WebApi-05 (三大家族及轮播图案例分享)
**1. 三大家族:offset家族 scroll家族 client家族 /* 1. offset家族 : 获取元素 ‘自身’ 真实宽高与位置 offsetWidth/offsetHeight : 真实宽高 = content + padding*2 + border*2 offsetLeft/offsetTop : 自身左/上 外边框 到定位父元素 左/上 内边框距离 2. scroll家族 : 获取元素 ‘内容’ 真实宽高与位置 scro原创 2021-12-17 19:58:08 · 456 阅读 · 2 评论 -
WebAPIs-04 (事件对象 / 事件流与事件委托)
- 1.事件注册:事件源.addEventListener(‘事件类型’,事件处理函数) //不要on, 例如 click 、 mouseenter- 2.移除事件:事件源.removeEventListener(‘事件类型’,事件处理函数) /* 细节:移除事件只能移除具名事件,无法移除匿名事件 */ <script> /* 学习目标: 注册事件两种方式 1.点语法注册: 事件源.事件类型 = 事件处理函数原创 2021-12-16 20:01:54 · 285 阅读 · 0 评论 -
WebAPIs-03 (DOM节点的增删改查)
01-DOM节点:网页一切内容皆节点1.1-DOM节点介绍1.什么是节点:在HTML文档中,一切皆节点(HTML文档本身、标签、属性、注释内容、文本)2.什么是元素:元素在HTML中叫做标签,在JS的dom对象中称为元素(可以理解为标签的面向对象的叫法)3.HTML标签属于节点的一种,叫做元素节点4.节点三要素:节点类型:标签、属性、注释、文本节点名称:p、div、class(标签名)节点的值:one(属性的值)在JavaScript中,document这个对象大家一定很熟悉,哪怕原创 2021-12-15 22:20:19 · 1404 阅读 · 0 评论 -
WebAPIs-02:(常用经典案例分享)
1.小米搜索框案例:代码实现:<!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"原创 2021-12-13 14:27:12 · 673 阅读 · 0 评论 -
WebAPIs-01:(获取元素、操作元素、事件基础)
1.Docuemnt Object Model(文档对象模型)JavaScript组成三个部分:1.ECMAScript - JavaScript的核心定义了javascript的语法规范JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了js语言的标准2.DOM - 文档对象模型一套操作页面元素的APIDOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作3.BOM - 浏览器对象模型一套操作浏览器功能的A原创 2021-12-12 19:50:52 · 495 阅读 · 0 评论