随笔分类 -  前端

css实现烟花效果
摘要：<div class="bomb-rocket"></div> <div class="bomb-rocket"></div> <div class="bomb-rocket"></div> <div class="bomb-rocket"></div> <div class="bomb-rocke 阅读全文
posted @ 2019-01-10 15:19 筱小Q 阅读(2731) 评论(0) 推荐(0)
css流星
摘要：radial-gradient()函数创建一个由原点（渐变中心）辐射开的颜色渐变的图片，边缘形状只能为为circle（圆形）或者ellipse（椭圆）； 语法： radial-gradient(circle at center, red 0, blue, green 100%) /* 从元素中心点渐 阅读全文
posted @ 2019-01-10 15:12 筱小Q 阅读(332) 评论(0) 推荐(0)
js导出excel增加表头、mso-number-format定义数据格式
摘要：问题1：增加表头 js导出表格时，只会导出table里的展现出的内容，如需增加表头等内容需要在页面获取的字符串中拼接表头的相关字符串，详细介绍如下： tableString:新增的表头内容字符串； ctx.table: 新增的表头+页面获取的table字符串。 这样，表头就加上了，还可以通过styl 阅读全文
posted @ 2019-01-10 09:45 筱小Q 阅读(1114) 评论(0) 推荐(0)
js 删除数组元素的方法
摘要：splice：删除指定元素，但同时会更新元素长度以及下标位置；返回包含被删除项目的新数组 返回包含被删除项目的新数组： delete：不会改变数组长度，被删除索引对应位置的值变成了undefined shift()：把数组的第一个元素从其中删除，并返回第一个元素的值；该方法会改变数组的长度 pop( 阅读全文
posted @ 2018-07-12 11:25 筱小Q 阅读(279) 评论(0) 推荐(0)
jquery监听ctrl + c 和 鼠标右键“复制”事件
摘要： 阅读全文
posted @ 2018-06-21 11:36 筱小Q 阅读(3051) 评论(0) 推荐(0)
js金额千分位保留3位小数，不足补0
摘要：function number_format(number, decimals, dec_point, thousands_sep) { /* * 参数说明： * number：要格式化的数字 * decimals：保留几位小数 * dec_point：小数点符号 * thousands_sep：千 阅读全文
posted @ 2018-04-27 16:40 筱小Q 阅读(3826) 评论(2) 推荐(0)
两个div并排显示
摘要：采用流式布局 阅读全文
posted @ 2018-03-28 13:02 筱小Q 阅读(233) 评论(0) 推荐(0)
弹出框位置设置
摘要：function topleft(){ var top = document.body.scrollTop + (document.documentElement.clientHeight - $(".popBox").height() ) / 2; $(".popBox").css("top", top + 'px'); //popBox 为弹出框的clas... 阅读全文
posted @ 2018-03-28 12:59 筱小Q 阅读(670) 评论(0) 推荐(0)
echarts案例
摘要：echarts部分案例地址： http://gallery.echartsjs.com/explore.html?u=bd-2135947294#sort=rank~timeframe=all~author=all http://www.echartsjs.com/gallery/ 阅读全文
posted @ 2017-12-14 16:12 筱小Q 阅读(190) 评论(0) 推荐(0)
边框上带有文字
摘要：效果图： 实现代码 <div class="row wrap" style="margin-bottom: 20px; "> <p class = "circleborder circleborderOne"></p> <span class="wraptitle">社保收支统计</span> <p 阅读全文
posted @ 2017-12-14 16:08 筱小Q 阅读(523) 评论(0) 推荐(0)
满屏展示
摘要：使用css3提供的新单位 高度：vh 宽度：vw vw、vh 与 % 百分比的区别 （1）% 是相对于父元素的大小设定的比率，vw、vh 是视窗（视区）大小决定的。 （2）vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不 阅读全文
posted @ 2017-12-13 14:24 筱小Q 阅读(123) 评论(0) 推荐(0)
javaScript中SetInterval与setTimeout区别
摘要：window.setTimeout("function",time)；//设置一个超时对象，只执行一次,无周期 ， time单位是毫秒 当需要方法延迟执行的时候，可以采用setTimeout window.setInterval("function",time)；//设置一个超时对象，周期＝'交互时 阅读全文
posted @ 2017-12-13 10:58 筱小Q 阅读(242) 评论(0) 推荐(0)
圆形进度条
摘要：基于angularJS1/jquery和radialIndicator插件 效果图： 1、首先引入一下文件： 2、在jsp中引入需要的文件 <script src="js/jquery-2.1.3.js"></script><script src="js/radialIndicator.js"></ 阅读全文
posted @ 2017-12-12 17:15 筱小Q 阅读(387) 评论(0) 推荐(0)