javascript
文章平均质量分 69
讲解一些对应的案例,或相关知识总结。
小苏(º﹃º )
前端小白,奋斗中!
展开
-
一篇弄懂 clientWidth、clientHeight、clientLeft、clientTop的区别!(3)
快速了解client系列二级目录二级目录https://juejin.cn/post/6844903861212168200原创 2021-10-21 18:11:46 · 1659 阅读 · 0 评论 -
一篇弄懂 scrollWidth、scrollHeight、scrollLeft和scrollTop的区别!(2)
https://juejin.cn/post/6844903861212168200原创 2021-10-21 14:36:33 · 2439 阅读 · 2 评论 -
前端es6常用语法,一起来看看吧
JS干货分享 —— 一篇学会ES6ES6简介ES6常用方法filtermapforEachfindfindIndexreduceeverysomeES6简介 ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版 15年就有正式版本了,但是国内普遍商用是在2018年之后去了,甚至到现在有很多前端仍然搞不懂ES6 ES6 的出现主要是为了解决 ES5的先天不足,比如 JavaScript 里并没有类的概念 目前存在少数低版本浏览器的原创 2021-10-19 16:32:42 · 1241 阅读 · 1 评论 -
一篇弄懂 offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent的区别!(1)
offsetWidth:元素的布局宽度。offsetHeight:元素的布局高度。offsetWidth、offsetHeight 的计算:width/height + padding + border-width,受 box-sizing 影响。https://juejin.cn/post/6888911624871084046https://juejin.cn/post/6844903586204221447...原创 2021-07-13 01:12:44 · 2592 阅读 · 1 评论 -
JS this指向练习题
彻底弄懂js中的this指向 东都花神 2017-04-03 11:19:11 49604...原创 2021-06-20 17:00:18 · 1951 阅读 · 7 评论 -
详解JS中的栈内存与堆内存!(配图解)
一、栈内存1.访问顺序 栈是一种先进后出的数据结构,栈内存是内存中用于存放临时变量的一片内存块。 它是一种特殊的列表,栈内的元素只能通过列表的一端访问,这一端称为栈顶,另一端称为栈底。2.存储数据 一般来说,栈内存主要用于存储各种基本类型的变量,包括Boolean、Number、String、Undefined、Null…以及对象变量的指针 为方便大家理解,这里我们通过类比乒乓球盒子来分析栈的存取方式。 这种乒乓球的存放方式与栈中存取数据的方式如出一辙。 处于顶层的乒乓球5号,它一原创 2021-06-15 19:34:36 · 9746 阅读 · 2 评论 -
js制作遮罩层详解
遮罩层的制作原创 2021-05-25 00:43:38 · 7565 阅读 · 0 评论 -
纯js代码,制作炫酷烟花特效。快给你的朋友瞧瞧吧!
本人原因,制作详解等一天;效果图:(图片太大分两次上传)<!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-sc原创 2021-05-06 00:25:10 · 7884 阅读 · 5 评论 -
JavaScript 中 call()、apply()、bind() 的用法,及区别
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:https://www.runoob.com/w3cnote/js-call-apply-bind.html用法原创 2021-05-23 13:17:20 · 198 阅读 · 1 评论 -
如何使用Visual Studio Code引入iconfont字体
去原创 2021-05-10 00:14:27 · 2188 阅读 · 1 评论 -
JavaScript预编译原理分析
JavaScript预编译原理分析一.JS执行过程:二.预编译:1.函数预编译:(找var和function关键字)AO函数对象举例1:举例2:举例3:2.全局预编译(GO全局对象)举例1一.JS执行过程: 在讲预编译之前,首先我们要明白js的一个执行顺序: 1.语法检测:通篇扫描语法错误 2.预编译 3.代码执行:逐行执行二.预编译:1.函数预编译:(找var和function关键字)AO函数对象从函数执行的前一刻开始:1.创建一个函数的AO对象(Activation Obje原创 2021-04-26 01:54:56 · 186 阅读 · 1 评论 -
JavaScript之闭包
闭包什么是闭包举例:三级目录什么是闭包闭包:内部函数被拿到外部调用,造成原有的作用域链不会被释放,造成内存泄漏;举例://普通方法,定义一个全局变量来实现函数累加器 // var a=1; // function fun(){ // console.log(a); // a++; // } // fun();//1 // fun();//2 // fun()原创 2021-04-26 13:01:42 · 82 阅读 · 0 评论 -
利用原生JS实现省市区三级联动(详解)
JavaScript实现省市区三级联动1.遍历数据2.二级联动的实现3.三级联动的实现1.遍历数据数据链接提取码: bv3t2.二级联动的实现3.三级联动的实现原创 2021-05-09 22:46:10 · 10568 阅读 · 8 评论 -
利用JavaScript实现随机抽奖代码
利用JavaScript实现随机抽奖代码一.分析:二.部分重要功能代码:1.body页面:2.通过点击事件来显示随机号码:3.设置中奖号码:4.判断是否中奖的方法三.全部代码实现:图片:一.分析: 1.给抽奖机的开始和停止按钮绑定点击事件 2.通过点击事件来启动循环定时器,并通过循环定时器来获取随机数字 3.将随机号码显示在屏幕上 4.设置抽奖号码 5.将抽奖号码与随机数字进行比对,如果相等则为中奖,不相等则没有中奖。二.部分重要功能代码:1.body页面:<body&原创 2021-04-20 13:17:11 · 4588 阅读 · 1 评论 -
JS电灯开关案例
利用js控制电灯开关题目:分析:实现方法:方法一:方法二:题目: 通过js来控制电灯的开关分析: 获取电灯泡元素,给它绑定点击事件,通过鼠标点击来实现电灯泡的开关实现方法:方法一: 获取图片元素,通过给按钮绑定点击事件来控制电灯开关<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib原创 2021-04-20 12:45:48 · 747 阅读 · 1 评论 -
js实现列表删除
利用js实现列表删除题目如下:实现步骤:方法一:方法二:方法三:方法四:题目如下:功能如下: 当点击清空时,所有项目全部清空,当点击删除时,对应项目跟着一起删除实现步骤: 1.首先我们要创建出对应的列表和删除按钮 2.我们要给每个按钮绑定事件 3.通过点击按钮来删除对应的列表或清空列表 4.利用for循环来减少代码量方法一: 利用this(当前对象)寻找父元素或兄弟元素来删除对应节点:<!DOCTYPE html><html lang="en">原创 2021-04-13 08:24:05 · 3997 阅读 · 0 评论 -
经典算法题:有n个人围成一圈,顺序排号。从第一个人开始报数(从1到3报数),凡报到3的人退出圈子,问最后留下的是原来第几号。
选班长题目:思路:实现方法:方法一:题目:题目:有n个人围成一圈,顺序排号。从第一个人开始报数(从1到3报数),凡报到3的人退出圈子,问最后留下的是原来第几号(假设班上有20人)。思路: 首先:我们可以先将班上的人(20人)做标记装进一个数组里,每当报到3时,将这个人做标记,然后跳过继续报数,直到最后一个人时,将他取出。实现方法:方法一:1.创建一个数组,将所有人存入该数组,并给它们都标记为true: var a=new Array(20); for(var i=0;i原创 2021-04-13 08:23:42 · 4621 阅读 · 0 评论