自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 element table 列标题 Label 区域 两种方法

render-header <el-table-column label="微信推送" fixed="right" header-align="center" align="center" width="120" :render-header="renderHeader"> </el-table-column>methods:{ renderHeader(h, { column }) { // 渲染tab 鼠标事件 const

2020-11-24 11:16:11 19

原创 vue中watch的详细用法,带deep 与 immediate

使用 immediate这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数,则就需要用到immediate属性。比如当父组件向子组件动态传值时,子组件props首次获取到父组件传来的默认值时,也需要执行函数,此时就需要将immediate设为truenew Vue({ el: '#root', data: { cityName: '' }, watch: { cityNam

2020-10-15 13:56:59 28

原创 new Date(date).getTime()在苹果手机兼容 写法

new Date(data.replace(/-/g,'/')).getTime()data是字符串,格式类似于:‘2018-09-09 23:23:23’new Date(time1.replace(/-/g,'/')).getTime(); // 兼容 ios

2020-09-24 15:12:06 8

原创 js 计算两个日期的间隔时间(时间差)

TimeDifference ('2020-09-10 17:10:29','2020-9-18 17:11:31'); TimeDifference (time1, time2) { //定义两个变量time1,time2分别保存开始和结束时间 var stime =new Date(time1).getTime(); var etime = new Date(time2).getTime(); var usedTime = etime - s.

2020-09-18 17:30:43 38

原创 element-ui table 给表头添加icon图标,以及鼠标滑过时显示提示内容

<el-table-column prop="handleRatio" label="处警率(%)" :render-header="renderHeader" width="170"> methods: { renderHeader(h, { column }) { const serviceContent= [ h( "div", { slot: "c...

2020-06-18 17:09:40 994

原创 js 倒计时-两个时间段倒计时

业务需求:分别在规定的两个时间段内进行 抢券倒计时例如:时间一: 2020-01-16 00:00:00 开始抢券,2020-01-16 23:59:59 結束抢券时间二: 2020-01-17 12::00:00 开始抢券 2020-01-17 23:59:59 結束抢券html<p class="time"></p>Jslet clearFirstTime...

2020-01-15 10:20:51 181

原创 js 对象转数组 数组转对象

数组转对象方法一: 扩展运算符。var fruits = ['banana', 'apple', 'orange', 'watermelon'];var fruitsObj2 = {...fruits };// returns {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}方法二: var fruitsObj = Ob...

2019-12-31 11:13:40 27

原创 数字/阿拉伯数字转中文数字

toChinesNum: function (num) { var changeNum = [ '零', '一', '二', '三', '四', '五', '六', '七', '八', '九' ]; //chan...

2019-11-15 18:00:25 29

原创 Echarts 多y轴的配置

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>多系柱状图</title> <!-- 引入 echarts.js --> <script src="js/echarts.js"></script...

2019-11-15 17:48:48 79

原创 vue对象数组拆分,组成element-ui 所需表格数据结构

后端请求回来的数据结构 let res = [{ "typeList": [{ "typeName": "苹果", "typeCount": "0" }, { "typeName": "香蕉", "typeCount": "0" }, { "typeName": "榴莲", "typeCount": "0"...

2019-08-13 17:43:07 1690

原创 jquery 设置input的checked属性问题

第一种 <input class="inputcolor"name="site" type="radio" checked="checked" value="1" />正常 <input class="checkedseeond inputcolor" name="site" type="radio" value="2" />停用 $("input[name='s...

2019-07-05 14:47:48 6265

原创 获取开始和结束日期时间(半年周期)

getWhatDate: function (str) { //有参数传递为起始时间,无参数传递为结束时间 // 获取时间戳和数据周期 // 开始时间,格式yyyy - MM - dd HH: mm: ss var nowdate = new Date(); var halfYe...

2019-07-04 15:57:18 685

原创 sessionStorage和localStorage封装

// 保存数据 setSessValue: function (key_, value) { sessionStorage.setItem(key_, value); }, // 获取数据 getSessValue: function (key_) { return sessionStorage.getItem(key_); },...

2019-07-04 10:41:21 76

原创 获取当前时间的前/后某一天的日期

/** *获取当前时间的前/后某一天的日期 * @param val 必填 前/后某一天的数值,0表示今天的日期,-1表示当前时间的前一天日期,即昨天,以此类推负数可获取当前时间的前n天日期;1表示当前时间的后一天日期,即明天,以此类推。 * @param format 选填 格式 'mm'到小时 'ss'到秒,不填默认返回到天 * @param conn...

2019-07-04 10:38:52 157

原创 时间对象的格式化

value 时间戳format 格式 'mm’到小时 'ss’到秒,不填默认返回到天connector 连接符 不填默认为 ‘-’{string}timeFormat: function (value, format, connector) { var date = new Date(value); var yy = date.getFullYear(); ...

2019-07-04 10:38:21 56

原创 时间对象的格式化

value 时间戳format 格式 'mm’到小时 'ss’到秒,不填默认返回到天connector 连接符 不填默认为 ‘-’{string}timeFormat: function (value, format, connector) { var date = new Date(value); var yy = date.getFullYear(); ...

2019-07-04 10:37:43 28

原创 base文件 ajax 封装post的方法

方法一postData: function (params) { var postParm = { murl: '', // 请求url mdata: {}, // 请求参数 timeout: 30000, // 请求超时时间,默认30秒 successCallBack: '' // 成功回调函数 } ...

2019-07-04 10:34:11 254

原创 获取当前一周时间 不含当天

val 如果形参存在就是代表为开始时间 getWeekTime: function (val, format) { var now = new Date(); var dd = 0; var time = ''; if (val) { dd = -7; } else { dd = -1; }...

2019-07-04 10:29:41 102

原创 获取本周的开始时间

getCurrentWeekStartTime: function (format) { var nowTemp = new Date(), //当前时间 cTime = nowTemp.getTime(), //当前时间的毫秒时间 cDay = nowTemp.getDay() || 7, //当前时间的星期几 mTime = cTi...

2019-07-04 10:28:55 552

原创 百度地图智能搜索及拖拽画圆

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&g...

2019-07-03 18:10:54 347

原创 bootstrapValidator 多种验证参数

<form id="driverdetectionform" class="form-horizontal" > <div id="detectiontotalbox" :class="[0 == driverbox ?'show' : 'none' ]"> <div class="form-g...

2019-07-03 15:33:28 199

转载 根據百度地图返回的地址,截取省,市,区

var address = '广东省广州市越秀区吉祥路' getArea(address); getArea: function (str) { let area = {} let index11 = 0 let index1 = str.indexOf("省") ...

2019-07-03 10:39:52 204

转载 最常用正则表达式

一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2}...

2019-07-03 10:14:20 24

原创 获取半年前当月的开始时间及当天结束时间

HTMl<span id="body">你好</span><button type="button" >点击</button>JSfunction getWhatDate(str) { //有参数传递为起始时间,无参数传递为结束时间 // 获取时间戳和数据周期 // 开始时间,格式yyyy - MM - dd HH: mm: ss...

2019-06-17 16:02:59 135

原创 获取一星期前的时间 n-1 为含当天 一周7天 7-1

getLastweek: function (n) { var n = n; var d = new Date(); var year = d.getFullYear(); var mon = d.getMonth() + 1; var day = d.getDate(); if (day <= n) { ...

2019-06-06 16:58:02 45

原创 获取每月天数

每月的天数 getMonthDays:function (year, month) { var stratDate = new Date(year, month - 1, 1), endData = new Date(year, month, 1); var days = (endData - stratDate) / (1000 * 60 * 60 ...

2019-06-06 16:57:01 61

原创 数组去重,刷选出同名的对象

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...

2019-05-27 10:57:38 85

原创 highcharts 自定义按钮导出图标

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...

2019-05-24 18:11:38 919

原创 echarts图表自定义按钮导出和echarts内置导出设置

自定义按钮导出var option = { title : { text: '一周气温变化', subtext: '纯属虚构' }, tooltip : { trigger: 'axis' }, legend: { data:['最高气温','最低气温'] }, ...

2019-05-22 16:33:57 1436

原创 进度条点击选择时间段

hotmap.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...

2019-04-22 17:35:14 512

原创 CSS中关于滚动条样式设置的代码实例以及IE兼容,webkit的伪类

滚动条的设置1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度等2. ::-webkit-scrollbar-button 滚动条两端的按钮3. ::-webkit-scrollbar-track 外层轨道4. ::-webkit-scrollbar-track-piece 内层滚动槽5. ::-webkit-scrollbar-thumb 滚动的滑块6. ...

2019-04-11 15:51:52 148

原创 js 获取当前月份月头至月尾时间 和当前日期前30天

var oneDayLong = 24 * 60 * 60 * 1000;//每天的总毫秒书var now = new Date();//当前时间var year = now.getFullYear();//当前年份var monthStartDate = new Date(year, now.getMonth() + 1, 1); //当前月1号var nextMonthStartDa...

2019-04-11 11:40:43 1754 3

原创 HighCharts 详细使用及API文档说明

HighCharts 详细使用及API文档说明最近公司项目需要数据可视化,用了HighCharts和echarts,以下是两者区别。echarts是百度公司前端开发的一个图表库。支持柱状图、饼状图、k线图、map图、热导向图、折线图主要采用canvas画图。highcharts是国外的一家公司开发的图表库,主要采用svg画图。支持的图表也很多,功能也比较强大。一.HighCharts...

2019-04-07 18:57:13 172

原创 js中字符串怎么分割括号?

// 全角括号var source = '中国工商银行(朝阳分行)';// 半角括号//var source = '中国工商银行(朝阳分行)';var rt= /(.+)?(?:\(|()(.+)(?=\)|))/.exec(source); // 输出 中国工商银行console.log(rt[1]);// 输出 朝阳分行console.log(rt[2]);...

2019-04-01 11:47:16 1168

原创 Vue基础及架构模式

前端框架angularMVC模式,双向数据绑定,依赖注入reactvirtual DOM(虚拟DOM,即为与DOM一样的对象,操作对象避免DOM的直接操作从而提高性能),性能上辗轧angularvue结合angular和react的优点,MVVM模式,高性能高效率框架架构模式MVC模式M: Model (数据) => 数据保存Model(模型)表示应用程序核心(比如...

2019-03-24 18:11:02 1640

转载 Div居中的方法

1.固定高宽(width: 200px;height: 100px;)position: absolute;left: 50%;top: 50%;width: 200px;height: 100px;margin-left: -100px;margin-top: -50px;background: red;2.不固定高宽div垂直居中的方法(利用伪元素)index.html...

2019-03-18 14:25:19 71

原创 sessionStorage 、localStorage 和 cookie区别

共同点都是保存在浏览器端,且同源的。不同点cookie1、会在请求时发送到服务器,作为会话标识,服务器可修改cookie;2、cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下,子路径可以访问父路径cookie,父路径不能访问子路径cookie;3、存储大小,浏览器不能保存超过300个cookie,单个服务器不能超过20个,每个cookie不能超过4k;...

2019-03-18 13:49:29 28

原创 前端的缓存有哪些?都适用什么场景?区别是什么?

前端缓存分为两部分:http 缓存浏览器缓存http 缓存强缓存强缓存主要是采用响应头中的Cache-Control和Expires两个字段进行控制的Cache-Control 值理解:max-age 指定设置缓存最大的有效时间(单位为s)public 指定响应会被缓存,并且在多用户间共享private 响应只作为私有的缓存,不能在用户间共享no-cache 指定不缓存响应,表...

2019-03-18 13:21:49 1598

原创 如何理解浏览器跨域问题?常用解决方法

浏览器的同源策略会导致跨域,这里同源策略又分为以下两种DOM同源策略:禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况,不同域名的iframe是限制互相访问的。XmlHttpRequest同源策略:禁止使用XHR对象向不同源的服务器地址发起HTTP请求。只要协议、域名、端口有任何一个不同,都被当作是不同的域,之间的请求就是跨域操作注:协议、域名、端口有任何一个不同,...

2019-03-18 13:08:56 110

原创 ES6中的Promise

1.什么是Promise??promise就是异步编程的一种解决方案。特点:1、对象的状态不受外界影响, promise对象代表一个异步操作,有三种状态 pendding(进行中), fulfilled(成功), rejected(失败)2、一旦状态改变,就不会再变, 状态的改变只有两种可能, **pendding** =&gt; **fulfilled** 及 **...

2019-03-18 11:42:41 27

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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