
js
要成为光的女人
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原生js动态的修改样式
btn.classList.toggle('active') : 如果类不存在就添加类,存在就移除。注意原来通过className 修改 class ,是直接覆盖掉了原来的class。btn.classList.add(class) :添加一个类。btn.classList.remove(class) : 移除类。6.动态的修改 这个btn 的宽度:每点击下宽度就增加100。5.这里是我们可以给这个属性动态的去添加class。我们可以通过:classList 操作class。原创 2023-03-08 19:54:00 · 1041 阅读 · 0 评论 -
操作DOM 元素的属性attibute
将原来class 属性值是 btn 的,设置修改成ccc。1.举例下面的元素中 class 就是 元素的属性。拿到元素dom 来操作元素。原创 2023-03-08 16:58:03 · 138 阅读 · 0 评论 -
js 实现 显示隐藏功能
首先我们得实现html 样式。在js 中获取dom 元素。原创 2023-03-08 15:51:56 · 610 阅读 · 0 评论 -
函数封装。
案例1:封装一个工具函数是对我们的数字格式化的。原创 2023-03-08 14:48:34 · 123 阅读 · 0 评论 -
for 循环
在每次循环迭代之前检查;(在每次循环体迭代后执行。(进入循环时只执行一次)(条件为真时,重复运行)里层循环的是一行有多少个。案例2:打印一个三角形。案例3:9 9 乘法表。外层循环的一供多少行。原创 2023-03-08 13:13:38 · 130 阅读 · 0 评论 -
filter 函数用法
控制台打印返回的一个 新数组,由此也说明filter 函数不能改变原数组,返回的是一个处理后的数组,符合条件的回加入到这个新的数组里面去。原创 2023-03-02 21:11:32 · 218 阅读 · 0 评论 -
JS 的同步异步、事件循环
1.第一段代码在主线程执行的时候,会判断他是一个异步代码,会扔到任务队列里面去。2.第二段代码执行的时候,判断是微任务,同时也会放到任务队列里面去。1.主线程运行时,产生堆和栈,栈中的代码调用各种外部的API,)就会读取消息队列,依次执行那些异步任务所对应的回调函数。同步代码异步代码,同步代码先执行,异步代码后执行。主线程不断重复获取消息,执行消息,注意讲究的是。js 执行过程:先执行同步代码在执行异步代码。在执行的时候会优先执行为微任务,在执行宏任务。异步任务:微任务、宏任务。4.第四段判断是微任务。原创 2023-03-01 10:59:07 · 400 阅读 · 0 评论 -
防抖和节流
调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次 到位,就用到了防抖,防抖:触发高频事件后n 秒内 函数只会执行一次,如果n秒内 高频事件在在次触发,则会重新计算。1.定义一个函数,里面分别会传入两个参数:参数1:处理的函数,参数2:等待时间。节流:高频事件触发,但在n 秒内 只会执行一次,所以节流会稀释函数的执行频率。判断有没有定时任务,如果定时任务不存在,就要创建一个定时任务。5.然后创建一个新的任务,在里面去执行这个函数(2.创建任务之后,在清除任务,在执行任务。原创 2023-02-28 16:22:50 · 415 阅读 · 0 评论 -
深拷贝与浅拷贝的理解
深拷贝不仅对指针进行了拷贝,还对指针指向的内容进行了拷贝,也就是说另外申请了一块内存空间,内容和原对象一致,但是两份独立的数据,更改原对象时拷贝的对象是不会发生变化的。),也就是说当拷贝的对象数据发生变化,原始数据也会跟着发生改变,是相互影响的。常用的写浅拷贝方案:我这里用的是Object.assign() 方法。我这里实现深拷贝的方法是JSON 对象的序列化和反序列化方法实现的.补充:浅拷贝的话只会拷贝数据的第一层,更深层的是无法拷贝。这类的话拷贝的就是对象的一个指针(原创 2023-02-25 15:57:51 · 458 阅读 · 0 评论 -
函数对象与实例对象
函数对象:将函数作为对象使用时,简称为函数对象。实例对象:new 函数产生的对象,简称为对象。原创 2023-02-14 12:29:20 · 113 阅读 · 0 评论 -
Bootstarp 使用
2.创建html 骨架结构。3.引入相关的样式文件。原创 2022-09-07 07:44:45 · 146 阅读 · 0 评论 -
粘性定位 sticky
粘性定位 可以被认为 是相对定位和固定定位的混合。Sticky 粘性的。先择器:{position:sticky;2.以浏览器的可视窗口为参照点移动元素(固定定位特点)1.占有原来的位置(相对定位的特点)原创 2022-09-06 22:28:14 · 246 阅读 · 0 评论 -
节流函数(每隔一段时间就会执行一次)
代码】节流函数。原创 2022-08-03 22:07:13 · 129 阅读 · 0 评论 -
防抖函数封装
我们可以在第一次触发事件时,不立即执行函数,而是给出一个期限值,例如3000ms。在某些场景我们并不需要高频的反馈,毕竟浏览器性能是有限的,不应该浪费在这里。如果在3000ms 内 在次触发滚动事件,那么当前的计时取消,重新开始计时。如果在3000ms 内没有次触发滚动事件,那么就执行函数。效果:如果短时间内大量触发同一事件,只会执行一次函数。...原创 2022-08-03 21:26:16 · 471 阅读 · 0 评论 -
使用uniapp 封装一个request 请求
1.定义一个baseURL 用来拼接地址。2.封装一个request 请求。原创 2022-08-03 09:28:39 · 643 阅读 · 0 评论 -
截取数组前4条数组
js截取前四条数组使用slice() 方法原创 2022-06-18 15:28:13 · 3003 阅读 · 0 评论 -
1.商城购物车的逻辑与实现
思路:1.首先我们需要在onLoad 里面获取购物车的数据2.根据购物车中的商品数据,所有的商品都会被选中 checked=true 全选就会被选中3.计算全选:当购物车的商品都选中了,全选就会被选中,只要有一个商品没被选中,全选按钮就不会被选中实现步骤:1.首先我们需要在data里面定义好数据2.因为在后端给我们返回的数据是没有是否选中的属性,这时我们需要手动给处理数据添加属性3.计算商品的全选的时候计算总价格(1)把需要的商品选中,我们才拿他来计算(2)获取购物车数据(3)遍历(4)判断商品是否被原创 2022-06-09 14:37:46 · 2738 阅读 · 1 评论 -
js some 使用方法
some 对于遍历数组,其值返回的是一个布尔值,它会对每一个元素,执行一次指定函数,直到返回true代码示例如下:我这个是一个数组对象:只要每一项有num 为0,将无法满足领取条件flag : 是一个是一个返回的布尔值that.data.words: 是需要遍历的数组item:每一项的数据item.num==0 条件//领取赠品get:function(){ var that=this//flag 是一个布尔值 let flag = that.data.words.s原创 2022-05-18 15:48:24 · 1183 阅读 · 2 评论 -
for...of遍历数组对象更新数据
小程序使用for...of遍历数据对象更新数据,代码示例如下: words:[ {words:'哈',num:3,jilv:0}, {words:'口',num:8,jilv:0}, {words:'是',num:4,jilv:1}, {words:'了',num:3,jilv:5}, {words:'吗',num:0,jilv:5}, {words:'赛',num:2,jilv:3}, {words:'帮',num:1,jilv:2}, {words:'就',num原创 2022-05-17 20:11:33 · 646 阅读 · 0 评论 -
浅拷贝,深拷贝的实现
1.对象的引用类型赋值const info={name:"jiang",age:100}const obj=info;info.name="yi";2.对象的浅拷贝实现:Object.assign()方法const info={name:"jiang",age:100};const obj=Object.assign({},info);3.对象的深拷贝实现思路:1.先转成Json 字符串2.在对字符串进行一个还原3.在内存里面生成一个新的对象,赋值给obj就可以了,跟以原创 2022-05-06 22:26:13 · 85 阅读 · 0 评论