自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (2)
  • 收藏
  • 关注

原创 在线免费压缩图片

这里写自定义目录标题在线免费压缩图片https://www.onlineimagetool.comhttps://docsmall.comhttps://tool.tanpok.comhttps://jpgmin.cn/在线免费压缩图片https://www.onlineimagetool.comhttps://docsmall.comhttps://tool.tanpok.comhttps://jpgmin.cn/

2023-05-12 10:19:59 166

原创 css曲线运动

我们常用CSS 动画实现一些旋转、变大、变小、滑入、滑出,下面的代码用CSS 动画可以实现曲线运动,常见的应用场景,比如:添加商品飞入购物车,奥特曼盲盒C端召唤光点等。**代码示例**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met

2021-12-07 18:07:24 1767

原创 使用moment.js获取一个自然周开始日期和结束日期

let weekOfday = moment(date).format(‘E’);//计算今天是这周第几天// 1 0 -6// 2 1 -5// 3 2 -4// 4 3 -3// 5 4 -2// 6 5 -1// 7 6 0let last_monday = moment(date).subtract(weekOfday-1, ‘days’).format(‘MM/DD’);//周一日期let last_sunday = moment(date).subtract(weekOfday

2021-09-16 17:34:54 1599

原创 谷歌与火狐排序

谷歌与火狐排序时,sort()返回-1时,前者会调换位置,后者不会。谷歌:const arr2 = [1,2,8, 5]arr2.sort(function(a,b){ return a.matriCode > b.matriCode ? 1 : -1 })结果:[5, 8, 2, 1]火狐:const arr2 = [1,2,8, 5]arr2.sort(function(a,b){return a.matriCode > ...

2021-08-20 16:19:07 316

原创 table数据排序时,如果某一对象的值未定义,就会导致排序出现问题

现象 : table数据排序时,如果某一对象的值未定义,就会导致排序出现问题。原因:'小燕' > undefined // false'小燕' <undefined // falsevar arr = [ { id: 1, user:'小燕', color:...

2021-08-05 18:11:23 146

原创 计算数组中(连续)出现次数最多的值

var arr = [ 1,2,3,3,3,4,4,5,5,6] var obj = {} arr.reduce(function(pre,cur){ if(cur in obj){ obj[cur.toString()] ++ } else{ obj[cur] = 1 } }, arr[0]) console.log(obj) var animal = ['dog','dog','cat','dog','cat','sheep...

2021-07-09 16:13:26 486

原创 a === 22 && a === 33 && a === 44

const a = { num: 11, valueOf: function() { return this.num += 11 } };console.log( a === 22 && a === 33 && a === 44)

2021-07-09 15:28:52 140

原创 input输入后自动转换成大写(小写)text-transform

需求: 用户在input中输入内容时,输入的是小写的英文,系统需要自动转换成大写,边输入边转换。看到这个需求,就直接给input绑定@input事件,然后在input事件中去调用js的toUpperCase() 。这样处理不仅繁琐还会导致很多bug, 尤其是vue项目。后来,发现一个css竟然可以实现这个功能,真是太神奇了。它就是text-transform:uppercase...

2021-03-23 16:24:35 1672

原创 select multiple 支持鼠标拖动多选 支持按住 Ctrl (windows) / Command (Mac) 按钮来选择多个选项

3

2020-09-29 15:00:20 829

原创 Vue ElementUi table宽度自适应 宽度计算

查看系统参数【批量获取文件(图片)的基础路径】当前值,默认d:/img,代表图片路径会在安装应用服务器的D盘img文件夹中寻找。(如果需要放在其它盘,可以修改当前值)

2020-09-21 18:02:11 5530

原创 vue $message解析\r\n

this.$message({dangerouslyUseHTMLString: true,type: 'success',showClose: true,message: res.message.replace(/\r\n/g, '<br/>'),duration: 1000 * 10})

2020-05-14 14:42:18 1149

原创 vue 导出csv

html<a ref="link" class="el-button el-button--primary el-button--mini" @click="handleSearchPreviewExportClick">导出预览结果</a>scripthandleSearchPreviewExportClick() { if (!this.ta...

2020-05-07 15:47:16 397

原创 git上传忽略配置文件

git update-index --assume-unchanged vue.config.js

2020-05-07 15:43:10 1102

原创 grid自适应布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width, initial-sc...

2019-11-28 13:52:26 3059

原创 Vue Element-ui el-table组件 实现跨分页全选 可全选中当前页 也可选中全量数据

前端模拟数据示例,无需后台接口,复制粘贴即可看到效果。<template> <div> <div class="common-wrapper"> <!--列表--> <el-table :data="lists" ref="table" highlight-current-row v-loading="...

2019-11-01 15:57:00 11550 7

原创 vue element-ui 带搜索的下拉菜单

代码<template> <div class="common-wrapper"> <el-select v-model="valueMeta" multiple collapse-tags placeholder="请选择标签"> <div class="el-input" style="width:90%;margin-l...

2019-10-30 14:40:33 7491

原创 苹果6 阿里巴巴iconfont显示为小方块

问题描述一个web项目 PC端访问正常 苹果手机浏览器打开也正常。但是,苹果6手机上,用微信内置浏览器打开iconfont图标显示不出来(小方块)(iPhoneX微信内置浏览器打开正常)。标题解决一开始怀疑是苹果系统造成的,后来发现只有icon-hengpai这个图标显示不出来,其他iconfont正常。所以换了icon-icons_unflod这个图标,然后重写下载iconfont,上传,...

2019-10-23 16:40:33 811

原创 被引号包裹的数组 怎么还原为数组

这样的字符串想要转换为数组,怎么解决?eval(blacklist) 就可以了神器吧

2019-07-05 11:34:44 4303

转载 安装webpack的正确姿势

下面看看如何正确的安装1.13.2第一步:如果有安装报错,最好先卸载 而且最好全局和文件夹内都卸载一遍?npm uninstall webpack -g? ?(全局卸载)确定npm正常 及安装了淘宝镜像第二步:全局安装 cnpm install -g webpack@1.13.2(经过测试,其他版本也可以,4.0以上的我就不确定了,貌似4.0的还是测试版)第三步:进入文件夹 (...

2019-06-05 15:08:28 174

原创 世界各个国家坐标位置和中国各个省份坐标位置json格式

世界:{"Angola":[17.87,-11.20],"Afghanistan":[67.71,33.94],"Albania":[20.17,41.15],"Algeria":[1.66,28.03],"Andorra":[1.52,42.51],"Anguilla":[-63.07,18.22],"Argentina":[-63.62,-38.42],"

2018-05-23 11:06:59 8331 1

原创 踩坑记--form表单中input的回车时刷新页面

背景介绍:项目中用到bootstrap-table插件,需要实现搜索功能;问题描述:点击搜索按钮正常实现搜索功能,接下来,绑定回车事件搜索时,一直加载所有数据,并且input被清空;图1图2解决流程:开始一直以为是bootstrap-table插件给input绑定了回车事件并清空了input,在插件里找了半天也没找到对应回车事件,后来发现input回车时页面刷新,才找到了问题的根源,去掉了form...

2018-05-11 17:30:33 1906 1

原创 JS--获取前几天或后几天的日期

最近做的项目需要获取当前日期前7天及前一个月的日期数据,直接上代码。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;js date&lt;/title&gt;&lt;/head&gt;&a

2018-05-04 15:36:30 728

screen.zip

echarts带攻击线的世界地图 可根据数据区分每条攻击线的颜色 可自定义初始地图中心位置

2019-10-28

select.zip

类似bootstrap的下拉菜单(带搜索功能),无需额外引入第三方资源

2019-10-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除