![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript学习
文章平均质量分 69
这个专栏将为读者带来关于JavaScript的最新知识、技巧和最佳实践。从基础知识到高级技术,我们将深入探讨JavaScript的各个方面,帮助读者更好地理解和应用这门语言。无论你是初学者还是有经验的开发者,这里都会有适合你的内容,让你在JavaScript的世界里游刃有余。
斐波娜娜
这个作者很懒,什么都没留下…
展开
-
JS 原型对象 对象原型 原型链
我们都知道构造函数,构造函数可以让我们更方便快速的创建对象,但是构造函数方法存在着浪费内存的问题。如下图,构造函数中有一个sing函数,使用构造函数创建对象时每创建一个对象,就会在堆中开辟一个新空间来存放这个sing函数,但里面的东西都是一样的都是sing函数,这就浪费了内存。为了解决这个问题,我们可以把公有的函数放在构造函数的原型对象中 ,那么什么是原型对象呢?原创 2024-01-20 13:16:43 · 1978 阅读 · 0 评论 -
一文带你一步步了解并深入JS对象
1、利用对象字面量创建对象:就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法。{ }里面采取的形式表示键:相当于属性名值:相当于属性值,可以是任意类型的值(数字类型,字符串类型,布尔类型,函数类型等 ,字符串类型)2、利用new Object创建对象3、利用构造函数创建对象是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与运算符一起使用。我们可以把对象中一些,然后封装到这个函数里面。前面两种方法一次只能创建一个对象,原创 2024-01-19 09:40:21 · 540 阅读 · 0 评论 -
JS中map()、forEach()、filter()函数
map()和forEach()是JavaScript中常用的数组方法,它们都可以用于遍历数组并对每个元素执行相应的操作。filter()方法是JavaScript中的一个数组方法,用于从数组中过滤出符合特定条件的元素,并返回一个新数组。原创 2024-01-18 13:11:01 · 615 阅读 · 0 评论 -
JS 解构赋值
解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值,分为数组解构、对象解构两大类型。原创 2024-01-18 12:19:53 · 1624 阅读 · 0 评论 -
JS 箭头函数 =>
箭头函数是一种声明函数的简洁语法,它与普通函数并无本质的区别,差异性更多体现在语法格式上。目的 : 引入箭头函数的目的是更简短的函数写法并且不绑定this,箭头函数的语法比函数表达式更简洁使用场景 : 箭头函数更适用于那些本来需要匿名函数的地方原创 2024-01-17 15:48:35 · 698 阅读 · 0 评论 -
javascript中的${}操作符
是javascript ES6 中新增的字符串方法,用于拼接字符串。而现在我们又多了一种选择。原创 2024-01-17 15:10:02 · 1308 阅读 · 0 评论 -
var,const和let的区别
总的来说,推荐在现代 JavaScript 中使用const 和 let,以确保更好的代码质量和可维护性。原创 2024-01-17 13:50:11 · 509 阅读 · 0 评论 -
JS 本地存储 sessionStorage localStorage
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。Application中Session Storage中可以查看到存储的数据。Application中Local Storage中可以查看到存储的数据。4、只能存储字符串,可以将对象JSON.stringify)编码后存储。2、设置、读取方便、甚至页面刷新不丢失数据。2、在同一个窗口(页面)下数据可以共享。1、数据存储在用户浏览器中。原创 2024-01-16 10:08:07 · 691 阅读 · 0 评论 -
BootStrap 实现轮播图
在下载好的文件夹中找到下面的文件,复制到自己的项目中并引入。复制下面的代码到我们的html页面中。添加自己的图片,就可以实现轮播图了。原创 2024-01-15 19:39:34 · 1972 阅读 · 0 评论 -
JS常用插件 Swiper插件 实现轮播图
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架中文官网地址:点击查看Swiper演示,里面的功能和样式十分丰富,根据自己的需求选择确认插件实现的功能去官网查看使用说明下载插件打开demo实例文件,查看需要引入的相关文件,并且引入复制demo实例文件中的结构html,样式css以及js代码。原创 2024-01-15 18:56:46 · 2574 阅读 · 0 评论 -
JS实现网页轮播图
轮播图也称为焦点图,是网页中比较常见的网页特效。鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理。图片播放的同时,下面小圆圈模块跟随一起变化。点击小圆圈,可以播放相应图片。鼠标不经过轮播图,轮播图也会自动播放图片。鼠标经过,轮播图模块播放停止。原创 2024-01-12 14:48:52 · 1918 阅读 · 0 评论 -
JS 函数
函数就是封装了一段可以被重复执行调用的代码块。目的:让大量代码重复利用。原创 2024-01-10 19:51:35 · 423 阅读 · 0 评论 -
JS.元素偏移量offset,元素可视区client,元素滚动 scroll
offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移),大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位。原创 2024-01-09 20:42:47 · 474 阅读 · 1 评论 -
JS 作用域和预解析
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。作用域分为全局作用域和局部作用域。es6的时候新增了块级作用域{ }。原创 2024-01-09 20:09:21 · 2507 阅读 · 0 评论 -
BOM,JS执行机制等
BOM( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。原创 2024-01-08 14:06:58 · 966 阅读 · 1 评论 -
DOM 事件
JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为。简单理解︰触发---响应机制。网页中的每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。官方解释: event对象代表事件的状态,比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。简单理解∶事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象event,它有很多属性和方法。event) {}原创 2024-01-07 15:50:19 · 1150 阅读 · 1 评论 -
DOM相关 获取元素 执行事件 操作元素
JavaScript的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。网页中的每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。由于元素的 ID 在指定时必须是独一无二的,因此这是快速访问特定元素的有效方法。原创 2024-01-04 21:02:20 · 1199 阅读 · 1 评论 -
JS数组方法
介绍了创建数组的方法以及数组的常用方法pop,push,reverse,sort,欢迎留言补充。原创 2023-12-25 22:13:34 · 337 阅读 · 0 评论