自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 表格中使用fixed固定一栏后滚动条覆盖当前行内容

加上以上样式即可解决滑动时滚动条覆盖当前行内容。

2022-12-12 10:14:34 20

原创 把oracle数据库里的函数都改成标准sql的,有没有好心人帮我看一下怎么改,我自己改了一部分左链接的,但是感觉还没改完,不太会改了。

需求:在oracle数据库上执行的不是oracle数据库语法,所以只能改成标准sql,mysql的很多语法在plsql上识别不了。

2022-10-25 17:13:01 125

原创 业务需求:应后台要求接收的数据是多个,在级联选择器中只能拿到指定的值,固解决如何拿到多个值传入后台。

【代码】业务需求:应后台要求接收的数据是多个,在级联选择器中只能拿到指定的值,固解决如何拿到多个值传入后台。

2022-09-29 17:29:13 46

原创 请求应该放在create还是mounted中?

回归问题:在实际开发中请求不论放在created还是mounted大多时候还是没有区别的,因为created和mounted都是同步的,而请求是异步的,不会堵塞页面渲染的主线程,我们也不能控制请求回来的时间。但是还没有挂载到页面上。但是如果是需要操作dom相关的请求,就要在mounted中执行,因为这时候也能才挂载完成,才可以进行dom操作。2、mounted:中文意思挂载完成,这时候初始化页面完成,此时页面已经渲染出来了,可以进行dom操作。

2022-09-28 17:11:52 315

原创 vue使用el-upload实现文件上传功能

因为是vue+springboot前后分离,要跨域,就不能用默认的action写请求地址,我用axios时最困扰的就是怎么拿到那个真实的文件,然后给传给后台。写的时候,刚开始我是直接把el-upload里面的button中加了点击事件,但是每次文件还没选,就已经向后台发出请求了,当然传不过去,于是外面套了个form。其实可以通过自带的onchanne触发方法获得文件列表,文件信息中那个raw就是真实的文件。

2022-09-28 16:10:41 286

原创 Vue Element Cascader 级联选择器

因为后台返回的最后一级虽然没内容,但是是个空数组,所以会显示空白,通过递归判断是否是空数组,然后设置为undefined即可。方法changeProblemType获取的数据是个数组,若是只想要选择的该级的数据id,通过遍历该数组获取最后一个数值。级联选择器默认只能选择最后一级的,想要选择任意一级,加上属性change-on-select。特性:1.后端返回的数据格式名称跟前端需要的名称不一致:使用:props动态改变。

2022-09-28 15:47:09 429

原创 时间组件 moment

1、日期组件显示为后端接口返回的数据。2、时间显示为当前日期(不调接口)

2022-09-28 15:06:17 214

原创 路由懒加载解决页面白屏问题

作用:路由懒加载也叫路由延时加载,就是将页面的组件进行划分当需要用到某个页面时再对其进行加载,这样按需加载路由对应的资源,可以有效的分担首页所承担的加载压力,减少首页所承担的加载压力,减少首页加载用时。背景:vue是单页面应用,运用webpack打包构建时会把所有的js打在一起,这样js包就会很大,造成进入首页时,需要加载的内容过多,出现长时间的白屏,这种是不利于用户体验的,所以就有了路由懒加载。首次进入js包太大了,需要加载的资源太多,导致了白屏问题,而路由懒加载就可以是一种优化方式。

2022-09-28 10:24:47 304

原创 CSS图片元素居中、隐藏元素、三栏布局

给 div 设置 float:left,left 的 div 添加属性 margin-right:left 和 center 的间隔 px,right 的。parent 的 div 设置 display:grid,设置 grid-template-columns 属性,固定第一列第二列宽。父级 div 设置 display:table,设置 border-spacing:10px//设置间距,取值随意,子级 div。法二:元素绝对定位,top:50%,margin-top:-(高度/2)

2022-09-14 15:59:26 80

原创 浏览器在生成页面的时候,会生成那两颗树?

当浏览器接收到服务器相应来的 HTML 文档后,会遍历文档节点,生成 DOM 树,CSSOM 规则树由浏览器解析 CSS 文件生成。构造两棵树,DOM 树和 CSSOM 规则树,

2022-09-14 15:05:36 272

原创 cookie 和 session 的区别,localstorage 和 sessionstorage 的区别

Cookie 和 session 都可用来存储用户信息,cookie 存放于客户端,session 存放于服务器端,从安全性来说,因为每次 http 请求都回携带 cookie 信息,这样子浪费了带宽,所以 cookie。用户设置的网站主题,敏感的信息用 session 存储,比如用户的登陆信息,session 可以。应该尽可能的少用,此外 cookie 还需要指定作用域,不可以跨域调用,限制很多,但是。存放于文件,数据库,内存中都可以,cookie 可以服务器端响应的时候设置,也可以客。

2022-09-14 14:56:07 226

原创 在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么?

Cache-Control 和 Expires 的区别。据,并将这个 http 请求封装在一个 tcp 包中,这个 tcp 包会依次经过传输层,网络层,器,得到服务器的 ip 地址后,浏览器根据这个 ip 以及相应的端口号,构造一个 http 请。在时差问题,一般采用 Cache-Control,在请求这些有设置了缓存的数据时,会先 查看。之后是渲染页面,因为 html 文件中会含有图片,视频,音频等资源,在解析 DOM 的过。求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带的数。

2022-09-14 14:51:13 65

原创 如何启动一个vue项目?

1.安装node2.查看node版本3.node-v4.npm-v5.安装vuenpmi@vue/cli。

2022-07-15 13:36:23 382

原创 element ui表单中v-if 和v-else的使用

1、v-else必须要和v-if匹配使用,v-else不能单独使用。2.在表格中自定义字段名结论:vue中的条件语句,v-else是v-if的条件为不成立时,就会对v-else内的内容进行展现,若成立则展现v-else之中的内容...

2022-07-12 17:03:47 2665

原创 一文搞定上传图片和上传内容

一文搞定上传

2022-07-12 16:45:48 53

原创 CSS中动态拼接url地址

1.图片地址从后端接口取2.定义一个变量redImg为null3.从接口取出地址并用模板字符串拼和接截取所需要的地址

2022-07-12 16:32:48 793

原创 vue中this.$emit()

一.主要用来父子间传值父组件为UserList.vue,子组件为UserModal.vue1.父组件代码<user-modal ref="modalForm" @ok="modalFormOk" @flagFn="flagFz" :flag="flag"></user-modal> import UserModal from './modules/UserModal'//父组件导入子组件 data() { return { flag

2022-04-19 11:01:06 1135

原创 Form表单密码校验

1.在Form表单新建一个密码框<a-form-item label="密码" v-model:value="value" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input-password placeholder="请输入用户密码" v-model="testModel" v-decorator="['password', validatorRules.password]"

2022-04-14 09:47:53 929

原创 页面自适应

1.自定义组件//根据分辨率缩放// bodyScale();function bodyScale() { console.log(window.screen.width) let devicewidth = document.documentElement.clientWidth; //获取当前分辨率下的可是区域宽度 let scale = devicewidth / 1920; //分母——设计稿的尺寸 document.body.style.zoom = scale; ..

2022-04-14 09:20:27 46

原创 表单的重置

1.新建一个表单 <a-modal v-model="addPersonModalVisible" title="增加个人" width="550px" @cancel="handleEditCancel" :footer="null"> <el-form :model="addPersonData" :rules="addPersonFromRules" ref="addPersonFromRules" label

2022-04-13 17:47:29 344

原创 树形控件右击菜单事件

1.将右键菜单绑到懒加载树形控件上 <div class="orgTree-cont"> <div class="drawer-bootom-button"> <a-dropdown :trigger="['contextmenu']">//右击触发事件 <a-menu slot="overlay"> <a-menu-item v-if="foolr.ifTeam === '

2022-04-13 17:42:43 306

原创 数组取参方式

changeAreaNo(e) { this.code = '' this.orgName = e[1]; //省本部 this.orgCode = e[0][e[0].length-1]//SBB },结论:当前字符数串的值:比数组的长度小于1即可

2022-04-13 17:10:03 33

原创 级联选择器三级联父子组件传值

1.父组件//form表单中的级联选择 <a-form-item label="数据范围" :labelCol="labelCol" :wrapperCol="wrapperCol"> <div> <a-input placeholder="" v-decorator="['levelName', validatorRules.levelName]" ..

2022-04-13 17:01:21 263

原创 【无标题】

项目场景问题:后端接口返回的字段需要前端进行截取二次传参给后端,以及多选时根据已选中的id拿到该表单的其他多选参数,进行传参

2022-04-13 11:30:41 136

空空如也

空空如也

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

TA关注的人

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