【数据结构与算法】Vue3实现选择排序动画效果与原理拆解
2024-02-23选择排序基本步骤:1、找到未排序部分中的最小元素。2、将该最小元素与未排序部分的第一个元素交换位置,将其纳入已排序部分。3、在剩余未排序部分中重复步骤1和2,直到所有元素都被纳入已排序部分。_vue 排序移动动画
解决flex gap兼容性问题
2024-02-23一个项目写下来,在网页端预览的时候正常,结果到产品经理手上。设计稿样式实际产品手机上样式产品:“你这玩意儿怎么没间距?我:“为什么我的正常???呐呐呐你看我手机(来自RedmeK50Utral)”产品:“哦,你看我的手机(来自荣耀20)”我:“。。。至此我看了看我代码中的一堆gap,再看了看她那还不退休的老安卓,陷入了沉思!以上就达到了gap同样的效果,并且保持了良好的兼容性。妈妈再也不怕兼容性不好的手机用不了gap啦!总之不管用的什么打包工具,vite也要webpack也好,原理是一样的。_flex gap兼容性
小白Vue3 Nginx实现部署
2024-02-23记录一下自己想搭建一个自己的个人网站的心路历程,其实我刚开始的落脚点是找一个别人的半成品或者成品,再慢慢的改,想把主要的精力放在后台上面,找了很多网站之后,例如,,不是项目很久没有维护了,就是好看的没有适合我的?(怪我,太菜了~傻狗哽咽??),最后还是决定用vue3自己从0开始学,开始搭建。_vue3 nginx
【vue 项目】el-upload 上传文件以及回显照片和下载文件
2024-02-23el-upload上传文件以及回显照片和下载文件_el-upload
JavaScript基础总结---重点
2024-02-23JavaScript基础万字总结---重点JavaScript简介什么是JavaScript浏览器执行JS过程JS的组成JS的引入方式函数与作用域arguments的使用全局变量与局部变量预解析对象创建对象的三种方式1.利用字面量创建对象2.利用 new Object 创建对象3.利用构造函数创建对象遍历对象属性变量、属性、函数、方法总结new关键字执行过程内置对象Math对象Date对象获取时间的总毫秒倒计时案例Array对象判断是否为数组数组排序数组_var dataz = [{num:"0",name:"777"},{num:"1",name:"888"},{num:"2",name:"999"}]
前端秘法基础式终章----欢迎来到JS的世界
2024-02-23var a = 0;let a = 0;上述两种定义变量的方法都行,其中let是在var的基础上做一些优化和改进。
【Vue3】使用ref与reactive创建响应式对象
2024-02-23先来简单介绍一下ref,它可以定义响应式的变量let xxx = ref(初始值)。**返回值:**一个RefImpl的实例对象,简称ref对象或refref对象的value属性是响应式的。JSxxx.value,但模板中不需要.value,直接使用即可。对于let name = ref('张三')来说,name不是响应式的,name.value是响应式的。下面我们看一看上图红框中代表的意思是,我们哪里需要响应就在哪个里面导入上述代码即可。
js实现动态数字滚动,插件jquery.counterup.min.js的使用方式
2024-02-22推荐一个常用的数字滚动动画插件,jquery.counterup.js 该插件可以控制动画的延迟时间和动画过渡时间。引入 jquery.waypoints.js (点击下载)监听页面滚动事件。引入jquery.counterup.js (点击下载)数字动画插件。在页面添加js代码,$('.counter').countUp();在需要的滚动的数字上添加class类名counter作为数字的容器。从而实现页面滚动到数字可视窗口,实现让数字从零到指定数值的滚动。首先引入jQuery.js。_jquery countup
echarts 3D柱状图
2024-02-22echarts 3D柱状图_echarts 3d柱状图
jQuery的介绍以及应用场景
2024-02-22jQuery是一个开源的JavaScript库,它简化了在网页上使用JavaScript的操作。它提供了一系列易于使用的功能和方法,可以帮助开发人员更方便地处理HTML文档、处理事件、执行动画效果、发送Ajax请求等。jQuery的设计目标是通过更简洁、更直观的语法来提高JavaScript代码的可读性和可维护性。它抽象了许多常见的JavaScript任务,使开发人员能够以更少的代码实现相同的功能。此外,jQuery还解决了不同浏览器之间的兼容性问题,确保在各种浏览器上都能正常工作。