![](https://img-blog.csdnimg.cn/20210610205752965.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 63
对一些容易遇到的知识点的总结
dog-宾
这个作者很懒,什么都没留下…
展开
-
轻松理解事件冒泡、事件捕获和事件委托
相关概念1. DOM事件流 事件流包括三个阶段:捕获阶段: 事件从文档的根节点流向目标对象目标阶段: 在目标对象上被触发冒泡阶段: 回溯到文档的根节点2. 事件冒泡 事件从目标元素执行后逐渐向上执行它的祖元素被绑定的事件的现象3. 事件捕获 &原创 2021-06-29 21:07:40 · 190 阅读 · 0 评论 -
js数据类型中容易出错的细节
js数据类型中容易出错的细节一、前言二、number类型注意事项三、数据类型的转换规则四、typeof(数据类型检测)五、基本数据类型和引用数据类型的本质区别六、总结一、前言 Javascript的数据类型对于大家来说一点都不陌生,主要基本数据类型和引用数据类型,都是入门必学的知识点,而且在日常开发中,频繁使用。大家是否都掌握其中的一些细节呢?二、number类型注意事项原创 2021-06-28 20:38:02 · 162 阅读 · 0 评论 -
用JS实现PC端淘宝查看商品图片放大镜效果
实现放大镜功能一、前言二、图示淘宝商品放大镜效果三、需要掌握的知识点四、放大镜实现原理五、放大镜代码及注释六、放大镜最终成果七、放大镜源码八、总结一、前言 今天翻阅文件夹看到了之前写过的一个 js 放大镜特效.之所以想要发布在博客上,是因为觉得这个特效里面包含有一定量程度的 js 常用知识点和逻辑性,觉得发出来挺好的,我自己也能在复习掌握一下.我们废话不多说,开整!二、图示淘宝商品放大镜效果 &n原创 2021-06-25 21:18:14 · 1787 阅读 · 3 评论 -
JavaScript-简介(萌新必看)
JavaScript (初级阶段)什么是JavaScript?JavaScript(缩写为JS)是一种高级的、多范式、解释型的编程语言,是一门基于原型、函数先行的语言,它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式,不支持I/O(比如网络、存储和图形等),但可以由它的宿主环境提供支持。它已经由ECMA(欧洲计算机制造商协会)通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器支持。JavaScript的历史网景公司原创 2020-11-01 20:35:06 · 919 阅读 · 0 评论 -
JavaScript -变量及类型
JavaScript (变量及类型)变量定义变量使用关键字 var 定义. 例如: var a = “张三”不使用变量输出文本4次,会发现很不简便,如下:<script> document.write('i love you <br>') document.write('i love you <br>') document.write('i love you <br>') document.write('i love you <br&原创 2020-11-03 19:46:32 · 95 阅读 · 0 评论 -
JavaScript - 运算符
算术运算符<script> console.log( 5 + 2 ) // 5 + 2 = 7 console.log( 5 - 2 ) // 5 - 2 = 3 console.log( 5 * 2 ) // 5 X 2 = 10 console.log( 5 / 2 ) // 5 / 2 = 2.5 console.log( 5 % 2 ) // 5除以2的余数 5 % 2 = 2 余 1 结果是 1 // m % n 结果永远在原创 2020-11-11 19:06:05 · 106 阅读 · 0 评论 -
JS中双感叹号 !! (隐式转换)的作用
有些时候我们在别人的博客或者js代码中时常会看到 !! 的出现,会疑惑到 !! 这玩意儿到底是什么,为什么要这样写,有什么作用. 别急,我这就带你去了解首先我们先了解它是什么?当 !! 去掉一个 ! 时,你就会知道这是js逻辑运算符中的一种.逻辑运算符有三种: 或 || 与 && 非 !...原创 2021-05-21 19:59:51 · 354 阅读 · 1 评论 -
ES6新增数组方法
ES6中新增了很多数组方法,使用起来非常方便,通过这篇文章你将彻底了解这些数组方法,下面跟我一起来学习吧!indexOf() 检测数组或字符串中是否包含某个值,如果包含,返回第一次查到的那个值所对应下标,如果查到返回 1 0,查不到返回 -1 var arr = [1,2,3,4,5,6,7] var str = '少年强则国强' console.log(arr.indexOf(3)) // 2 console.log(str.indexOf('强')原创 2021-05-22 18:27:08 · 325 阅读 · 0 评论 -
...扩展运算符和rest运算符的区别?
… 扩展运算符扩展运算符用三个点 … 来表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值用法: var obj = function(a, b, c) { console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 } var arr = [1, 2, 3]; // 普通写法 obj(arr[0],原创 2021-05-26 21:55:51 · 266 阅读 · 0 评论 -
十分钟轻易学会Sass
文章目录官网引言什么是Sass?Sass的原理安装编译SassVS Code中使用Sass使用1.注释2.使用变量3.默认变量值4.CSS4-1.嵌套CSS 规则4-2.群组选择器的嵌套4-3.子组合选择器和同层组合选择器:> +和~4-4.嵌套属性5.混合 @mixin @include6.继承 @extend7.引入 @import8.if判断9.循环10.函数 @function官网Sass 中文官网: https://www.sass.hk/引言CSS3之前的CSS都大都是枚举属原创 2021-05-27 10:18:46 · 144 阅读 · 0 评论 -
let、const和var的区别?
在JavaScript中有三种定义变量的方式,分别为 var let和const,他们之间有什么区别呢,跟着我一起学习吧!var使用var声明的变量有变量提升,不会报错,会输出undefined可以重复定义同一个变量可以跨块访问不能跨函数访问可以不用有初始值,不会报错,会输出undefined// 使用var声明的变量有变量提升,不会报错,会输出undefinedconsole.log(a) // undefinedvar a = 1console.log(a) // 1原创 2021-06-03 17:19:10 · 127 阅读 · 2 评论 -
轻易掌握this关键字
面向对象语言中 this 表示当前对象的一个引用. 但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。我们先来说说this指向的几种方式在方法中,this 表示该方法所属的对象var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastNa原创 2021-06-04 10:53:40 · 62 阅读 · 1 评论 -
闭包函数的特性及用法
文章目录闭包函数的本质三个特性闭包函数的好处闭包函数的坏处用法闭包函数的本质我们都知道,js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢?闭包就是用来解决这一需求的,闭原创 2021-06-04 15:00:14 · 178 阅读 · 0 评论 -
cookie、localStorage和sessionStorage的特点及用法
cookie一般由服务器生成,存放到客户端(浏览器中的)可以设置失效时间;若没有设置时间,关闭浏览器cookie失效,若设置了时间,cookie就会存放在硬盘里,过期才失效.存储大约4Kb,存放条数30-50条左右,// Date时间函数var d = new Date() // 获取系统内置时间var o = d.getTime() // 获取当前的时间戳var b = d.getTime()+(7*60*60*24*1000) // 7天后的时间戳var b = d.getTime()+(6原创 2021-06-04 19:06:06 · 92 阅读 · 0 评论