金刚大力士-CSDN博客

原创 echarts饼图鼠标移入，悬停部分不放大突出

此代码为双饼图代码里外饼鼠标移入均不放大在series里设置 hoverAnimation:false, 注意：如果内部饼图设置完仍然有放大很有可能是饼图的radius设置的过大将比例缩小即可 ...

2018-12-12 10:40:26 44875 4

原创前端绘制世界地图

<div class="col-xxl-6 col-lg-6 col-md-6" style="margin-bottom: -6px"> <div class="panel " style="margin-left: -5px; width: 102%;"> &

2018-12-07 17:23:09 3167

原创前端实现翻页---jqPaginator.js

后台每次返回10调数据HTML： <div class="pageDiv"> <div class="floatLeft totaldiv"> 共<span class="totalpage"> 0 </span>条数据 ...

2018-12-06 17:23:03 712

原创前端js实现--登录验证二维码

数字和字母组合的四位验证码HTML如下 <li class="border testcode"> <i class="iptestcode"></i> <div class="divipt testcodeipt"> <i

2018-12-05 10:14:28 2764 1

原创 echarts绘制嵌套环形图/ 双饼图

设备类型在里设备品牌在外后台返回数据如下格式： device_brand_distribution = [{'equipment_type': '智能手机', 'equipment_brand': 'xiaomi', 'eq...

2018-12-04 16:20:46 13032

转载 vue+elementUI项目知识点整理

常见知识点说明v-if和v-show的区别是什么呢？1.v-if:是条件渲染，每次都会重新删除或者创建元素，v-if有较高的切换性能消耗。2.v-show:每次不会重新进行DOM删除和创建操作，只是切换元素的display:none样式，有较高的初始渲染消耗。提示：如果元素涉及到频繁的切换，最好不要使用v-if而用v-show,如果可能永远被用户看到则用v-if...

2018-11-09 15:07:14 1589

原创通用的左侧菜单栏样式（侧边栏）

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet&qu

2018-11-06 15:32:13 13544 5

原创前端-只选择年份的下拉框

HTML如下 <div class="divItem2"> <span>工作时间：</span> ...

2018-11-01 12:34:27 11826 1

转载 css解决多张图片如何统一大小且没拉伸问题

1. 测试案例需求: 要求表情库里所有表情包大小都固定实际效果: 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。例如://html<body> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" />

2018-09-13 15:56:18 20914 4

原创前端css基础总结

后台传回数字123 前端对应显示红色高位橙色中危绿色低危三个方块】可封装方法多次调用 //等级控制文字 function fnLevel(num){ var str = ''; if(num == '0'){ str = '低危'; }else if(num == '1'){ str...

2018-09-10 11:01:42 403

原创获取地址栏参数：两个页面传参，A页面的详情上有个id，点击详情跳到另一个新详情页面这个新页面的参数需要拿这个id

A页面的详情上有个id，点击详情跳到另一个新详情页面这个新页面的参数需要拿这个id function Get_String(tname) { var reg = new RegExp("(^|&)"+ tname +"=([^&]*)(&|$)"); var r = ...

2018-09-10 10:52:44 549

原创 datetimepicker双日历的使用/恢复默认日期

任意选中日期对应的列表刷新数据点击重置后日期框恢复为默认的当前日期正常使用： function fnCalendar(id){ $(id).daterangepicker({ autoApply:true,//点击最后时间自动回填数据 "opens": "left",//日历位置 ...

2018-08-30 14:43:39 2011

原创 js触发点击事件--模拟鼠标点击动作

需求：点击全部，显示终端列表里的当前和历史两列默认当前且刷新数据，点击离线只显示历史并同时刷新数据大部分都是鼠标直接点击事件click但是有时候需要有默认，比如初始化的时候就默认点击第一行这时候就得模拟点击事件了但是模拟点击事件的前提是，你已经定义了这个click事件 $('.js-btnHistory') .click(); $('....

2018-08-24 11:12:55 64686 2

转载 CSS中 display的相关属性

IE8支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。display:table=>相当于“table”标签； display:table-row=>相当于“tr”标签； disp...

2018-08-08 18:03:09 214

转载 echarts折线图设置横向基准线/水平线

注意：请勿复制源码以防页面乱码具体基准线设置项请参考js注释需求：在搜索框内输入数值基准线会自动移动至相应位置代码如下： <div class="mt43 globalflowAnalysisForensics" > <div class="p...

2018-07-26 17:26:15 49187 4

转载头像剪裁/图片上传案例

注意：请勿复制源码，需要源码的可以发邮件至2445478193@qq.com<!DOCTYPE><html lang="en"><head> <title>用户头像剪裁</title> <meta http-equiv="Content-type" content="text/html;

2018-07-25 16:00:50 516

转载常用的正则表达式汇总

//字符串验证正则格式String.prototype.IsNumber = function(){ //是否数字，例如:12,12.1,12,23 return (/(^\d+(\.\d{1,2})?$)/.test(this));}String.prototype.IsInteger = function(){ //是否整数 >0 return (/(^[1-9]...

2018-07-25 14:56:40 399

原创一个简单通用的登录页js逻辑

注意：请勿复制源码，以免乱码登录页部分很简单只有一个（图标）/用户名（图标）/密码四位数的随机验证码登录按钮HTML部分 <div class=" login-box boxLineColor positionHorn"> <i class=...

2018-07-25 14:49:55 2164

原创网页加载缓慢时，两种方法实现loading效果

当页面加载速度很慢的时候，页面就会出现白屏的状况，如果没有使用loading来和用户进行交互，用户并不知道应用到底是出现什么问题（卡死、出错或者在加载）页面加载所需要时间越长，那么可能损失的用户量就会多。第一种方法，可以在页面中放置一个GIF图片 <div class="scrollbox"><image class="imagebar" src="../st...

2018-07-25 14:15:57 25333

原创 js中，设置定时器每隔几秒刷新一次页面数据

页面加载进来，查询然后设置定时器每隔五秒刷新一次页面数据fnSearch();var interval3=setInterval(function(){ fnSearch();},5000); function fnSearch(){ searchjson.search=$(".iptsearch").val(); $.ajax({ ...

2018-07-25 11:19:04 38633

原创 js里，一个页面中两个不同位置的按钮，分别点击跳转到同一个页面

复制的是项目中的源码，请忽略中间部分页面中的第二个按钮<a href="#" class="btn-xs btn-info js-inCheck" >进入检测</a> 页面第一个按钮js-btnStart跳转/*开始检测*/ $('.js-btnStart').on('click',function(){ var name ...

2018-07-25 10:49:32 4087

转载项目通用的公共样式base.css

@charset "utf-8";/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */*{ font-family: 'Microsoft YaHei';}html { background:white; color:bla...

2018-07-25 10:09:17 1621

原创两个datetimepicker时间弹窗判断结束日期不能早于开始日期的方法

//时间控件开始日期$('#datetimepicker1').datetimepicker({language: 'zh-CN',format:'yyyy-mm-dd',weekStart: 1, /*以星期一为一星期开始*/autoclose: 1,minView:2, /*精确到天*/endDate:new Date(),}).on('change',function()...

2018-07-04 14:16:49 3968

原创常见字符串及数组的操作总结

字符串操作字符串是不可变性//1.str.concat() 连接字符串//2.str.slice(start,end) 拷贝指定字符不包括end//3.str.substring(start,end) 拷贝指定字符不包括end//4.str.substr(start,len)截取len长度数据//5.str.toUpperCase() 转换为大写//6.str.toLow...

2018-06-07 14:27:19 1099

WebSocket：从入门到精通一、什么是WebSocketHTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。对大部分web开发者来说，上面这段描述有点枯燥，其实只要记住几点：WebSocket可以在浏览器里使用支持双向通信使用很简单1、有哪些优点说到优点，这里的对比参照物是HTTP协议，概括地说就是：支持双向通信，更灵...

2018-06-07 14:19:52 1496

原创兼容各个浏览器的阻止冒泡的写法

（发现火狐不支持event事件，所以有了兼容各个浏览器的阻止冒泡的写法）function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((a...

2018-05-29 10:50:32 1199

转载 vue-cli脚手架配置基础文件详解/新手入门必看

vue-cli 脚手架中webpack 配置基础文件详解一、前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要，接下来我将基于webpack...

2018-05-28 18:07:37 8077

qq_42177730的博客