- 博客(5)
- 收藏
- 关注
RSS订阅原创 简要介绍Vue中ref以及相关的工具函数
官方解释：接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性。建议可以多看看文档Vue.js - 渐进式 JavaScript 框架 | Vue.js个人理解:使用ref声明的变量，对起进行操作之后值都会被追踪，在用到该数据的地方也会发生相应的变化并且需要使用.value来对数据进行操作，该Api的底层还是使用了Proxy代理来实现，使用get与set方法来重新定义并获取值(但是还不是很明白)
2024-02-04 15:31:37
1066
原创 前端技术-简述(显示原型(Prototype)、隐式原型(__proto__)、实例化对象)
构造函数实例化出来的对象New Person可以根据隐式原型(__proto__)，找到Person这个构造函数的原型对象，原型对象又通过构造器(constructor)构造出这个构造函数，然后这个构造函数又能根据显式原型(Prototype)指向这个原型对象。可以发现实例化对象上面存在一个Prototype的对象，这就是原型对象(注意原型对象也是对象)，也可以叫作显示原型对象，接下来展开这个原型对象查看内容。以上说的三者都存在构造函数里面，在代码里面查看三者之间的关系。在控制台查看实例化对象的内容。
2023-08-25 18:58:06
121
原创 前端技术-(图片切换)
前言：图片切换是前端页面十分常见的技术，主要是应用在首页的数据展示，并且会具有很多不同的切换的切换效果十分的炫酷。虽然有很多的已经封装好的效果提供使用，但是理解最基础的原理的还是一些必要。点击切换按钮，可以切换图片。这里实现的原理，设置一个index作为图片的下标，点击下一张的时候将index++，就可以实现图片的切换。提示：一般情况下的在图片上会有小圆点，提供点击来实现图片之间的切换。图片切换最核心的原理，就是图片的将图片放在数组里面，操作图片数组的下标。逻辑：当点击按钮的时候，下面的小图片也需要切换。
2023-08-21 13:55:36
1768
8
原创 前端技术-(简易随机点名)
这就是比较简易的随机点名，只实现的功能。后期的样式美化还没做，仅供参考，有更好的方法或者代码错误的，还望赐教。2、第二步也是最核心的一步，需要根据数组的长度生成一个随机数。3、定义一个定时器来实现功能的重复调用，以实现功能。1、第一步需要给定一个数组，里面存放需要的名字。1、准备一个简单的布局。2、JS代码实现功能。
2023-08-15 23:37:02
397
原创 前端技术-懒加载
这里设置了一个样式来获取img节点(注：这里为什么不使用img属性来直接获取，下面再解释)（如下图，img存放的是一个用来过渡显示的图片，并不是真正的图片。注意（如果此时我们直接调用，只能显示页面打开一开始就小于浏览器高度的图片，因为只默认调用了一次，而现在需要的是滚动条滚动再触发，所有要绑定一个滚动事件）,这样就随着滚动条滚动触发事件。实现思路，当元素的距离浏览器的距离大于了浏览器的可视高度，就需要渲染图片。此时页面显示的效果就是我们准备好的，默认显示的图片(当然在真正的开发中，可能不需要默认图片)
2023-08-12 14:10:33
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人