![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 59
陈序媛圈圈
这个作者很懒,什么都没留下…
展开
-
h5图片上传
h5的图片上传组件,点击上传点弹出选择从相册上传或拍照上传,若当前项已有图片,点击X删除后可以重新上传。js代码,注释都写的很清楚。原创 2023-06-02 16:32:14 · 877 阅读 · 1 评论 -
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边需求是: 用户可根据自己的需求对工具箱进行改变位置,移动范围为整个屏幕上下移动。在屏幕滚动时,工具箱组件贴边隐藏,滚动停止后,进行显示。用到uniapp的内置组件movable-view和扩展组件uni-transition思路: 写两个盒子,一个用来装滑块样式,另一个用来装收起时吸附到侧边的样式,定义一个变量isOpen来控制滑块和收起样式的展示,监听页面滚动事件,滚动时isOpen=false,停止滚动后isOpen=true原创 2023-05-30 18:19:42 · 1016 阅读 · 0 评论 -
某个盒子滚动到不见时,另一个盒子固定在页面
当盒子B跟随页面滚动至看不到时,就把盒子A固定在页面的某个位置,使其不跟随页面的滚动而滚动。当页面滚动至盒子B的顶部出现时,盒子A还原到原位置。这是因为if为false的时候该元素就没有被创建,所以找不到对应的B盒子。可以使用v-show来解决。这个报错不会影响其他功能,只是控制台报红。监听页面滚动,实时获取盒子B距离浏览器顶部高度,高度小于等于0,则给盒子A赋一个fixed定位的class名,否则就不赋该class名。原创 2023-04-18 18:04:37 · 319 阅读 · 0 评论 -
H5端滚动到底部加载数据
h5 滚动到底部加载更多数据,滚动到底部懒加载原创 2023-02-14 16:31:31 · 823 阅读 · 0 评论 -
移动端h5使用elementui走马灯,手指左右滑动切换
环境: vue框架,h5端,elementUI组件。手指左右滑动可以切换轮播图。原创 2023-02-14 10:21:02 · 3217 阅读 · 3 评论 -
金额输入限制-只能输入数字,且只能输入两位小数
输入数字时正常输入,小数点后超过两位后就不能再输入,敲键盘无效;输入其他字符时也无效。只能输入不带小数或两位小数的数。html代码,用的elementUI的输入框组件举例。原创 2022-08-30 11:29:05 · 1156 阅读 · 0 评论 -
赋值、浅拷贝和深拷贝
赋值、浅拷贝和深拷贝 在普通数据类型中,将变量a的值赋值给变量b后,变量a、b是两个值相同但是独立的个体,他们值改变不会影响到对方。因为普通数据类型的值是存放在栈区域,执行b=a后,新开辟一个地址给b,然后把a的值复制到这个地址中,a本身没有受到任何影响。 在引用数据类型中就没有普通数据类型那么简单。1. 赋值引用数据类型的值存放在堆区域,它变量名称指向的是值所在堆区域的地址。当把对象obj赋值给obj2时,赋值的是地址,obj2指向的堆区域内容和obj是同一个。因此当我们修改obj2中的a属原创 2022-01-03 01:55:31 · 672 阅读 · 0 评论 -
js的变量声明(var、let、const的区别)
js的变量声明(var、let、const的区别)最常用JavaScript的变量声明的方式有var,和ES6新增的let和const。function也可以算做声明变量的方式,此外还有import,import * as 变量名 from ‘path’,这也算一种声明变量的方式。下面说一下var、let、const三个关键字的区别。1. varvar声明的变量具有变量提升的特性,js预解析机制会把var声明的变量提升到其所在作用域的顶部,但赋值不会提升,所以如果先调用了一个变量再用var来声明,会原创 2021-12-29 21:39:22 · 357 阅读 · 0 评论 -
ES6新特性
ES6新特性let和const箭头函数新增数组方法解构模板字符串展开运算符函数传参时默认值的写法对象字面量方式简化写法promiseasync await1、const和let与var的区别这三个关键字都是用来声明变量的。三者之间的区别:const声明的变量相当于一个常量,它不能进行二次赋值,声明时必须赋值,同一个变量名不能用const声明两次。let声明的变量具有块作用域,同一个变量名不能用let声明两次,会报错。var声明的变量是全局作用域和局部作用域,代码解析时会进行原创 2021-12-25 00:04:40 · 282 阅读 · 0 评论 -
javascript事件
事件由事件源、事件类型、事件处理函数组成。事件源就是触发谁的事件,事件类型是点击或移动等,如click,事件处理函数就是事件过程中做的一些事。事件对象event:一个事件被触发时会自动创建一个事件对象event,事件对象是用来描述事件信息的。获取事件对象存在兼容性问题,获取事件对象的兼容性写法如下:element.onclick = function(e){ e = e || window.event //ie低版本不支持e,所以用window.event}事件光标位置相对于浏览器窗口的位原创 2021-10-23 17:57:50 · 82 阅读 · 0 评论 -
区域随光标移动(鼠标事件)
<!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"> <title>Do原创 2021-10-14 17:40:38 · 177 阅读 · 0 评论 -
动态操作DOM节点
动态操作DOM节点节点属性动态操作DOM节点(1) 创建节点创建元素节点 document.createElement(‘标签名’),返回元素节点对象创建文本节点 document.createTextNode(‘文本内容’) 返回文本元素节点对象(2) 加入节点追加子节点 父节点.appendChild(子节点)向某个节点前插入节点 父节点.insertBefore(要插入的子节点,插入到哪个节点之前)(3) 删除节点父节点.removeChild(要移除的节点)也可以获原创 2021-10-11 23:57:19 · 240 阅读 · 0 评论 -
DOM文档对象模型
DOM文档对象模型 文档对象模型其实就是操作html标签的一些能力,比如我们可以获取、创建、添加或移除某个标签,也可以给元素绑定一些事件,获取元素的属性,给元素添加一些css样式等等。 DOM的和新对象是document,document对象是浏览器内置的一个对象,它有各种专门用来操作元素的方法。DOM实际上是页面中的标签,通过js获取到以后,就把这个对象叫做DOM对象。一、document获取html元素的方法:通过id名获取 document.getElementById('id’名)原创 2021-10-10 23:02:35 · 129 阅读 · 0 评论 -
浏览器对象模型BOM
BOM(Browser Object Model):浏览器对象模型。实际上就是一些操作浏览器的能力,我们可以获取一些浏览器的相关信息,例如浏览器窗口的大小;操作页面跳转;获取当前浏览器地址栏的信息;操作浏览器的滚动条等。BOM的核心就是window对象,window是浏览器内置的一个对象,里面包含着操作浏览器的方法,用window.方法名()调用方法,window.大多数情况下不写也能调用,但像close、open就必须要有window.才能生效。一、窗口对象(一)常用方法(二)定时器1.倒计时原创 2021-10-08 23:02:44 · 137 阅读 · 0 评论 -
javascript的字符串
一、字符串的常用方法1.charAt(索引号) 返回索引号对应的字符,作用与 字符串名[索引号] 相同,但 charAt(索引号) 是内置对象的方法,而 字符串名[索引号] 只是普通的字符串访问。var str='adgskl'str.charAt(0) //str[0] 一样,都能得到字符a2.indexOf(‘字符’) indexOf可以找到对应子字符的下标,当要找的字符不存在时,返回-1。当子字符也是一个字符串而非单个字符时,返回的是子字符串第一个字符的下标。var str=原创 2021-09-29 23:26:02 · 78 阅读 · 0 评论 -
javascript数组(下)
javascript数组一、ES5数组遍历常用的方法 这些方法都使用了匿名函数,该匿名函数的参数都有三个item,index,arr。item是数组元素,index是数组下标,arr是数组本身,三个参数根据自身需要选取,使用多个参数时,顺序不能变,参数名称可以自己取。1.forEach 和 for 循环一个作用,就是用来遍历数组的var arr = [10,20,30]arr.firEach(function(item,index,arr){ //item是10,20...原创 2021-09-28 21:23:35 · 431 阅读 · 0 评论 -
内存结构图
内存结构图数据存储时,会随机分配到一块带有内存编号的内存区域基本数据类型变量存储在栈区域对象存储在堆区域现有如下一段代码,我们来分析它的储存结构<script> var number = 101 var jackObj = { number: 1001, name: 'jack', age: 22 } console.log(number) //1.打印101 console原创 2021-09-26 23:06:16 · 1142 阅读 · 0 评论