- 博客(24)
- 收藏
- 关注
RSS订阅
1原创 把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关注的人