02 2024 档案
摘要：前端调试断点方面 目录前端调试断点方面前端报错出了问题debugger 前端报错出了问题 后端没问题但页面显示不是预想的样式，出现问题，F12 进入 Network 找哪一个请求出了问题，找到那一个请求： 然后去前端全局查找 ctrl + shift + R 找到 import 的就是引入使用此方法
阅读全文
摘要：mybatis—mapper.xml里的多种写法举例 目录mybatis—mapper.xml里的多种写法举例向一个表里插入另一个表的一些数据并进行取舍需要查询的 select 后的字段如果有不少语句都一致的话可以考虑单独提出来更新删除in 语句面对集合和字符串<trim> 标签<choose> 标
阅读全文
摘要：项目 mysql 转换为 kingbase 人大金仓数据库 目录项目 mysql 转换为 kingbase 人大金仓数据库官网已遇到的需要进行替换的部分UUID() 部分进行分组并加以排序选择mysqlkingbase —— row_number() 排序函数列为 null 时的排序规则不同用到 g
阅读全文
摘要：在 mapper.xml 中编写规则和常见函数写法 目录在 mapper.xml 中编写规则和常见函数写法service 传到 mapper.xml常见查询语句的写法group_concatcase when else endCOALESCEDUAL模糊查询写法关于 where 1 = 1xml 中
阅读全文
摘要：PowerDesigner 相关的问题与解决 目录PowerDesigner 相关的问题与解决安装后初次打开 pdm 文件报错：Cannot load the DBMS ORACLE Version 11g! Choose another one.运行 sql 文件编辑表时没有备注列编辑表的 Nam
阅读全文
摘要：正则表达式进行查找替换 在 idea 上 ctrl + F 查找时，可以用类似 label="(.*?)" 来匹配所有 label 和其等于的值： 注意得选中后面的 " .* " 这是一个正则表达式的匹配： (.*?) 用一对括号捕获组 —— 捕获组可以提取双引号中的实际值 . 匹配任何字符，* 出
阅读全文
摘要：查询条件存储：const queryData = ref({wellnames: [], sfsk: ''}); xxxApi.js 中请求方法 pageData(query, currentPage, pageSize, successCallBack, errorCallBack) { cons
阅读全文
摘要：画 echarts 图时，一些数据可以直接访问获取，如： 就是在浏览器网址处输入 https://echarts.apache.org/examples/data/asset/data/energy.json 即可访问获取数据
阅读全文
摘要：一开始尝试 clone —> Clone with HTTPS 但是报错，The authenticity of host 'gitlab.com (172.65.251.78)' can't be established. ED25519 key fingerprint 是在告诉你，你的系统无法验
阅读全文
摘要：最常见的样式： public String toString() { return "{" + "hsl=" + hsl + ", dailyOil=" + dailyOil + ", dailyWater=" + dailyWater + ", Np=" + Np + ", Lp=" + Lp +
阅读全文
摘要：组件页面内部自加树形导航栏 <template> <div> 左侧 </div> <!-- 中间根据点击的导航显示，一个个封装好的组件 --> <div> <jjcsj v-if="currentPage 'jjcsj'"></jjcsj> <jxsj v-else-if="currentPage
阅读全文
摘要：对于标签原本自带的 class 类 就如下图的 .el-dialog__body 就是自带的 原 dialog： 现在若要更改 padding 值 方式一（但是修改的是全局的了）： <style> .el-dialog__body { padding: 15px; } </style> 方式二（给
阅读全文
摘要：组件收缩实现 —— 显示与隐藏 需要操作的组件和点击按钮都在一个 vue 的话： <div ...... :style="{width: broadside?'200px':'0px'}"> const onCheckExpand = () => { console.log("onCheckExpa
阅读全文
摘要：el-table 表格展开（type="expand"）： type 除了展开 expand，还有序号 index、多选 selection <el-table :data="myTableData"> <el-table-column type="expand" width="30"> <temp
阅读全文
摘要：onMounted 是一个生命周期钩子，它在组件被挂载到 DOM 后被调用，这意味着，当组件被插入到页面中并且可以与 DOM 交互时，onMounted 函数就会被执行 在 vue3 中使用 onMounted 钩子才能获取页面 DOM 加载的元素信息，否则直接写在外面就会因为 vue 的异步特性导
阅读全文
摘要：day06 目录day06声明式导航 — 导航链接需求解决方案通过 router-link 自带的两个样式进行高亮声明式导航 — 两个类名router-link-activerouter-link-exact-active声明式导航 — 自定义类名（了解）问题解决方案代码演示声明式导航 — 查询参数
阅读全文
摘要：认识 Vue3 目录认识 Vue3Vue2 选项式 API vs Vue3 组合式 APIVue3 的优势使用 create-vue 搭建 Vue3 项目认识 create-vue使用 create-vue 创建项目熟悉项目和关键文件组合式 API — setup 选项setup 选项的写法和执行时
阅读全文
摘要：day04 目录day04scoped 解决样式冲突默认情况scoped 原理data 必须是一个函数组件通信通信解决方案父子通信流程props特点props 校验作用语法props 校验完整写法注意props & data、单向数据流共同点区别单向数据流：非父子通信 — event bus 事件总
阅读全文
摘要：day05 目录day05自定义指令指令介绍自定义指令自定义指令语法自定义指令 — 携指令的值需求语法自定义指令 — v-loading 指令的封装场景需求分析实现准备代码插槽 — 默认插槽作用需求问题插槽的基本语法代码示例插槽 — 后备内容（默认值）插槽的后备内容语法效果插槽 — 具名插槽需求具名
阅读全文
摘要：day03 目录day03Vue 生命周期Vue 生命周期钩子工程化开发和脚手架开发 Vue 的两种方式脚手架 Vue CLI基本介绍好处使用步骤项目目录介绍和运行流程项目目录介绍运行流程组件化开发根组件 App.vue组件是由三部分构成普通组件的注册使用 — 局部注册特点步骤使用方式注意语法普通组
阅读全文
摘要：day01 目录day01渐进式Vue 的两种开发方式：框架创建 Vue 实例插值表达式 {作用：利用表达式进行插值，渲染到页面中语法注意响应式特性访问和修改 data 中的数据Vue 中的常用指令内容渲染指令条件渲染指令事件绑定指令属性绑定指令列表渲染指令v-for 中的 key双向绑定指令关于
阅读全文
摘要：day02 目录day02指令修饰符 "."按键修饰符事件修饰符v-bind 对样式控制的增强 — :class普通语法对象语法数组语法tab 栏切换导航高亮v-bind 对有样式控制的增强 — :style语法编写进度条 css 显示进度v-model 在其他表单元素的使用computed 计算属
阅读全文
