JavaScript
文章平均质量分 80
JavaScript
阿蓬2023
这个作者很懒,什么都没留下…
展开
-
Javascript 实现浅拷贝与深拷贝
浅拷贝与深拷贝的区别:浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.深拷贝拷贝多层, 每一级别的数据都会拷贝.1.浅拷贝var obj = { id: 1, name: 'andy', msg: { age: 18 }};var o = {};for (var key in obj) { // key 是属性名 obj[key]是属性值 o[key] = obj[key];}console.log(o);//原创 2021-06-03 15:07:00 · 160 阅读 · 1 评论 -
Javascript 实现无缝切换/自动播放轮播图
一、功能需求鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。点击右侧按钮一次,图片往左播放一张,以此类推, 左侧按钮同理。图片播放的同时,下面小圆圈模块跟随一起变化。点击小圆圈,可以播放相应图片。鼠标不经过轮播图, 轮播图也会自动播放图片。鼠标经过,轮播图模块, 自动播放停止。二、实现思路1.整体分析因为js较多,我们单独新建js文件夹,再新建js文件,引入页面中。此时需要添加 load 事件。鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。显示隐藏 display 按原创 2021-03-13 12:26:30 · 3656 阅读 · 0 评论 -
JavaScript BOM 基础
1.BOM简介BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心 对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏 览器标准的一部分。DOM:文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 documentDOM 主原创 2021-03-12 10:34:28 · 153 阅读 · 0 评论 -
JavaScript 高级事件
1.注册事件// 1. 传统方式注册事件// 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数btns[0].onclick = function() { alert('hi');}btns[0].onclick = function() { alert('hao a u');}// 2. 事件侦听注册事件 addEventListener 推荐使用// (1) 里面的事件类型是字符串 必定加引号 而且不带on// (2) 同一个元素原创 2021-03-09 20:20:28 · 360 阅读 · 0 评论 -
JavaScript 基础
一、简单数据类型1.声明变量特殊情况情况说明结果var age ; console.log (age);只声明 不赋值undefinedconsole.log(age)不声明 不赋值 直接使用报错age = 10; console.log (age);不声明 只赋值102.Undefined 和 Null一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时,注意结果)var variable;console.l原创 2021-03-07 11:15:07 · 200 阅读 · 0 评论 -
JavaScript DOM 基础
1.DOM简介文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。文档:一个页面就是一个文档,DOM 中使用 document 表示元素:页面中的所有标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用 node 表示DOM 把以上内容都看做是对象2.获取元素(1)原创 2021-03-09 16:22:11 · 200 阅读 · 0 评论