随笔分类 -  Web APIs

摘要:##介绍 概念:正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象 作用: 表单验证(匹配) 过滤敏感词(替换) 字符串中提取我们想要的部分(提取) 使用 定义/创建正则表达式 字面量创建 语法:const 变量名 = 阅读全文
posted @ 2022-05-21 08:08 丫丫learning 阅读(47) 评论(0) 推荐(0) 编辑
摘要:把数组转换为字符串 toString 作用:把数组转换为数组值(逗号分隔)的字符串 语法:数组.toString() const arr = ['小一','小二','小伞','小思','小吴'] console.log(arr.toString()) join 作用:把数组中的元素按指定符号拼接成字 阅读全文
posted @ 2022-05-21 08:03 丫丫learning 阅读(33) 评论(0) 推荐(0) 编辑
摘要:本地存储介绍 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage和localStorage约 5M 左右 本地存储分类 localStorage 作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除,否则关闭页面也会存在 特性: 可以多窗 阅读全文
posted @ 2022-05-21 08:00 丫丫learning 阅读(103) 评论(0) 推荐(0) 编辑
摘要:BOM(浏览器对象模型) BOM 概念:BOM(Browser Object Model ) 是浏览器对象模型 window对象是一个全局对象,也可以说是JavaScript中的顶级对象 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法 阅读全文
posted @ 2022-05-21 07:58 丫丫learning 阅读(95) 评论(0) 推荐(0) 编辑
摘要:DOM 节点 DOM节点 DOM树:将 HTML 文档以树状结构直观的表现出来,我们称之为文档树或 DOM 树 DOM树里每一个内容都称之为节点 节点类型 元素节点 所有的标签 比如 body、 div html 是根节点 属性节点 所有的属性 比如 href 文本节点 所有的文本(空格、换行、文字 阅读全文
posted @ 2022-05-21 07:55 丫丫learning 阅读(31) 评论(0) 推荐(0) 编辑
摘要:概念 日期对象:用来表示时间的对象 作用:可以得到当前系统时间 实例化 在代码中发现了 new 关键字时,一般将这个操作称为实例化 有 4 种方法创建新的日期对象: new Date() new Date(year, month, day, hours, minutes, seconds, mill 阅读全文
posted @ 2022-05-21 07:54 丫丫learning 阅读(155) 评论(0) 推荐(0) 编辑
摘要:##事件绑定方式一【HTML事件处理程序】 HTML事件处理程序: 将事件直接内嵌内HTML结构标签元素内的 【不推荐用,因为不灵活】 例: <input type="button" onclick="alert('我是事件绑定方式一:HTML事件处理程序,我是内嵌在HTML结构中的');" val 阅读全文
posted @ 2022-05-21 07:51 丫丫learning 阅读(1447) 评论(0) 推荐(0) 编辑
摘要:在触发DOM上的某个事件的时候,会产生一个事件对象event,而在这个对象当中会包含着所有与事件有关的信息。 eventTarget.onclick = function(event) {} eventTarget.addEventListener('click', function(event) 阅读全文
posted @ 2022-05-21 07:48 丫丫learning 阅读(44) 评论(0) 推荐(0) 编辑
摘要:获得元素宽高 属性名:clientWidth和clientHeight 使用场景:获取元素的可见部分宽高:内容 + padding(不包含边框,margin,滚动条等) 属性名:offsetWidth和offsetHeight 使用场景:获取元素的自身宽高,包含元素自身设置的宽高、padding、b 阅读全文
posted @ 2022-05-21 07:46 丫丫learning 阅读(131) 评论(0) 推荐(0) 编辑
摘要:移动端触屏事件 touchstart:当手指放到屏幕上触发。 document.addEventListener('touchstart',function() { console.log('touchstart'); }) touchmove:当手指在屏幕上滑动时,连续地触发。 document. 阅读全文
posted @ 2022-05-21 07:43 丫丫learning 阅读(129) 评论(0) 推荐(0) 编辑
摘要:事件流 ####事件流与两个阶段说明 概念 事件流:指的是事件完整执行过程中的流动路径 假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段 捕获阶段是 从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获 概念 从DOM的根元素开始去执行对应的事件 (从外到 阅读全文
posted @ 2022-05-13 22:24 丫丫learning 阅读(53) 评论(0) 推荐(0) 编辑
摘要:事件监听 概念 事件:事件是在编程时系统内发生的动作或者发生的事情 事件监听:是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 绑定事件或者注册事件 使用 语法:元素对象.addEventListener('事件类型', 函数) 事件监听三要素: 事件源: 触发事件的元 阅读全文
posted @ 2022-05-13 22:20 丫丫learning 阅读(42) 评论(0) 推荐(0) 编辑
摘要:概念 setInterval 是 JavaScript 中内置的函数,它的作用是间隔固定的时间自动重复执行另一个函数,也叫定时器函数。 使用 开启/创建定时器 语法:setInterval(函数, 间隔时间) 函数:不加小括号,加小括号会立即执行 时间间隔:单位毫秒,1000毫秒 = 1秒 作用:每 阅读全文
posted @ 2022-05-13 22:15 丫丫learning 阅读(292) 评论(0) 推荐(0) 编辑
摘要:设置/修改DOM元素内容 元素innerText 属性 将文本内容添加/更新到任意标签位置 显示纯文本,文本中包含的标签不会被解析 <div class ="box">123</div> <div id ="box">abc</div> <script> // 获取元素 let div = docu 阅读全文
posted @ 2022-05-13 22:13 丫丫learning 阅读(167) 评论(0) 推荐(0) 编辑
摘要:DOM对象 概念: 浏览器根据html标签生成的 JS对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM的核心思想 把网页内容当做对象来处理 获取DOM对象 根据CSS选择器来获取DOM元素 获取单个元素 语法: document.querySelector 阅读全文
posted @ 2022-05-13 22:10 丫丫learning 阅读(68) 评论(0) 推荐(0) 编辑
摘要:作用和分类 作用: 就是使用 JS 去操作 html 和浏览器 分类:DOM (文档对象模型)、BOM(浏览器对象模型) DOM 概念:DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API DOM(Document Objec 阅读全文
posted @ 2022-05-13 22:02 丫丫learning 阅读(14) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示