- 博客(13)
- 收藏
- 关注
RSS订阅
原创 Vue常见的轮播图
很多页面里，项目里，轮播图几乎是无处不在，今天我们就来说说轮播图的两种写法第一种的原理在轮播图数组list中，定义一个变量listIndex = 0表示第一张图片，默认渲染第一张图片即list[listIndex]，然后获取每张图片的下标。点击切换图片时把当前图片的下标赋值给listIndex即可实现图片切换显示。展示代码<template> <div class="home"> <div class="box"> <i
2022-01-05 08:05:51
19588
原创 vue-虚拟列表
前端业务会涉及到数据量很大的且无法用分页进行加载的列表，我们一般叫做长列表，完整的渲染长列表基本上很难达到业务的上的要求，非完整渲染长列表一般分为两种：1.懒渲染：这个就是常见的无线滚动的，每次只渲染一部分（比如10条），等剩余部分滚到可见区域，就再渲染一部分。2.可视区域渲染：只渲染可见部分，不可见部分不渲染。
2023-09-05 15:38:49
3007
3
原创 VUE3跟VUE2的区别
*vue3相较于vue2最大的不同点就在于组合式api和选项式api的不同** 在vue3中我们常常会使用setup语法糖进行代码的书写,摒弃了原来的data、methods,mounted等,setup语法糖 告诉 Vue 需要在编译时进行一些处理，让我们可以更简洁地使用组合式 API。对象的新增/删除响应，还可以new个新对象，新增则合并新属性和旧对象；作用：将响应式对象转换为普通对象，其中结果对象的每个 property 都是指向原始对象相应 property 的。当从组合式函数返回响应式对象时，
2023-01-04 15:11:45
208
原创 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
1228
原创 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
946
原创 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
空空如也
关于SharePoint+vue脚手架
2022-08-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人