- 博客(39)
- 收藏
- 关注
RSS订阅
原创 el-table动态表头 浏览器大小改变产生表格错位问题
使用element-ui的table组件时,表头由前端发送请求后动态更新,左侧编号列设定为fixed:left左侧固定定位;在改变屏幕大小(主副屏互转)时出现表格错位问题.doLayout:对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法.element-ui的官方文档对该情况提供了一个doLayout方法来解决该问题;在mounted生命周期内添加浏览器的监听事件。在beforeDestory中移除浏览器的监听事件。
2024-06-19 14:25:27
259
原创 element-ui中Notification 通知自定义样式、按钮及点击事件
element-ui官方文档中说明Notification 通知组件的message属性支持传入 HTML 片段，但是示例只展示了简单的html片段，通常不能满足开发中的更深入需要，比如我需要把通知弹框添加自定义样式、按钮、复选框，尤其是按钮还会绑定点击事件，这时就不能用示例的html片段；
2023-08-01 17:42:31
6098
原创 使用element-ui的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法
可以通过以下方式来调用。已经渲染完成之后再调用。这样，滚动条就会根据内容的变化进行更新，并正确显示出来。组件时，滚动条没有显示出来但页面可以滚动，可以尝试调用其。在适当的时机（例如在数据加载完成后或组件更新后），调用。钩子函数中还是在其他方法或事件回调中调用。在数据加载完成后或其他合适的时机，调用。如果使用 Element UI 的。已经渲染完成之后再调用。
2023-07-13 17:51:34
3771
原创 使用echarts实现动态的正负轴堆叠柱状图
ECharts是一个基于JavaScript的开源可视化库，它可以帮助用户创建各种类型的图表，例如线图、饼图、散点图和柱状图等等。ECharts提供了非常方便的API，可以帮助你轻松自定义你的图表，并且可以使用JSON格式的数据进行配置。
2023-06-16 16:45:48
1420
原创 vue中使用高德地图，只加载出地图logo，地图没有加载出来
在使用vue开发的过程中，需要使用到高德地图，但按照高德地图的官方文档配置后，只显示高德地图的logo，但是始终加载不到地图。
2023-06-05 11:31:11
1328
9
原创 layui实现请求前添加一个加载 loading 的效果，并在请求成功后关闭
使用 layui 的 layer 组件来实现请求前添加一个加载 loading 的效果，并在请求成功后关闭。
2023-04-10 16:51:02
5077
1
原创 vue实现菜单的权限设置
在Vue应用程序中，可以使用路由守卫（route guard）来控制用户的访问权限，从而实现菜单权限设置。以下是一个简单的实现方法：
2023-04-07 17:15:55
2600
2
原创 jQuery基础知识点（一）
一、什么是jQueryjquery是javascript的类库，具有轻量级，完善的文档，丰富的插件支持，完善的Ajax功能，强大的选择器功能，出色的DOM操作封装，出色的浏览器兼容性，可靠的事件处理机制，隐式迭代和链式编程操作，免费开源的库。二、jQuery入口函数为了防止文档在完全加载之前，运行jQuery代码，将jQuery放在入口函数中，即在DOM加载完成之后，才可以对DOM进行操作。$(document).ready(function(){ // 执行代码});..
2022-05-16 20:08:00
190
原创 JavaScript----DOM对象
一、DOM是什么 - DOM：Document Object Model - 文档对象模型，通过DOM可以来任意来修改网页中各个内容二、DOM组成文档 文档指的是网页，一个网页就是一个文档对象 对象指将网页中的每一个节点都转换为对象 转换完对象以后，就可以以一种纯面向对象的形式来操作网页了模型 模型用来表示节点和节点之间的关系，方便操作页面节点（Node） 节点是构成网页的最基本的单元...
2022-04-24 21:32:23
1133
原创 JavaScript--数组的冒泡排序
一、冒泡排序的原理冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。思想：依次比较相邻的两个数，将小数放在前面，大数放在后面。即首先比较第1个和第2个数，将小数放前，大数放后。然后比较第2个数和第3个数，将小数放前，大数放后，如此继续，直至比较最后两个数，将小数放前，大数放后。重复以上过程，仍从第一对数开始比较（因为可能由于第2个数和第3个数的交换，使得第1个数不再大于第2个数），将小数放前，大数放后，一直比较到最小数前的一对相邻数，将小数放前，大数放...
2022-04-14 15:37:15
3226
2
原创 JavaScript---分支与循环
一、JavaScript流程结构1、顺序结构没有任何结构就是顺序，所有语句从上到下，逐条执行顺序结构主要包括注释语句、赋值语句、输入输出等语句2、分支结构(1).单分支:要么做，要么不做；如果if(条件)条件为true，那么执行if(){}所有语句，否则直接跳过if结构 预备知识:{}叫做语句体，如果多条语句放到{}中就变成了一个整体（一组），要么都执行，要么都不执行。否则结构只能控制它下方的一条语句； 语法: if(条件){ 语句 .......; }(2).双分支或多分支.
2022-03-30 22:21:54
961
原创 JavaScript新手入门
一、JavaScript是什么JavaScript是一种轻量级的脚本语言。JavaScript是世界上最流行的脚本语言javaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。二、JavaScript引入方式JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中。JavaScript有以下三种引入方式...
2022-03-28 19:56:33
1252
原创 Flex弹性盒子的项目属性
1、align-self 项目对齐方式（1）align-self属性表示当前项目可以和其他项目拥有不一样的对齐方式。（2）取值auto（默认值）：和父元素align-self的值一致，具有继承性 flex-start：该项目顶端对齐 flex-end：该项目底部对齐 center：竖直方向上居中对齐 baseline：item第一行文字的底部对齐 stretch：当item未设置高度时，item将和容器等高对齐（3）上机实例 .box{
2022-03-24 20:00:00
1184
3
原创 弹性盒子布局Flex
一、弹性盒子模型是什么Flex:弹性布局盒模型Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性是2009年w3c提出的一种可以简洁，快速弹性的布局属性。W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。它已经得到了几乎所有浏览器最新版本的支持，但是考虑历史版本，在部分浏览器上兼容性不太好，需要在代码中添加浏览器支持。主要思想：给予容器控制内部元素高度和宽度的...
2022-03-23 22:39:23
1337
原创 3.21知识点总结
一、css--分栏 columns1.属性值column-width 栏宽 列宽 column-count 栏数 列数 columns:栏宽 栏数 column-gap 列间距 栏间距 column-rule 宽度、样式、颜色2.上机实例 p{ column-width: 200px; column-count: 4; columns: 200px 4; column-gap: 20p
2022-03-21 20:53:57
482
原创 CSS3知识点总结
一、变换transform1.移动 translate在水平和垂直方向上的移动， translateX(数值+单位) 水平移动 translateY(数值+单位) 垂直移动 translate(X, Y) 斜着移动
2022-03-17 21:53:04
850
原创 css3知识点总结
一、阴影1.文本阴影:text-shadow属性为文本添加阴影，在文本中添加一个或多个阴影。 text-shadow: -2px 5px 3px skyblue, 0px 30px 92px rgba(228, 49, 49, 1),0px 46px 134.83px rgba(214, 144, 144, 1); /* text-shadow:; */ /* 值分别为水平...
2022-03-16 19:02:30
411
1
原创 css3知识点总结
1.兄弟选择器（1）相邻兄弟选择器E + F { } 紧挨选择器E后的那个兄弟选择器F/* 相邻兄弟选择器 */ p+span{ color: #f00; }（2）通用选择器通用兄弟选择器E ~ F{ }选择器E后的所有的兄弟选择器F /* 通用兄弟选择器 选择p元素后的所有span兄弟选择器 可以选到多个元素 */ p~span{ ...
2022-03-15 21:40:59
257
1
原创 html5知识点
一、html5是什么HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。 HTML5 拥有新的语义、图形以及多媒体元素。 HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。二、新增语义化标签html5中新增的语义化标签可以分为两大类：块元素标签和内联元素标签。1.块元素标签（1）<header>
2022-03-14 20:33:36
1050
原创 css知识点总结
一、浮动1.属性值：float：left 左浮动 float：right 右浮动 float：none 默认值 不浮动2.二、定位三、清除浮动
2022-03-12 11:30:56
799
1
原创 css知识点---背景
一、背景颜色background-color 背景颜色tips：推荐使用十六进制表示法或rgb表示法，尽量避免使用表示颜色的单词，以免造成浏览器不识别的问题。h1 { background-color: green;}div { background-color: lightblue;}p { background-color: yellow;}二、背景图像background-image 背景图片值: url("图片路径")body { ba.
2022-03-07 21:48:40
418
6
原创 CSS知识点总结（2）
一、选择器1.通配符选择器（1）通配符选择器：选择所有的元素（标签），通常用来做 格式化元素（标签）（2）基本格式 *{ 样式属性名 : 属性值 ; ... }（3）实例/* 通配符选择器 */*{ border: 1px solid #00000F; margin: 0px; font-size: 20px;}2.分组选择器（1） 分组选择器：分组选择器不是一种选择器类型，而是一种选择器使用方法。当多个对象定义 了相同的...
2022-03-03 20:24:04
789
6
原创 CSS知识点总结 ＜1＞
一、css1.css是什么？CSS(Cascading Style Sheets)，层叠样式表。2.css的优点（1）使html专注于网页的内容，css专注于网页的表现 （2）提供了丰富的格式化功能 （3）可以针对各种可视化浏览器（主要有显示器、打印机、pda等）来设置不同的样式二、css的引入方式1.行内样式<div style="color:red;">内容</div>2.内嵌式 <style type="...
2022-03-02 18:07:12
414
2
原创 HTML知识点总结（完）
一、表单1.input基本属性（1）基本格式<input type="" name="" value="" placeholder="">（2）属性 ①type 类型type="text" 文本框 type="password" 密码框 type="radio" 单选框 name值必须保持一致 type="checkbox" 复选框 type="submit" 提交按钮 type="reset" 重置按钮 type="...
2022-02-28 22:03:21
364
1
原创 HTML知识点总结（2.25）
一、表格（续）1.合并单元格（1）colspan：水平合并单元格 colspan的值就是在水平方向所占单元格的数量<td colspan="">单元格</td>（2）rowspan：垂直合并单元格 colspan的值就是在垂直方向上所占单元格的数量<td rowspan="">单元格</td>二、表单1.表单是什么 表单是用来采集用户的输入数据，然后将数据提交给服务器2.表单的基...
2022-02-25 19:22:21
321
1
原创 HTML知识点总结（2.24）
一、超链接1.超链接是什么通过使用超链接，各个不同的网页就可以相互的导航和跳转插入超链接的标签。2.超链接的基本结构：<a></a><a href=""></a>通过使用属性href（hypertext reference）来指定要链接的url，标签的内容可以为文本也可为图片等其他标签（1）链接到网址：<a href="网址">跳转网页</a><a href="http://www.baidu.co
2022-02-24 19:32:03
554
原创 HTML知识点总结（2.23）
一、图片标签属性：src ：用来引入图片路径 alt ：当图片加载失败时的提醒文本（在网络较慢的环境中，如果没有出现图片，那么将以图 片替代文本显示） width ：图片的宽度 默认单位：像素px height ： 图片的高度 默认单位：像素px title ： 鼠标放到该标签上的提醒文本（注：多数标签都有此属性，但浏览器的支持不全面） <img src="1.jpg" alt="稍等一下，正在加载哦~~~" width="100px" heig...
2022-02-23 19:33:26
504
4
原创 HTML笔记----标签分类
一、关于HTML HTML（HyperText Markup Language）即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。二、知识点总结1.五大常见浏览器:Internet Explorer、FireFox、Safari、Chrome、Opera。2.段落标签 <p>内容</p><p>这是内容</p>3.HTML:超文本标记语言4.网页状态下，按F12打...
2022-02-22 19:03:46
392
3
vue2实现可拖拽甘特图（结合element-ui的gantt图）
2023-11-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人