javascript
一 者
这个作者很懒,什么都没留下…
展开
-
js中的事件循环和宏任务和微任务的理解
参考许多大神的文章,写下自己的理解事件循环:说到事件循环就得谈到js中同步和异步的执行顺序1.javascript将任务分为同步任务和异步任务,同步任务放到主线中,异步函数首先进行回调函数注册。2.当异步任务满足触发条件的时候,异步任务的回调函数会被放入事件队列中。3.然后当主线程的同步任务都执行完毕,系统就会去事件队列中读取异步的回调函数。例如这段代码:// 同步任务 打印 firstconsole.log("1"); setTimeout(() => {原创 2021-11-10 10:37:00 · 750 阅读 · 0 评论 -
js闭包的理解
参考一峰大神的闭包写的个人见解Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。另一方面,在函数外部自然无法读取函数内的局部变量。出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 function f1(){ var n=999;原创 2021-07-21 11:48:45 · 74 阅读 · 0 评论 -
h5配合css和js如何自定义单选框
既然是自定义单选框所以要清除原生的单选框样式input, textarea { //清除所有input和textarea的原生样式 border: 0; -webkit-appearance: none; -moz-appearance: none;}html5 <div class="radioBox"> <div class="radioItem"> <label> <div原创 2021-05-17 09:57:31 · 360 阅读 · 0 评论 -
响应式中解决图片大小不一样,导致盒子高度不一样的问题
直接用比例的方式来做,拿到图片宽除以图片高得到比例并且配合onresize来动态计算就好了很简单var Lheight = $(".swiper-slide:nth-of-type(1)>.slide_header").outerWidth() / 0.9; $(".swiper-slide>.slide_header").css("height",Lheight); /*让所有图片展示的地方区域等高 */ if($(wi原创 2021-02-22 17:08:26 · 538 阅读 · 0 评论 -
仿淘宝商品详情页图片滑动并且数字也跟着变化
今天遇到需求需要做个淘宝那样的商品详情页如图(这里只差放图片了)支持移动端,当然用的是swiper.js上代码html代码<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide原创 2020-12-23 15:43:28 · 853 阅读 · 0 评论 -
关于显示当前日期并且自动生成后面的日期,月份也正常显示
先上效果图如何实现这种动态生成的日期,当前日期高亮的效果本人前端入门,代码可能比较笨,欢迎大佬指正新方法html代码 <div class="seckill"> <h4>劲<span>情</span>秒杀</h4> <div class="seckill_box"> <a href="javascript:void(0)"></a>原创 2020-11-23 18:19:28 · 206 阅读 · 0 评论 -
解决点击事件让背景变红,在点击背景变正常,并且可以多选的效果
先上效果图,本人前端入门,用的方法比较笨,欢迎大佬说说其他方法想实现这种效果常规的加个布尔值,然后判断布尔值是true,还是false来改变背景颜色肯定不行,如果只是针对一个就可以这样做,但是用户不可能只选择一个吧,所以关键在于注册事件的时机,给那一个div.options中的那一个a标签注册事件,而不是div.options下所有的a注册点击事件。给所有的a注册事件必定出现问题。html代码 <div class="content_right"> <div cla原创 2020-11-20 10:51:02 · 479 阅读 · 0 评论 -
如何获取元素与当前可视区域顶部的距离
转载自这个老哥https://www.cnblogs.com/lufy/p/6704945.html?utm_source=itdadao&utm_medium=referralgetBoundingClientRect()这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById(‘box’); // 获取元素alert(box.getBoundingClien转载 2020-11-16 18:30:27 · 4050 阅读 · 0 评论