自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 简要介绍Vue中ref以及相关的工具函数

官方解释:接受一个内部值,返回一个响应式的、可更改的 ref 对象,此对象只有一个指向其内部值的属性。建议可以多看看文档Vue.js - 渐进式 JavaScript 框架 | Vue.js个人理解:使用ref声明的变量,对起进行操作之后值都会被追踪,在用到该数据的地方也会发生相应的变化并且需要使用.value来对数据进行操作,该Api的底层还是使用了Proxy代理来实现,使用get与set方法来重新定义并获取值(但是还不是很明白)

2024-02-04 15:31:37 1045

原创 前端技术-简述(显示原型(Prototype)、隐式原型(__proto__)、实例化对象)

构造函数实例化出来的对象New Person可以根据隐式原型(__proto__),找到Person这个构造函数的原型对象,原型对象又通过构造器(constructor)构造出这个构造函数,然后这个构造函数又能根据显式原型(Prototype)指向这个原型对象。可以发现实例化对象上面存在一个Prototype的对象,这就是原型对象(注意原型对象也是对象),也可以叫作显示原型对象,接下来展开这个原型对象查看内容。以上说的三者都存在构造函数里面,在代码里面查看三者之间的关系。在控制台查看实例化对象的内容。

2023-08-25 18:58:06 111

原创 前端技术-(图片切换)

前言:图片切换是前端页面十分常见的技术,主要是应用在首页的数据展示,并且会具有很多不同的切换的切换效果十分的炫酷。虽然有很多的已经封装好的效果提供使用,但是理解最基础的原理的还是一些必要。点击切换按钮,可以切换图片。这里实现的原理,设置一个index作为图片的下标,点击下一张的时候将index++,就可以实现图片的切换。提示:一般情况下的在图片上会有小圆点,提供点击来实现图片之间的切换。图片切换最核心的原理,就是图片的将图片放在数组里面,操作图片数组的下标。逻辑:当点击按钮的时候,下面的小图片也需要切换。

2023-08-21 13:55:36 1650 4

原创 前端技术-(简易随机点名)

这就是比较简易的随机点名,只实现的功能。后期的样式美化还没做,仅供参考,有更好的方法或者代码错误的,还望赐教。2、第二步也是最核心的一步,需要根据数组的长度生成一个随机数。3、定义一个定时器来实现功能的重复调用,以实现功能。1、第一步需要给定一个数组,里面存放需要的名字。1、准备一个简单的布局。2、JS代码实现功能。

2023-08-15 23:37:02 382

原创 前端技术-懒加载

这里设置了一个样式来获取img节点(注:这里为什么不使用img属性来直接获取,下面再解释)(如下图,img存放的是一个用来过渡显示的图片,并不是真正的图片。注意(如果此时我们直接调用,只能显示页面打开一开始就小于浏览器高度的图片,因为只默认调用了一次,而现在需要的是滚动条滚动再触发,所有要绑定一个滚动事件),这样就随着滚动条滚动触发事件。实现思路,当元素的距离浏览器的距离大于了浏览器的可视高度,就需要渲染图片。此时页面显示的效果就是我们准备好的,默认显示的图片(当然在真正的开发中,可能不需要默认图片)

2023-08-12 14:10:33 470

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除