- 博客(31)
- 资源 (1)
- 收藏
- 关注
原创 watch用法(immediate:true)使用项目经验
要求:只能选择今天的日期总结: 立即监听:immdiate:true才会有这种禁用效果
2021-12-10 14:48:48 877
原创 el-table当行数据赋值的问题(修改弹窗)
利用Object.keys(this.params).forEach(o=>{this.params[ o ]= val[ o ])
2021-12-08 11:29:08 460
原创 P285 nth-child和nth-of-type的区别
结构伪类选择器:E:first-childE-last-childE-nth-child(n)
2021-12-06 15:29:14 160
原创 vue项目上传下载功能
引入.xls文件安装插件:npm install xlsx --savenpm install -D script-loader npminstall -S file-saver(未安装)在main.js中引入:在vue.config.js中配置:使用:在commonUtil.js中写下载方法:
2021-11-29 18:08:44 283
原创 node与npm版本不对应造成的问题
起因:项目中使用svg图片,需要安装:安装时出现以下报错:寻找解决办法的时候,执行了如下操作:若要升级到最新的npmnpm install -g npm后面就造成了npm i一直卡顿,报错的问题忽然想到: npm 与 node 版本的对应关系输入:node - v 我的版本是:14.17.6 — 应该对应的node版本 6.14.15但是因为执行了npm install -g npm这个命令,升级了node版本,造成了我的node版本是解决办法:重新安装node版本n
2021-11-25 11:27:56 3549 1
原创 svg图片的使用
开发中,经常用的都是png图片,今天UI给了个SVG图片忽然不知道怎么用了什么是SVG?SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真。此外SVG 是万维网联盟的标准,SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。怎么使用?在 HTML5 中,您能够将 SVG 元素直接嵌入 HTML
2021-11-24 11:03:39 1661
原创 Vue中watch的详细用法(三种)
分类解析vue中watch的用法: 1)数据类型 2)deep immediate ** 1. 普通数据类型:** <input type="text" v-model="userName"/> //监听 当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } } watch: { userName: { handl
2021-11-23 11:46:52 23899
转载 后端一次性返回大量数据,前端处理方法(分组将数据插入页面)
最近碰到一面试题给了一个请求接口,没有分页,一共一万条数据,并且让前端渲染在页面上,这个场景一般在实际应用场景不多见,一般后端都会设置分页查询,但是面试官考的就是前端对于大量数据的处理能力。<!DOCTYPE html><html> <head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://unpkg.com/bab
2021-11-22 12:44:11 7927 2
转载 js原生实现防抖(节流)
共同点:都用到了setTimeout定时器,都是在指定时间间隔后执行函数,都是为了解决数据时时变化而时时请求导致性能差的问题区别:防抖在指定时间间隔里再次调用函数,会清除定时器,重新计时,直到在最新的计时时间间隔里没有调用函数,才会执行定时器里的函数。而节流会在指定时间间隔后会执行一次函数,不会清除定时器而重新计时防抖缺点:当用户在指定时间间隔里一直操作,那么setTimeout里的函数永远不会执行节流缺点:如果用户一直操作,那么setimeout里的函数会在指定时间间隔后都会执行一次,如此
2021-11-22 12:12:50 220
原创 带有查询 导出 和分页功能的el-table组件(主页面:特定数据高亮)
在TableDisplay组件:promise,将数据return出去 - this.data点击特定数据高亮
2021-11-22 10:40:03 83
原创 前端下拉加载(监听dom的scroll事件)
主要就是tableListener()方法,监听dom的scroll事件dom.scrollHeight - dom.scrollTop - dom.clientHeight = 0代表滚动到表格底部
2021-11-19 17:44:31 917
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人