自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

曾小超的博客

积累平常的一点一滴

  • 博客(290)
  • 资源 (8)
  • 收藏
  • 关注

原创 提取图表参数方便复用

伪数据:var obj={ "dataNameList":[ "2021-09-18", "2021-09-19", "2021-09-20", "2021-09-21", "2021-09-22", "2021-09-23", "2021-09-24" ], "dataValueList":[ "10", "20", ...

2021-09-24 11:51:36 11

原创 怎么样判断复选框(checkBox)选中了几个?

关键在:怎么样判断当前元素被选中?$(ele).prop("checked")function getCheckBox(curObj,curList){ var arr=[]; curObj.map((index,ele)=>{ if($(ele).prop("checked")){//被选中 var obj=curList[index]; arr.push(obj); ...

2021-09-16 11:46:41 21

原创 localStorage存储对象需要注意的点

localStorage没办法直接存储对象var obj={"name":"小明","sex":"男"}存对象localStorage.setItem("obj",JSON.stringify(obj));取对象var obj=JSON.parse(localStorage.getItem("obj"));console.log("obj",obj);

2021-09-15 14:11:39 33

原创 获取时间的函数

function getNowDate() { var d = new Date(); var year = d.getFullYear(); var month = change(d.getMonth() + 1); var day = change(d.getDate()); var hour = change(d.getHours()); var minut.

2021-09-05 13:43:04 17

原创 平常用到的正则

//正则验证//邮箱var emailStr = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;//单价(包含小数点)var priceStr = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;//数量(只包含数字)var numStr = /^\d+$/;//手机号码(用例)var telStr = /^[1](([3][0-9])|([4][5-9])|([5].

2021-08-18 15:00:42 18 2

原创 nginx.conf配置要格外注意

配置nginx.conf要格外注意,不然很头疼配置失败了很多次,后面终于可以了events{}http{server{listen 8080; #访问路径 server_name 公网IP; location / { #转发目的地 root /sites/demo; index index.html index.htm; }}

2021-07-06 19:57:04 25 2

原创 计时器实现3秒切换一次内容

效果图:伪数据:var obj={ //实时运行情况 realRunTimeList:[ { WORK_NO: "001", WORK_PEO: "金慧鹏", whEntryInf: [ { AREA: "金慧鹏-001", REQUEST_MATERIEL: "32", REQUEST_NUM: "33", COMPLETE_NUM: "..

2021-05-21 13:44:51 43 2

原创 切换内容

这个demo还是有些问题,先这样了伪数据:var obj={ realRunTimeList: [ { WORK_NO: "001", WORK_PEO: "金慧鹏", DEVICE_INFO: [ { NAME: "LQ-001", CONTENT: { RUNT

2021-05-20 10:55:03 25 1

原创 echarts柱状图的柱子不同颜色

效果图:伪数据:timeList: [ { PERIOD: "计划上线总数", OUTPUT: "280" }, { PERIOD: "异常单数", OUTPUT: "20" }, { PERIOD: "合格单数", OUTPUT: "280" }, ],<!DOCTYPE html><html><head> <m

2021-05-18 14:19:28 70

原创 echartsY轴累加图

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echartsY轴累加图</title> <!-- 引入 echarts.js --> <script src="js/echarts.min.js"></script></head><body> <...

2021-05-13 16:50:04 122 3

原创 echarts关系图

效果图:代码:<!DOCTYPE html><html><head> <title>ECharts 关系图</title> <script src="js/echarts.min.js"></script></head><body> <div id="main" style="width: 600px;height:400px;border:1p

2021-05-12 16:06:46 93

原创 echarts饼图切换数据

效果:伪数据:var obj = { //测试 test: [ [ { NAME: "开立", VALUE: "60" }, { NAME: "操作中", VALUE: "25" }, { NAME: "关结", VALUE: "15" }, ], .

2021-05-10 13:07:20 201

原创 用js封装了一个简单的甘特图

改版:

2021-04-25 23:24:57 72 1

原创 Echarts版本的问题,有的版本缺少data会造成图例无法显示

务必加上data

2021-04-21 15:16:30 58

原创 柏拉图计算

var arr=[ {BAD_ITEM_CODE:"IPQC01",BAD_ITEM_NUM:5}, {BAD_ITEM_CODE:"IPQC02",BAD_ITEM_NUM:4}, {BAD_ITEM_CODE:"IPQC03",BAD_ITEM_NUM:3}, {BAD_ITEM_CODE:"IPQC04",BAD_ITEM_NUM:2}, {BAD_ITEM_CODE:"IPQC05",BAD_ITEM_NUM:2}, {BAD_ITEM_CODE:".

2021-03-25 19:07:38 330 1

原创 随机颜色

function getRandomColor() { var rand = Math.floor(Math.random( ) * 0xFFFFFF).toString(16); if(rand.length == 6){ return rand; }else{ return getRandomColor(); }}

2021-02-25 16:49:11 43 1

原创 怎么样通过传参使一个div渲染成不同的图表?

伪数据:var obj = { onePart: { dataList: { type: "Line", echartsXaxis: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"], echartsSeries: [5, 20, 36, 10, 10, 20] }, }, twoPart: { dataList: { ..

2021-02-23 13:50:26 50

原创 找到该服务器的主机名,端口,用户名

2021-02-19 09:37:53 278 1

原创 React 条件渲染

1.条件渲染:创建 Greeting 组件,根据用户是否登录来显示其中之一:<body><div id="wrapper"></div><script type="text/babel">function UserGreeting(props) {//登录后的组件 return <h1>登录成功!</h1>;}function GuestGreeting(props) {//提示登录的组件 return.

2021-02-17 22:39:14 41

原创 React事件处理

1.React 事件绑定属性的命名采用驼峰式写法,而不是小写。2.如果采用 JSX 的语法你需要传入一个函数作为事件处理函数,而不是一个字符串(DOM 元素的写法)。html的写法:<button onclick="activate()"> 按钮</button>React 中写法为:<button onClick={activate}> 按钮</button>注意:在React中,你不能使用返回false的方式阻止..

2021-02-17 17:12:09 44 1

原创 React Props以及和State的区别、验证器

state 和 props 主要的区别:在于props是不可变的,而 state 可以根据与用户交互来改变。组件需要定义 state 来更新和修改数据,子组件只能通过 props 来传递数据。1.如何在组件中使用 props:<body><div id="wrapper"></div><script type="text/babel">function Hello(props) { return <h1>你好 {pro..

2021-02-16 00:07:27 50

原创 React(组件、State(状态))

1.1.定义组件(函数方式):<body><div id="wrapper"></div><script type="text/babel">function HelloMessage(props) { return <h1>{props.name}!</h1>;}const element = <HelloMessage name="你好啊"/>;const wrapper=document.getE

2021-02-15 23:17:13 44

原创 Windows找不到javaw

因为项目要升级,但却发现有这个问题,进不去右键编辑找到jdk路径set path=D:\mcdev\jdk8\bin

2021-02-04 18:55:06 1888 2

原创 React入门1(JSX、JS表达式、样式、注释、数组)

1.React元素渲染(JSX)<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>React JSX</title><script src="js/react/16.4.0/umd/react.development.js"></script><script src="js/react-dom/16.4.0/umd/re

2021-02-03 22:49:33 64

原创 重启服务

今天遇到的问题是要重启服务,太久没用Linux,都忘光了首先通过SecureFX找到自己存放的地址然后在SecureCRT中1.进入Linux文件夹cd /content/app2.执行关掉服务的操作,但是提示没有权限./stop.sh3.给用户赋所有权限chmod -R 777 *4.还是提示没有权限,所以查看进程:(ps -ef |grep 文件夹)ps -ef |grep app5.执行开启./startup.sh..

2021-02-01 12:02:46 168

原创 点击当前葡萄,当前葡萄放大

问题:点击当前葡萄,当前葡萄放大,然后把值都填完,然后点击设置,把值设进当前葡萄,然后点击下一个葡萄(下一个葡萄放大),当前葡萄恢复原样

2021-01-28 23:55:34 82

原创 postman的使用

form格式可以直接在地址后面拼接参数json格式的话

2021-01-28 10:09:40 48

原创 不能在td上使用弹性盒子

不能在td上使用弹性盒子,否则会使td变形

2021-01-27 17:29:19 126

原创 js如何将一个数组里的对象替换成另一个数组对应角标的对象或把单个对象替换数组里的对应地方的对象

遇到的BUG是:点击8和13没有效果,点击1和2有效果出现这种情况是因为:......有些代码写错了 grapeInfo:[ {score:'70',color:'violet',date:"8"}, {score:'60',color:'violet',date:"13"}, ]后台传过来的数据只有这么点,但是我循环的时候是一个个循环,所以会出现点击8和13没有效果,点击1和2有对应的效果所以这时候我要定义空数据,然后把

2021-01-27 09:56:16 814

原创 JS把数组转化成新数组或者对象,map和filter的用法

JS把数组转化成新的数组var grapeInfo=[ {score:'22',color:'green',date:"1号"}, {score:'70',color:'green',date:"2号"}, {score:'80',color:'yellow',date:"3号"}]let grapeInfoColor = grapeInfo.map(x => x.color);JS把数组转化成新的对象var grapeInfo = [ { .

2021-01-21 22:41:42 623

原创 Echarts地图

HTML文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>地图</title> <!-- 引入 echarts.js --> <script src="js/echarts.min.js"></script> <!-- <script src='https://cdn

2021-01-11 14:16:29 96

原创 葡萄图的封装,以及调用

效果图:代码:1.本地调用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>封装葡萄图之路</title> <script src="h

2021-01-06 19:11:54 311

原创 判断每个月有多少天以及计算设计大小和设计屏幕大小之比

/** * 判断是否是闰年 */function isLeapYear(year) { return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);}/** * 获取每个月有多少天 */function getDaysInMonth(month, year) { var days; if (month == 1 || month == 3 || month == 5 || month.

2020-12-28 19:20:26 47

原创 SVG自适应设置(viewBox)

<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" /> <title>SVG测试</title></head><body style="padding:0px; margin:0px;"> <svg currentScale="1" width="160px" height="240px" viewBox=.

2020-12-04 10:33:31 1205

原创 葡萄图所需葡萄(SVG画图)

<!DOCTYPE html><html><body><h1>My first SVG</h1><svg width="1920" height="1080" xmlns="http://www.w3.org/2000/svg"> <g> <title>background</title> <rect x="-1" y="-1" width="1662" heig...

2020-11-27 12:56:07 362

原创 Echarts警戒线(markLine),要注意是X轴还是Y轴

option = { "grid": { "top": "8%", "bottom": "8%", "right": "15%", "left": "15%" }, legend: { right:"0", top:"center", orient:"vertical", textSt.

2020-11-26 10:31:10 624

原创 Echarts没有数据的时候显示暂无图片,有数据且大于6条的时候,数据自动滚动

let bei_bot1_main="<div class='bei_bot1_main' id='bei_bot1_main' style='width:calc(100% - 40px);margin:0 20px;'></div>";$("#dom76fd-1602320731255 .view").html(bei_bot1_main);$(".bei_bot1_main").css({"margin-top":getSize(30,1920)+'px'});$("..

2020-10-30 14:32:53 288

原创 setInterval定时器(先触发一次再延时),使用Echarts时自动滚动出现的问题

1.之前的写法:数据要5秒才会出来bei_bot2_timeTicket = setInterval(function () { // 每次向后滚动一个,最后一个从头开始。 if (bei_bot2_option.dataZoom[0].endValue == timeInterval.length-1 ) { bei_bot2_option.dataZoom[0].endValue = 5; bei_bot2_option.dataZoo

2020-10-30 13:53:36 659

原创 定时器为啥不能清空呢?

有可能是作用域的问题

2020-10-30 10:17:43 188

原创 Echarts图表没数据的时候,用图片代替暂无数据(图片自适应)

有数据时:没数据时:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Echarts图表没数据的时候,用图片代替暂无数据</title> <!-- 引入 echarts.js --> <script src="js/echarts.min.js"></script> &l.

2020-10-26 19:51:39 1630

ZCY20200324.rar

前台(我要预约,我的报告,我的账户,在线评估) 咨询师(资金账户,预约时间设置,预约诊断) 管理员(前台用户管理,后台用户管理,预约管理,在线评估管理,题库管理,用户统计,渠道量统计,权限管理) 增删改查,分页,条件查询

2020-03-24

NodeJs搭建接口学习总结文档.doc

自己使用node搭建的接口学习总结文档,内容还是比较详细的,mongoose数据库要自己去注册

2021-05-23

计时器实现3秒切换一次内容.rar

计时器实现3秒切换一次内容

2021-05-21

甘特图 (自己定义一个容器,传容器和数据就行).rar

甘特图(在页面中自己定义一个容器,传容器和数据就行)

2021-04-25

葡萄图对象(通过New和传参实现)

通过New和传参,根据多个数据可以循环出多个葡萄图,以及可以给葡萄图设值,适合查询页面和修改页面

2021-01-23

JQuery学习总结文档.doc

为了把JQuery学习得更加透彻,更加熟练,刚开始写,比较基础

2021-04-07

React学习总结文档.doc

React学习总结,内容还不完善,刚开始写,比较基础

2021-04-06

ZCY20200326(1).rar

通过ZUI框架加上GitHub上面的开源项目实现带有炫酷粒子效果的登录界面,鼠标移上去后粒子就会扩散开,可以用于登录界面、注册界面及其他使用场景。

2020-03-26

空空如也

空空如也

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

TA关注的人 TA的粉丝

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