自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue常见的轮播图

很多页面里,项目里,轮播图几乎是无处不在,今天我们就来说说轮播图的两种写法第一种的原理在轮播图数组list中,定义一个变量listIndex = 0表示第一张图片,默认渲染第一张图片即list[listIndex],然后获取每张图片的下标。点击切换图片时把当前图片的下标赋值给listIndex即可实现图片切换显示。展示代码<template> <div class="home"> <div class="box"> <i

2022-01-05 08:05:51 19587

原创 vue-虚拟列表

前端业务会涉及到数据量很大的且无法用分页进行加载的列表,我们一般叫做长列表,完整的渲染长列表基本上很难达到业务的上的要求,非完整渲染长列表一般分为两种:1.懒渲染:这个就是常见的无线滚动的,每次只渲染一部分(比如10条),等剩余部分滚到可见区域,就再渲染一部分。2.可视区域渲染:只渲染可见部分,不可见部分不渲染。

2023-09-05 15:38:49 2997 3

原创 VUE3跟VUE2的区别

*vue3相较于vue2最大的不同点就在于组合式api和选项式api的不同** 在vue3中我们常常会使用setup语法糖进行代码的书写,摒弃了原来的data、methods,mounted等,setup语法糖 告诉 Vue 需要在编译时进行一些处理,让我们可以更简洁地使用组合式 API。对象的新增/删除响应,还可以new个新对象,新增则合并新属性和旧对象;作用:将响应式对象转换为普通对象,其中结果对象的每个 property 都是指向原始对象相应 property 的。当从组合式函数返回响应式对象时,

2023-01-04 15:11:45 207

原创 vue全文搜索

关于vue的搜索

2022-12-05 15:19:48 269

原创 JS转换当前时间

拿去直接用

2022-11-24 10:52:09 229

原创 使用xlsx.full.min.js导入excel表格的数据转化成json

导入excel转化为json渲染到表格中

2022-09-06 09:51:34 551

原创 使用xlsx.full.min.js去导出Table的数据并下载

前端不使用接口导出数据转化成xlsx格式

2022-09-06 09:41:55 999

原创 Vue3 Vite+Mock数据+axios二次分装

有了Mock,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只在最后的联调阶段往来密切;后端与后端之间如果有接口耦合,也同样能被Mock解决;测试过程中如果遇到依赖接口没有准备好,同样可以借助Mock;不会出现一个团队等待另一个团队的情况。这样的话,开发自测阶段就可以及早开展,从而发现缺陷的时机也提前了,有利于整个产品质量以及进度的保证。...

2021-12-21 14:07:05 2341

原创 原生防抖(debounce) 和 节流(throttling)

防抖(debounce)什么是防抖函数:防抖函数在事件被触发n秒后再执行回调函数,如果在这n秒内又被触发,则重新计时。应用场景:(1) 用户在输入框中连续输入一串字符后,只会在输入完后去执行最后一次的查询ajax请求,这样可以有效减少请求次数,节约请求资源;(2) window的resize、scroll事件,不断地调整浏览器的窗口大小、或者滚动时会触发对应事件,防抖让其只触发一次;实现过程:代码说明: 开始一个定时器,只要我定时器还在,不管你怎么点击都不会执行回调函...

2021-12-15 13:30:06 1227

原创 Vue3+Vite+Scss+axios立即入门

为什么选 ViteVite 并不是基于 Webpack 的,它有自己的开发服务器,利用浏览器中的原生 ES 模块。这种架构使得 Vite 比 Webpack 的开发服务器快了好几个数量级。Vite 采用 Rollup 进行构建,速度也更快。Vite 目前还处于测试阶段,看来 Vite 项目的目的并不是像 Vue CLI 那样的一体化工具,而是专注于提供一个快速的开发服务器和基本的构建工具。Vite 开发服务器至少会比 Webpack 快 10 倍左右。对于一个基本的项目来说,与 2.5 秒相比,

2021-12-08 09:11:40 2387

原创 Koa的基础用法

话不多说 我们直入正题首先如何启动一个koa项目1.创建一个新项目2.npm init -y初始化package.json文件npm init -y3.通过终端或者命令用npm 或者yarn去安装koa、koa-router到dependencies npm install koa npm install koa-router4.安转nodemonnpm add nodemon -D5.添加一条npm scripts命令,"start":"nodemon ap

2021-11-18 13:18:56 943

原创 Vue生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。vue生命周期的流程图它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。生命周期分为8个阶段创建前/后1.beforeCreate 组件实例刚被创建 1.组件实例刚刚被创建,组件属性(如da...

2021-11-14 19:06:24 151

原创 VUE入门项目搭建

vue项目搭建步骤首先我们需要安装手脚架.注意(需要用node去安装手脚架)Vue.js 开发的标准工具:@vue/clivue/cli官网:cli.vuejs.org/zh/node.js官网:nodejs.cn/检查node环境是否安装成功版本号输出且安装成功先介绍linux下的安装吧,Node在Linux环境下的安装和使用都非常方便,建议在Linux下运行Node,^_^...我使用的是Ubuntu11.04在Windows下使用Cygwin安装Node,这个方式不太推荐,因为真的

2021-11-10 09:41:55 721

空空如也

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

TA关注的人

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