![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 75
Gypsophyla
这个作者很懒,什么都没留下…
展开
-
vue element 表格使用fixed固定列后切换菜单时错位问题
开发时由于列表数据项过多需要固定操作列,于是在操作列上加了fixed=“right”。一开始没什么问题,但是在切换菜单时出现了错位现象后来找到问题,由于vue element-admin 默认是启用路由缓存的,但是element的固定列是动态计算高度的,当你第一次进入页面时并没有问题因为element已经计算好了高度,但是由于切换菜单后缓存的问题第二次进入是没有计算的,这就导致了错位现象。百度的话很多解决方式,大多都是让你获取数据时doLayout,但是我这个问题并没有获取数据。是由于keep-al原创 2022-03-03 10:14:48 · 1646 阅读 · 1 评论 -
时间段为查询条件时的日期边界查询不到问题
问题:在查询条件为日期时间段时,正常查询时由于前台的日期格式忽略了时分秒,所以结束日期为2022-01-19 00:00:00 为一天的零点。这时就带来了一个问题,数据库里的数据为2022-01-19 01:00:00时,明显是大于这个时间的,所以我想查询1-19号当天的就必须查询20号的日期才会查得到,这显然是不行的。解决:需要对数据库的日期字段进行格式化处理,处理为 'YYYY-MM-DD’的格式oracle 数据库用to_char(字段名,‘YYYY-MM-DD’)例如to_char(a.AP原创 2022-01-19 11:18:07 · 796 阅读 · 0 评论 -
数据可视化echarts学习笔记
文章目录echarts使用渐变色一些配置项动态排序echarts使用1.首先需要先引入echartshtml直接引入js文件<script src="../echarts.min.js"></script>vue项目中需要先安装npm install echarts --save然后在需要的地方引入import * as echarts from 'echarts'2.初始化dom节点首先得有一个dom节点容器<div id="main" styl原创 2021-08-23 14:37:00 · 1049 阅读 · 0 评论 -
CSS进阶
1.选择器1.1.组合选择符和属性选择器CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选择器(以空格 分隔)子元素选择器(以大于 > 号分隔)相邻兄弟选择器(以加号 + 分隔)普通兄弟选择器(以波浪号 ~ 分隔)属性选择器标签[attribute=value]选择属性为attribute值为value的标签试一试<!DOCTYPE html><html lang="en"><head>原创 2021-07-27 16:08:24 · 267 阅读 · 0 评论 -
flex弹性布局
文章目录1.弹性盒子2.flex-direction3.justify-content 属性4.align-items 属性5.flex-wrap 属性6.align-content 属性7.子元素属性常用属性1.弹性盒子弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配原创 2021-07-26 09:56:30 · 224 阅读 · 0 评论 -
Vue快速入门
文章目录1.概述2.快速入门2.1.安装vue2.1.1.下载安装2.1.2.使用CDN2.1.3.npm安装2.2.vue入门案例2.2.1.vue声明式渲染2.2.2.双向绑定2.2.3.事件处理2.3.生命周期钩子2.3.1生命周期2.3.2.钩子函数3.指令3.1.插值表达式3.1.1.花括号3.1.2.v-text和v-html3.2.v-model1.概述Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上原创 2020-10-02 11:07:21 · 636 阅读 · 0 评论 -
JavaScript快速上手入门
文章目录1.快速入门1.1引入JavaScript1.1.1内部引入1.1.2.外部引入1.2.基本语法入门1.2.1.变量和条件判断1.2.2.浏览器控制台打印变量1.2.3.浏览器Debug调试1.3.数据类型1.4 严格检查格模式strict2.数据类型详解2.1.字符串2.2.数组1.快速入门1.1引入JavaScript1.1.1内部引入<script>alert("hello,world");</script>1.1.2.外部引入zxf.jsalert("原创 2020-09-16 19:26:16 · 392 阅读 · 0 评论 -
响应式网页设计
文章目录1.什么是响应式网页设计?2.媒体查询3.em和rem单位4.vh和vw1.什么是响应式网页设计?页面的设计与开发应当根据用户行为以及设备环境进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式页面设计就是一个网站能够兼容多个终端,而不是为每个终端做一个特定版本。原创 2021-07-23 10:50:18 · 5242 阅读 · 0 评论