组件效果
骑上我心爱的小摩托
掉入程序员的前端
展开
-
Element中table组件根据属性合并行数据
在实际开发中,要求使用elementUI的table组件对表格数据上下行相邻相同的数据进行合并,在elem官网上查看到是有对应的组件和合并方法。其中官网的objectSpanMethod比较简单,根据每隔两行就合并两行的数据,并不能满足实际的需求,下面直接上代码。1、首先需要生成一个与行数相同的数组,通过判断上下数据是否相同,记录每一行设置的合并数。这里就是判断当前元素与上一个元素是否相同。原创 2022-09-27 19:12:59 · 965 阅读 · 0 评论 -
图片或文字的摇摆shake
1. 在做到实际的界面效果时,会遇到一些小组件的摇摆效果,动用css以及js来做绘图轨迹的话,其实难度个人觉得还是有点大的,今天介绍的一种shake效果是csshake的组合效果,任意组合,可以实现自己想要的摇晃效果。比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。这个Csshake有9个抖动样式,三个状态,如鼠标经过拉动、无限抖动、鼠标悬停拉动等。由于本人现在不太会一原创 2017-08-21 23:25:29 · 745 阅读 · 0 评论 -
js 实现点击按钮复制文本功能(适用于android / ios)
1、在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等。现将方法进行总结,如下代码很好对解决了以上问题,适用性强。2、在文本此处使用p标签或者div标签都可<div class="copy-font"> <div class="uuid-code" id="content">saidfh...原创 2018-07-09 17:48:19 · 9023 阅读 · 7 评论 -
js获取用户使用的设备类型及平台
在项目中需要统计用户使用的设备信息1.见html代码如下,将结果信息打印在控制台index.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta nam原创 2018-07-23 15:14:13 · 11369 阅读 · 0 评论 -
gulp打包报错 “Error: Unhandled 'error' event at new JS_Parse_Error”
报错信息如下:原因在于gulp打包时未将es6语法转为es51.首先在项目下进行安装gulp的babel转码npm install --save-dev gulp-babel babel-core babel-preset-es2015 2.此时在gulp压缩配置文件内添加如下babelvar gulp = require('gulp'), babel = require("...原创 2019-04-23 13:52:57 · 3152 阅读 · 0 评论 -
vue调试工具vue-devtools安装及使用
到github下载:git clone https://github.com/vuejs/vue-devtools.git在vue-devtools目录下安装依赖包:npm install在目录下修改mainfest.json文件信息将persistent修改为false之后在谷歌浏览器上选择加载已解压的拓展程序,将下方目录文件加载进去4. 即可完成配置信息,当启动vue项目后...原创 2019-06-20 10:23:11 · 262 阅读 · 0 评论 -
ant design vue组件内的monthPicker月份选择器如何设置value值、取值与清零
ant design vue官方组件有些描述需要自己去反复尝试,现在遇到的monthPicker的设置value初始值,取值以及清零方法如下:初始情况下即为空状态,默认绑定到一个变量,且当前赋值为undefined<a-month-picker placeholder="起始月份" @change="onChangeMonthOpera" v...原创 2019-07-24 14:48:53 · 11626 阅读 · 2 评论