vue项目
林之.
这个作者很懒,什么都没留下…
展开
-
swiper基本使用
swiper基本使用第一步 官方下载swiper压缩包第二步 取js 和 css 代码来示例第三步:引入官方配置相应代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten原创 2021-12-26 15:39:43 · 909 阅读 · 0 评论 -
mockjs模拟数据的使用
MOCKjs模拟数据使用方法如果想mock数据,需要用到一个插件mockjs使用步骤1) 在项目当中src文件夹中创建mock文件夹2) 第二步准备JSON数据(mock文件夹中创建相应的JSON文件)(切记JSON文件需要格式化一下,别留有空格,不然跑不起来)3) 把mock数据需要的图片放置到public文件夹中【public文件夹在打包的时候,会把相应的资源原封不动打包到dist文件夹】4) 创建mockServer.js通过mockjs插件实现模拟数据5) mockServer.js原创 2021-12-26 11:41:11 · 375 阅读 · 0 评论 -
过渡动画注意点
注意:过渡动画:前提 组件|元素 务必要有 v-if|v-for 指令才可以进行过渡动画过渡动画的基本写法原创 2021-12-25 19:50:17 · 202 阅读 · 0 评论 -
lodash引伸出的按需引入方法
在使用lodash中的方法函数时,如果我们市全盘引入lodashimport _ from "lodash"则使用的时候,比如 methods: { changeIndex:_.throttle(function(index){ this.currentIndex = index },50), }按需引入lodash中的方法函数import throttle from "lodash/throttle"使用的时候不用再写 ._ 了 meth.原创 2021-12-24 21:04:35 · 1052 阅读 · 0 评论 -
函数节流的理解
函数节流就是,比如在点击按钮,可以控制5秒之内无论点击多少次,服务器只返回一次请求,在这五秒之内浏览器就有足够的时间去反应了,达到了节流的目的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="原创 2021-12-24 20:44:07 · 377 阅读 · 0 评论 -
函数防抖的理解
如何进行防抖就是比如在输入框输入完用户想搜索的内容,服务器才返回相关匹配。而不会出现,用户在输入的过程中每一个字服务器都会返回内容代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-12-24 17:32:09 · 89 阅读 · 0 评论 -
vue实战项目(每日更新打卡)
vue-cli初始化项目及介绍初始化脚手架1.1 说明Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。最新的版本是 4.x。文档: https://cli.vuejs.org/zh/。1.2 具体步骤第一步(仅第一次执行):全局安装@vue/cli。npm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目vue create xxxx第三步:启动项目npm run serve备注:如出现下载缓慢请配置 npm 淘宝镜原创 2021-12-20 10:39:20 · 7508 阅读 · 0 评论