- 博客(27)
- 收藏
- 关注
RSS订阅原创 防抖和节流？
防抖： 事件被触发一定时间后再执行回调，如果在这段时间里再次触发，则重新计算时间。节流： 在一定的时间内只触发一次函数，若单位时间内多次触发，则只会执行一次。防抖和节流都是用来减少函数执行的频率，以达到优化项目性能和特定功能的效果。在src/untils/common.js中封装防抖和节流。在vue项目中如何实现。主要都是用到了定时器。
2023-04-04 16:52:12
112
原创 简述vue生命周期，以及每个周期做的事情？
在vue组件实例被创建后，会经历一系列初始化过程，例：数据观测，模板编译，挂载实例到dom上，以及数据变化时，更新dom数据。父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted。组件挂载之前，vue实例的el和data都已初始化完成，还未挂载到真实dom节点上。vue实例的数据对象data可访问，还未挂载到DOM上，el还没有。问题二：父子组件的生命周期触发顺序？
2023-04-03 20:47:34
497
原创 watch和computed的区别与选择？
computed具有缓存性，依赖项没有改变时，是不会重新计算。常用方式，传递一个函数，执行其他操作，watch没有返回值，但可以执行异步操作等复杂逻辑。计算属性是第一次加载就开始监听，watch是默认第一次不监听。计算属性常用场景是简化行内模板的复杂表达式，模板中出现太多逻辑会使模板变得不宜维护。侦听器常用场景是，侦听到状态改变后，执行其他的dom操作或者异步操作。选择何种方案，是判断是否派生出新值，能用计算属性就优先使用计算属性。思路：定义->使用场景的差异，如何选择->注意事项。
2023-03-30 20:19:10
146
原创 v-if和v-for的哪个的优先级更高
在vue2中，v-for的优先级高于v-if。如果一起使用，是先执行循环，再执行判断。也就是说，哪怕只渲染很少一部分元素，也会在每次重新渲染的时候遍历整个列表，浪费性能。1.避免渲染本应隐藏的列表，可以在外层套一层<template></template>,在template中进行v-if判断。再vue3中，v-if的优先级高于v-for，由于v-if执行的时候，调用的变量还不存在，所以会报错。2.过滤列表中的数据；实际使用过程中，v-if和v-for是不能同时使用的。思路：结论->细节->实际情况。
2023-03-30 19:49:58
272
原创 相对路径和绝对路径
相对路径：相对于某个位置的路径，需要有路径的参照物绝对路径：完整的描述文件位置的路径就是绝对路径。（从树形目录结构的根目录开始）实际使用中更推荐使用相对路径。例子：在overview.html中，需要引用overview.css文件绝对路径：admin/css/admin.css相对路径：...
2021-10-28 20:22:01
547
原创 vue 父子组件传值
1.父组件向子组件传值props中定义子组件接收参数title、contain定义类型以及默认值//子组件child<template> <div class="child-contain"> <div>{{msg}}</div> <div>{{title}}</div> <div>{{contain}}</div> </div></templa
2021-04-01 11:46:18
114
原创 如何在vue项目中直接读取本地excel文件中的数据
1.安装并在使用的界面引入XLSXnpm install xlsx//demo.vue界面<script>import XLSX from 'xlsx'</script>2.获取本地文件信息，因为xlsx是后端访问的，所以需要用aixos请求去得到获取后的数据其中url是本地文件路径，放在public中 url:/demo.xlsxreadExcelFile(url) { Axios.get(url,{responseType:'arr
2021-03-30 11:15:57
5272
7
原创 vue-cli3 项目中引入iconfont图标
1.https://www.iconfont.cn/在网站中新建一个项目2.将图标加入该项目中3.选择添加至项目-选中你新建的项目4.下载至本地5.解压后6.在项目-src-assets中新建文件夹icon，将解压后的文件放进去7.修改iconfont.css文件这里方括号内的icon-map就是一开始新建项目时的前缀[class^="icon-map"],[class*=" icon-map"]/*这里有空格*/{ font-f
2021-03-29 17:32:51
1439
原创 在vue-cli3中引入百度地图
1.在index.html中加入<head><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak==秘钥"></script></head>秘钥的获取百度地图api-控制台-应用管理-我的应用将AK复制到上方2.新建一个vue.config.js文件 防止出现BMap is undefined的问题//vue.config.js
2021-03-29 16:58:43
432
原创 vue项目搭建过程
1.安装对应的框架 - iviewnpm install view-design --savemain.jsimport ViewUI from 'view-design'import 'view-design/dist/styles/iview.css'Vue.use(ViewUI)2.删除不需要的页面，比如：HelloWorld.vue About.vue ，需要删除对应的引用3.在App.vue 删除不需要的组件<template> &l...
2020-12-28 15:07:04
227
原创 typescript学习
1.安装typescriptnpm install -g typescript2.webstrom中怎么自动运行typescript参考https://blog.csdn.net/qq_36255237/article/details/980556863.基础类型见教程https://www.tslang.cn/docs/handbook/basic-types.html主要不一样的是定义的时候比如布尔类型//javascriptlet isDone = fals
2020-12-08 11:54:27
179
原创 iview + vue 实现标签页搜索框并且封装成组件
效果如下标签类型有4种1.输入框2.下拉框3.选择日期区间4.选择单个时间.点击更多显示其他可搜索条件，选中后显示，可点击×，删除该搜索条件让我来慢慢整理不要急（先实现搜索框）...
2020-09-01 11:40:18
742
原创 vue+elementUI el-drawer实现在子组件打开抽屉组件
实现如图elementUI官网实现的样例都是在整个屏幕展开抽屉需要实现的是，点击头部的按钮，只在子组件展开抽屉且遮罩不遮住头部，需实现的样式如上图实现方法在mian.vue页面中也就是页面嵌套的父组件首先把页面分成上下两块布局<template> <div calss="container"> <el-header> <i class="el-icon-s-unfold" @click="
2020-07-30 11:14:35
23130
5
原创 基于elementUI级联选择器，省市二级联动，如何在编辑框中回显
首先是级联选择器的显示1.代码<el-cascader :options="options" v-model="form.customAddr" placeholder="请选择客户地址" :separator="'-'" size="small"></el-cascader>2.data中的数据需要先引入文件https://github.com/541073028/country-dataimport optio
2020-05-20 15:54:11
1488
1
原创 vue+Element 时间选择器 只有后台传回的数据可以点击，其他日期不能被点击
写在前面：查了很久没有找到可以根据后台的数据对时间选择器作出限制，只能找到关于连续时间的限制。和要求不同，所以是自己写的，如果有什么问题可以提出来 <el-date-picker v-model="list.time" type="date" :editable=false value-format="yyyy-MM-dd" :picker-opti...
2020-04-22 16:58:35
980
原创 第一天学习html前端，制作标题栏
1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="tex
2018-07-10 18:33:21
8775
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人