- 博客(25)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 elementUi——table表格中内容超过2行后，省略号...展示，鼠标悬停展示全部
elementUI、elementPlus的el-table都支持文字一行展示不全隐藏，悬停展示tooltip。但是UI设计会提出展示2行隐藏的的要求，我们便有这样的需求。项目中el-table往往会进行二次封装，所以下面的代码是在此基础上解决这个问题的。
2024-04-24 16:51:14
1969
原创 elementui table 合并行以后，行高变高
项目中合并table的行以后，第二行变得极其的高。后面发现需要将被合并单元给清除掉，代码如下。
2023-07-06 20:34:49
1244
转载 eslint - 代码规范性问题集锦
转自：eslint - 代码规范性问题集锦 - it610.com前言类型一、Expected '===' and instead saw '=='类型二、Use '!==' to compare with null类型三、'*' was used before it was defined类型四、'*' is defined but never used类型五、Unexpected negated condition类型六、'*' is not defined类型七、U..
2021-10-21 14:08:01
5573
转载 神策数据埋点
转载作者：韩girl链接：https://www.jianshu.com/p/1fa6ec85633d来源：简书官方文档 附上：https://manual.sensorsdata.cn/sa/latest/page-1573907.html毕竟才疏学浅，就会那么点东西，以便我下次巩固记忆使用 特写此文章....如果你的项目里面需要前端埋点的看过来首先你需要在你的项目里面下载 sa-sdk-javascript 此插件main.js 引入 import sensors from'sa
2021-04-22 16:21:48
4004
原创 Vue中将文件上传至OSS
const OSS = require('ali-oss')export function client(data) { return new OSS({ region: 'oss-cn-shanghai', // oss-cn-shenzhen.aliyuncs.com accessKeyId: 'LTAI4G7cccHmBUPucagmboie', accessKeySecret: 'T3sfpC8W3Q8wGwA0yjxDt6kILO4KpP', bucket.
2020-08-11 14:58:05
1951
原创 git合并分支以及删除分支
git合并分支假如某个项目你有master和dev两个分支，现在需要将dev分支合并到master分支上1.切换至master分支git checkout mater注意：永远不要忘记时刻更新代码2.将dev分支代码合并到master分支上git merge dev3.查看状态及提交git statusOn branch masterYour branch is ahead o...
2020-03-16 15:30:02
1807
原创 js操作pdf浏览器中的元素
$('#pdf').contents().find('body').find('.toolbar').css({ "display": 'none'})
2019-11-07 17:42:15
385
原创 css3动画如何播放完成停在最后一帧？
css3动画播放完成后会回到起始状态，如何让其停止在结束状态？CSS3 animation-fill-mode 属性animation-fill-mode : none | forwards | backwards | both;none 不改变默认行为。 forwards 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards 在...
2019-09-17 09:48:05
3264
原创 Vue 中父级样式深度覆盖子组件
项目需要的原因，在sub组件的父级list组件中需要用到xhcj组件，同时sub组件中也用到了xhcj组件，两个地方代码逻辑是相同，仅仅是样式有些微的差别，所以决定共用组件，然后覆盖样式。style标签上的scoped属性会致使样式只作用于当前组件，对子组件是不起作用的，但是不加scoped会使父级引入的xhcj和这里引用的xhcj样式都变化，所以也是不可以的。这是最开始写的版本，在s...
2019-07-09 17:36:48
3441
原创 css清除浮动clearfix
.clearfix:after{ visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}.clearfix{ *zoom:1;}
2019-05-30 15:08:45
242
原创 vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式：this.$refs.menuList.style.top;这种获取方式是只能获取到元素的行内样式的。this.$refs.menuList.getBoundingClientRect().top;而下面这种方式是可以获取到外联样式表的样式的，不过这种是获取到计算过的样式。let menuList = document.quer...
2019-05-29 15:10:13
2244
原创 vue循环报错：You may have an infinite update loop in a component.
出于UI的需要，我在v-for循环中绑定class，绑定的是一个methods中函数。代码如下<div :key="item.News_id" v-for="(item, key) in newsList" :class="classObject(item,key)"> ......</div>classObject方法定义在methods中，最初直接从入参i...
2019-04-25 16:03:09
4560
转载 sass入门
我们都知道，css没有变量，也没有条件语句，在开发过程中，难免有些麻烦，因此有了CSS预处理器(css preprocessor)，Sass便是其中之一。 一、什么是SassSass (Syntactically Awesome StyleSheets)是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这里是官方文档。 二、安装是Sass因为Sa...
2018-12-26 14:57:44
215
原创 CSS3中flex布局
Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它既可以应用于容器中，也可以应用于行业元素。基本概念采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，成为Flex项目（flex ite...
2018-11-24 14:39:01
179
原创 Vue父组件调用子组件的方法
首先，父组件可以通过props向子组件传递数据，实现通信，那么父组件如何调用子组件的方法呢？子组件在子组件中简单定义了一个方法，然后去父组件中调用它。父组件中这是父组件中使用子组件模块，用ref属性定义一个名字然后在methods中定义方法时可以$refs去找到子组件中的方法进行调用其他内容后续补充...
2018-07-10 18:20:00
2770
原创 Vue中用this.$router传递参数与取值
在Vue中使用this.$router传递参数有两种方式：第一种传递参数 -- this.$router.push({path: ' 路由 ', query: {key: value}})参数取值 -- this.$route.query.key使用这种方式，传递参数会拼接在路由后面，出现在地址栏第二种传递参数 -- this.$router.push({name: ' 路由的name ',...
2018-06-14 16:58:50
56671
2
原创 webstorm中用npm运行任务（即显示npm面板）
第一步右击package.json文件，点击show npm Scripts第二步出现npm面板第三步点击即可运行任务
2018-05-14 11:08:08
33004
5
原创 Vue 子组件中触发父组件方法
父组件中：<子组件名 @close="close"></子组件名>methods: { close(id) { this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', ...
2018-04-13 14:10:31
344
转载 NodeJS和NPM的安装配置
Node.js的使用包管理器npm来管理所有模块的安装、配置、删除等操作，使用起来非常方便，但是想要配置好npm的使用环境还是稍微有点复杂。安装打开nodejs的官网，下载nodejs下载完成后双击下载好的文件开始安装。一路默认下一步即可。安装完毕后点击finish结束安装进程，然后在桌面图标上点右键，点运行。输入cmd后敲回车，在打开的命令行界面，依次输入命令：node -vnpm -v如果正确...
2018-04-04 15:48:08
443
原创 Git使用总结(包含Git Bash和Git GUI的使用)
在学习使用git的时候，看到很多别人整理的很好，很实用的干货，下面附链接： Git使用总结(包含Git Bash和Git GUI的使用)点击打开链接 Git教程--廖雪峰Git详细教程Git命令行基本操作Git可视化极简易教程再来一个各位详细的一个以下内容为本人从上面链接中整理照抄出的一部分内容：初始化设置配置本机的用户名和Email地址创建版本库（仓库）：在合适的位置直接鼠标右键创建一个空目录...
2018-04-02 18:21:34
2130
原创 vue2.0中v-on绑定自定义事件
vue中父组件通过prop传递数据给子组件，而想要将子组件的数据传递给父组件，则可以通过自定义事件的绑定。每个 Vue 实例都实现了事件接口，即：使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。html代码注册组件创建Vue实例这个例子是一个极简版的购物车合计，商品数量只要增加就合计一...
2018-02-28 17:54:26
6791
空空如也
vue computed中$children能不能得到数组，如果没得到有哪些原因？
2018-02-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人