- 博客(24)
- 收藏
- 关注
原创 把oracle数据库里的函数都改成标准sql的,有没有好心人帮我看一下怎么改,我自己改了一部分左链接的,但是感觉还没改完,不太会改了。
需求:在oracle数据库上执行的不是oracle数据库语法,所以只能改成标准sql,mysql的很多语法在plsql上识别不了。
2022-10-25 17:13:01
290
原创 业务需求:应后台要求接收的数据是多个,在级联选择器中只能拿到指定的值,固解决如何拿到多个值传入后台。
【代码】业务需求:应后台要求接收的数据是多个,在级联选择器中只能拿到指定的值,固解决如何拿到多个值传入后台。
2022-09-29 17:29:13
219
原创 请求应该放在create还是mounted中?
回归问题:在实际开发中请求不论放在created还是mounted大多时候还是没有区别的,因为created和mounted都是同步的,而请求是异步的,不会堵塞页面渲染的主线程,我们也不能控制请求回来的时间。但是还没有挂载到页面上。但是如果是需要操作dom相关的请求,就要在mounted中执行,因为这时候也能才挂载完成,才可以进行dom操作。2、mounted:中文意思挂载完成,这时候初始化页面完成,此时页面已经渲染出来了,可以进行dom操作。
2022-09-28 17:11:52
1603
原创 vue使用el-upload实现文件上传功能
因为是vue+springboot前后分离,要跨域,就不能用默认的action写请求地址,我用axios时最困扰的就是怎么拿到那个真实的文件,然后给传给后台。写的时候,刚开始我是直接把el-upload里面的button中加了点击事件,但是每次文件还没选,就已经向后台发出请求了,当然传不过去,于是外面套了个form。其实可以通过自带的onchanne触发方法获得文件列表,文件信息中那个raw就是真实的文件。
2022-09-28 16:10:41
2114
原创 Vue Element Cascader 级联选择器
因为后台返回的最后一级虽然没内容,但是是个空数组,所以会显示空白,通过递归判断是否是空数组,然后设置为undefined即可。方法changeProblemType获取的数据是个数组,若是只想要选择的该级的数据id,通过遍历该数组获取最后一个数值。级联选择器默认只能选择最后一级的,想要选择任意一级,加上属性change-on-select。特性:1.后端返回的数据格式名称跟前端需要的名称不一致:使用:props动态改变。
2022-09-28 15:47:09
2798
原创 路由懒加载解决页面白屏问题
作用:路由懒加载也叫路由延时加载,就是将页面的组件进行划分当需要用到某个页面时再对其进行加载,这样按需加载路由对应的资源,可以有效的分担首页所承担的加载压力,减少首页所承担的加载压力,减少首页加载用时。背景:vue是单页面应用,运用webpack打包构建时会把所有的js打在一起,这样js包就会很大,造成进入首页时,需要加载的内容过多,出现长时间的白屏,这种是不利于用户体验的,所以就有了路由懒加载。首次进入js包太大了,需要加载的资源太多,导致了白屏问题,而路由懒加载就可以是一种优化方式。
2022-09-28 10:24:47
878
原创 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
255
原创 浏览器在生成页面的时候,会生成那两颗树?
当浏览器接收到服务器相应来的 HTML 文档后,会遍历文档节点,生成 DOM 树,CSSOM 规则树由浏览器解析 CSS 文件生成。构造两棵树,DOM 树和 CSSOM 规则树,
2022-09-14 15:05:36
412
原创 cookie 和 session 的区别,localstorage 和 sessionstorage 的区别
Cookie 和 session 都可用来存储用户信息,cookie 存放于客户端,session 存放于服务器端,从安全性来说,因为每次 http 请求都回携带 cookie 信息,这样子浪费了带宽,所以 cookie。用户设置的网站主题,敏感的信息用 session 存储,比如用户的登陆信息,session 可以。应该尽可能的少用,此外 cookie 还需要指定作用域,不可以跨域调用,限制很多,但是。存放于文件,数据库,内存中都可以,cookie 可以服务器端响应的时候设置,也可以客。
2022-09-14 14:56:07
386
原创 在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么?
Cache-Control 和 Expires 的区别。据,并将这个 http 请求封装在一个 tcp 包中,这个 tcp 包会依次经过传输层,网络层,器,得到服务器的 ip 地址后,浏览器根据这个 ip 以及相应的端口号,构造一个 http 请。在时差问题,一般采用 Cache-Control,在请求这些有设置了缓存的数据时,会先 查看。之后是渲染页面,因为 html 文件中会含有图片,视频,音频等资源,在解析 DOM 的过。求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带的数。
2022-09-14 14:51:13
230
原创 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
7703
原创 CSS中动态拼接url地址
1.图片地址从后端接口取2.定义一个变量redImg为null3.从接口取出地址并用模板字符串拼和接截取所需要的地址
2022-07-12 16:32:48
2179
原创 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
1409
原创 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
2130
原创 页面自适应
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
160
原创 表单的重置
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
512
原创 树形控件右击菜单事件
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
1178
原创 数组取参方式
changeAreaNo(e) { this.code = '' this.orgName = e[1]; //省本部 this.orgCode = e[0][e[0].length-1]//SBB },结论:当前字符数串的值:比数组的长度小于1即可
2022-04-13 17:10:03
84
原创 级联选择器三级联父子组件传值
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
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人