自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react中static的配置

react 打包static相关设置

2022-11-01 10:10:07 1241 1

原创 2021-11-04 前端处理后端pdf文件流

!!必须增加请求头,不然,获取到数据会报不是blob类型的错误!!请求时,增加请求头// 工单预览export function getPdf(parameter) { return axios({ url: '/mb/download/pdf', method: 'post', data:parameter, responseType: "blob" })}页面解析getPdf(objList).then(res=>{ const

2021-11-04 09:59:42 862

原创 关于运用DxDataGrid中的时间改变的联动

项目用的前端组件库是DevExpress要求:生产日期改变,过期日期随之改变用到方法@option-changed在这之前用过value-changed方法,没有调用到回调方法,从官方文档中找到了这个方法在DxDateBox 中用就行<DxDataGrid ref="dataGrid" :remote-operations="false" :show-row-lines="true" :columns="productco

2021-08-10 14:01:22 336

原创 2021-8-2 前端开发中每天遇到的问题(3)---vue中的数组解构赋值,改变堆地址

const newArr = [...this.dataSource] newArr.forEach((item, index) => { // console.log(item) const obj = {} let producedAmount = '' let consumedAmount = '' let timestr = '' let flag = 0 o...

2021-08-02 14:49:06 449

原创 2021-07-27 前端开发中每天遇到的问题(3)---key值赋值失败,es5规则

问题如下:选中委外订单栏会出现选择框,选择所需单号,但是订单号不返显。这里是点击所需单号后的提交事件,可以看到,将获取到的值返还给了父页面的‘close-dialog’在父页面中找到了‘close-dialog’对应的方法,从这里可以看到this.formDataSource.orderCode = e[0].code对 formDataSource.orderCode 进行了赋值上网查了以后发现这是es5的限制,如下是我查到的方法后来,自己也想到了一种方法,我们对对象进行重新赋

2021-07-27 16:35:07 127

原创 2021-07-21 前端开发中每天遇到的问题(2)---Eslint代码格式化问题

在团队协作中,经常遇到这样的格式问题,有的时候可能并不影响代码整体的运行,但是看到·error,也是让人心里没底的事情,我们遇到这种情况,需要先确定一下,项目中有没有自定义的eslint规范,没有的话,我们可以在右击格式化代码方式中选择:...

2021-07-21 16:45:46 151

原创 2021-07-19 前端开发中每天遇到的问题(1)---jq ajax的async

在开发过程中除了要熟练的应用框架,有的时候避免不了要去写一些,原生的东西,这是我遇到的一个我觉得可能需要注意的地方。利用原生写代码,避免不了和后端交互,自然要用到ajax,如图,这里简单的逻辑思路是:通过遍历legend_passTrend数组和data_passTrend中的key值一一对应,从而显示在页面上,所以思路是,通过向后台发送请求,获取到一个对象,从而获取到,我们需要的值。第一次,没有写async,接口通了,但是数据仍然是静态数据。原因很简单,ajax默认异步请求,而我们需要的是同步操作

2021-07-20 12:57:09 82

原创 vue脚手架

vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。1.安装vue-cli① 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。注意:webpack 4.X

2021-07-06 09:03:48 54

原创 java常用类

1. 数组定义:数组 : 类型相同,大小固定 的 很多数的组成在一起优点: 类型相同缺点:大小固定2. 一维2.1. 语法声明数据类型[] 数组名; [推荐]数据类型 数组名[];示例:int[] num;String[] args;初始化数组名=new 数据类型[大小]; // 数组无论是全局变量或者是局部变量都会自动初始化数组名=new 数据类型[]{值1,值2,值3};声明时同时初始化数据类型[] 数组名 = {值1,值2,值3};数据类型

2021-01-13 09:01:34 65

原创 java面向对象概念

面向对象1. 类和对象类 : 具有相同属性和行为的对象的集合。对象:具有明确属性和行为的具体的实体。类的语法访问修饰符 class 类名{ //属性(全局变量、实例变量、成员变量) //行为 }行为(方法)的语法访问修饰符 返回类型 方法名(数据类型 参数名,数据类型2 参数名2){ 方法体; [return 值;]}对象: new 就是一个对象new 类名(xxx); 属性操作赋值 对象.

2021-01-13 08:51:44 83

原创 java基本语法

基本语法1. 工欲善其事必先利其器java开发工具记事本editpluseclipse 开源免费,小巧,推荐使用eclipsemyeclipse 第三方公司在eclipse基础上,加入N多插件,使用功能更强大, 臃肿型,问题收费,价格不菲(2000台/年)intellij idea 收费的,学生免费申请 后来者居上,前后端协同开发2. 下载idea3. 使用idea改写HellWorld.java3.1. 创建一个Java Projects

2021-01-13 08:49:33 145

原创 java基础知识

1. 相关知识1.1 计算机中的编程语言人们通过编程语言能实现与电脑之间交互,常见的有如下编程语言c、c++、c#、vb、php、python、java、JavaScript,我们重点学习java1.1.2 前10语言的排行[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5VfeFuiV-1610498670526)(./img/image-20201229004236529.png)]2. 基本知识2.1. java创始人姓名:(James Gosl

2021-01-13 08:45:24 73

原创 JAVA异常

异常1. 错误与异常的区别ObjectThrowableErrorExceptionError类: 一般指的是硬件问题,跟程序员无关,比如说硬盘空间不足,内容不够Exception类: 一般指提程序员不小心造成的,有可能在某些时候出现(偶现),或都每次都出现(必须),这些异常本可以避免的。例如:算术异常、空指针异常和下标越界异常等注:我们只关心异常,所以以后我提到异常也好,错误也罢,全指异常。Exception是所有异常类的祖类2. 为什么要处理异常

2021-01-12 10:24:51 70

原创 Java集合类

1. 先聊数组数组:类型相同、大小固定的很多数组成在一起优点:类型相同缺点:大小固定2. 集合集合:类型多样,大小可变的很多数集中合在一起优点:大小可变缺点:类型多样3. 集合+泛型优点:大小可变优点:类型相同泛型就是一个< >我们把泛型理解成规范的一个类型放进和取出都只能是一种类型,且不需要再判断4. 集合框架(常用集合接口和实现类) Collection(I)-->obj Map(I)-->key-value

2021-01-12 10:24:09 67

原创 java swing中的消息框

JOptionPane类属于Swing组件中的一种,所以导入方式如下:import javax.swing.JOptionPane;四种消息提示框 在该类中常用的常用的四种消息提示框为:showConfirmDialog();确认对话框showInputDialog();输入对话框showMessageDialog();消息对话框showOptionDialog();选择对话框确认对话框 确认对话框(showConfirmDialog)有以下四种构造

2020-11-16 20:26:22 1918

原创 原创 JS第一节笔记(18)————JS web存储(缓存)

web存储存储类型主要分为:cookielocalStoragesessionStoragecookiecookie 默认浏览器关闭时消失,存在于web服务器中,存储大小为4kbdocument.cookie = ""//创建缓存

2020-09-23 16:29:48 79

转载 Arrays 类操作 Java 中的数组

使用 Arrays 类操作 Java 中的数组Arrays 类是 Java 中提供的一个工具类,在 java.util 包中。该类中包含了一些方法用来直接操作数组,比如可直接实现数组的排序、搜索等(关于类和方法的相关内容在后面的章节中会详细讲解滴~~)。Arrays 中常用的方法:1、 排序语法: Arrays.sort(数组名);可以使用 sort( ) 方法实现对数组的排序,只要将数组名放在 sort( ) 方法的括号中,就可以完成对该数组的排序(按升序排列),如:运行结果:2、 将数组

2020-09-18 08:13:48 195

原创 JS第一节笔记(17)————JS 拖放

拖放拖放元素必须在行内设置<p draggable = "true"> </p> //允许拖放p.ondragstart = function(event){ //开始拖拽事件 var e = event || window.event e.dataTransfer.setDate("msg",p.innerText) /*表示将需要拖拽的内容获取到储存起来,准备传递 第一个参数表示传递信息的名字 自定义 第二个参数时传递内容 */}box2.

2020-09-11 10:11:16 129 1

原创 JS第一节笔记(16)————JS window事件

window 浏览器窗口对象window.innerWidth //浏览器窗口内部宽度(包括滚动条)window.innerHeight //浏览器窗口内部高度(包括滚动条)在用window事件时我们会遇到兼容问题:兼容写法var WIDTH = window.innerWidth||document.documentElement.clientwidth||document.body.clientWidthHeight的写法和Width一样此写法兼容ie5 6 7 8wind

2020-09-10 11:01:44 132

原创 JS第一节笔记(15)————JS事件冒泡,事件捕获,添加事件句柄

事件冒泡当一个元素的事件被触发时,比如鼠标点击了一个按钮,同样的事情会在那个元素的所有祖元素上被触发,这个过程就叫做事件触发,这个事件是从原始元素一直冒泡到dom树的最上层(这是一个需要解决的问题)阻止事件方法:e.stopPropagation?e.stopPropagation():e.cancelBubble=true事件捕获从dom树的最上层到内层的捕获事件的触发过程捕获——>冒泡添加事件句柄addEventListenerbox.addEventListener("cl

2020-09-09 15:50:50 100

原创 JS第一节笔记(14)————JS 放大镜功能的实现

在一些淘宝界面里我们经常看到一些商品详情界面里会出现鼠标悬浮出现放大图的问题,在这里我们需要记住一个放大比列的计算公式:(大图的宽度-大图盒子宽度)/(盒子的宽度-阴影的宽度)注意点:在js中,如:background-color类似中间的—可以表达为 backgroundColor 驼峰写法<!DOCTYPE html><html><head> <meta charset='UTF-8'> <meta name='view.

2020-09-02 21:30:56 107

原创 JS第一节笔记(13)————JS event事件对象

event事件对象event 事件对象通过事件触发,调用函数内部的参数,即为事件对象p.onclick=function(event){ var e=event||window.event}event 是自定义的函数名,可定义为其他,推荐定义为event以上是event事件的兼容写法,兼容IE低版本p.onclick=function(event){ var e=event||window.event e.pageX //光标相对于网页的水平位置(ie浏览器没有) e.page

2020-09-01 20:46:19 149

原创 JS第一节笔记(12)————JS windows事件及动画公式

windows事件<div></div>var box=document.getElementsTagNames("div") console.log(box.offsetWidth) //元素自身的宽度(width border padding) console.log(box.offstHeight) //元素自身的高度(height border padding) console.log(box.offsetLeft) //元素自身的位置(距离左边) c

2020-09-01 20:14:24 113

原创 JS第一节笔记(11)————JS节点操作(轮播图 属性绑定以及Swiper )

轮播图 <ul> <li></li> <li></li> <li></li> </ul> var lis=document.getElementsByTagsName("li") for(var i =0;i<lis.length;i++){ lis[i].onclick=function(){ console.log(this)//检查是否进入这个事件 thi

2020-08-31 17:29:19 180

原创 JS第一节笔记(10)————JS节点操作

节点操作节点的查找<div> <p class="one"> <span></span> </p> <p class="two"></p></div>var box=document.getElementByTagName("div")var one=document.getElementByClassName("one")var two=document.getElementByClas

2020-08-30 20:59:10 154

原创 JS第一节笔记(9)————定时器(小女孩切换实例)

定时器var time =setInterval(function(){ console.log(1111) },1000)这里是简单的创建了一个定时器,默认单位为ms,这里的1000,为1s表示1s输出打印一次1111清除定时器clearInterval(time)括号内为清除的定时器的名字这里给出自己做出的练习效果是,让下面的小女孩图片,左击,右击切换一个,自动按钮,自动播放Html部分 <div class="tu" style="position: relative

2020-08-18 14:27:10 243

原创 JS第一节笔记(8)————函数(函数类型,函数生命周期,变量作用域,调用类名,标签名)

匿名函数(1)自调用:(function(){ alert(111)})()函数的使用叫做调用,函数不调用不执行(2)通过事件绑定在一起来触发eg:box.onclik=function(){ }有名函数function fn(a,b){ console.log(a+b)}fn(0,20)有名函数命名为fn(),a和b为形参,只参与占位.fn(0,20)实参,参与运算函数的生命周期函数的生命周期包括:创建 使用 销毁销毁; return 返回值,余下的代码

2020-08-18 13:40:57 170

原创 JS第一节笔记(7)————数组,数组的操作方法

定义数组创建数组var变量 =newArray 实例化数组var变量 = [ , , , ] 另外一种创建[ ] 中括号为数组标志使用数组例:var arr=[1,2,3,4,5 ]使用格式: 数组名[下标] 下标即为索引号,索引号从0开始arr.length 为数组中数的个数数组的操作方法...

2020-08-10 23:22:12 203

原创 JS第一节笔记(6)————判断/循环语句(if/else switch/case 三目运算符 for循环 while do while )

判断语句if elseif(判断条件){}else if(判断条件){}else{ 当上述判断条件都不满足时执行}if,else if,else为判断语句,当有满足条件时,余下代码不执行switchvara= //声明变量aswitch(a){case a: //执行条件break; //结束判断casea:break;default: //结束语句}...

2020-08-07 14:11:51 286

原创 JS第一节笔记(5)————对象(创建对象,对象的使用方法,Date对象,算数对象)和事件

对象Object创建对象new object() //实例化对象var obj=new Object()(1)obj.name="jerry" obj.age="20"name为键,jerry为值,成为键值对自变量创建对象var obj2={name:"tom",age:"20"}{ }是对象的标志对象的使用方法对象名.属性(1)Date对象(获取当前时间)vardate=newDate() ...

2020-08-06 23:24:15 128

原创 JS第一节关于事件举例拓展——调用input的值放入数组并且用冒泡排序从小到大排列

在具体将之前我们要先明白什么是冒泡排序冒泡排序首先我们肯定有一个数组,里面存放着待排序的元素列表,我们如果需要把比较大的元素排在前面,把小的元素排在后面,那么需要从尾到头开始下面的比较操作:从尾部开始比较相邻的两个元素,如果尾部的元素比前面的大,就交换两个元素的位置。 往前对每个相邻的元素都做这样的比较、交换操作,这样到数组头部时,第 1 个元素会成为最大的元素。 重新从尾部开始第 1、2步的操作,除了在这之前头部已经排好的元素。 继续对越来越少的数据进行比较、交换操作,直到没有可比较的.

2020-08-06 22:26:24 494

原创 JS第一节笔记(4)————运算符号(+ - * / %)以及=,==,===,!=,!==,!的区别和作用,以及逻辑运算符

运算符号加号+参与都是数字则相加求和,如果其中有字符串则拼接如果boolean值参与运算,true为1,flase为0如果参与运算的数据有字符串,可以将数据类型进行隐式转换例:(1)var c = 1;c=c+1(还可以表示为c+=1)consolelog.log(c)此时输出为2(2)var d = 1d++ //此处++表示为自加过程,自加过程表示还没有增加,再次调用是才算增加console.log(d) //此时输出2如果(...

2020-08-06 22:03:22 406

原创 JS第一节关于事件举例拓展——————js如何调用input的值(案例:输入三个数字,取最大值,最小值,平均值)

js如何调用input的值(id做法)用.value函数调用input中的值例:html部分代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume...

2020-08-06 11:47:26 867

原创 JS第一节笔记(3)————数据类型

数据类型基本数据类型1.number数字类型2.string字符串类型(" "内的内容都是字符串)3.boolean布尔类型(输出结果为true或false)类型转换例:vara = "20"1.转化为数字此时,console.log(typeof a)输出a的数据类型为string类型a =Number(a)强制类型转换为数字类型如果变量a本身值不为数字例:var a="bcd"a =Number(a)此时变量a...

2020-08-06 08:30:07 113

原创 JS第一节笔记(2)————变量,命名规范,关键字和保留字(视频教程)

变量例:varage="18"var 用来声明变量的关键字age 变量名(自定)一个变量名只能储存一个变量= 不是等号,为赋值号18 变量变量名命名规范1.以字母 下标符号_ $开头2.长度不能超过255个字符3.名字中不能有空格,首字母不能是数字4.不能使用关键字和保留字关键字关键字是在JavaScript已经被规定为具有特殊功能的字。这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作...

2020-08-06 00:23:38 108

原创 JS 第一节笔记(1)————基本语法

内部链接在<head></head>,<body></body>,<html></html>之间任意两个标签之内添加都可以外部链接创建JS文件夹,在文件夹内创建.js文件,可在.js文件内之间编辑基本语法(可在后台F12页面Console中查看)console.log(" ") 打印/输出console.warn(" ") 警告打印console.error(" ") 错误打印...

2020-08-05 23:55:22 182

swiper-6.1.1.zip

一款做各种滚动事件的插件,有源代码可以直接使用,方便大家快速生成滚动图效果 一款做各种滚动事件的插件,有源代码可以直接使用,方便大家快速生成滚动图效果 一款做各种滚动事件的插件,有源代码可以直接使用,方便大家快速生成滚动图效果

2020-08-31

picpickportable1.zip

可以帮助提取页面中的某一颜色,帮助前端界面的颜色搭配和使用,操作简单,安装即可使用可以帮助提取页面中的某一颜色,帮助前端界面的颜色搭配和使用,操作简单,安装即可使用

2020-08-07

空空如也

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

TA关注的人

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