自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 js判断数组存在且数组长度大于0

一个页面很多的数组判断,可以直接封装一个函数,通用所有的数组判断。遇到数组名称较长的会出现这样的判断。

2024-04-07 10:45:05 136

原创 vue2组件通信

vue2组件通信方法

2024-03-23 11:05:33 402

原创 echarts遇到数据更新,视图未更新两种解决方法

方法二: setOption有3个属性,setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并数据,设置成true之后就不合并数据,从而实现刷新页面的效果。方法一:添加 trendcharts.clear() 是清空当前实例,会移除实例中所有的组件和图表。

2024-03-01 16:46:04 677

原创 js合并对象

通过自定义函数,可以将多个源对象的属性复制到目标对象中。此方法适用于深拷贝和浅拷贝。});// 当合并两个源对象时,如果存在相同属性名,则合并后的属性值将来自后面的源对象。如果需要保留两个源对象中相同属性名的属性值,则需要在自定义函数中处理。== '') {});// 输出: {a: 1, b: 2, c: 33, d: 4, e: null}, '----', {c: 33, d: 4, e: null, a: 1, b: 2}

2024-01-31 15:14:30 406

原创 使用JavaScript的sort方法以及 localeCompare 方法来进行字符串的排序

【代码】使用JavaScript的sort方法以及 localeCompare 方法来进行字符串的排序。

2023-11-30 10:03:29 86

原创 vue将树形结构的数组对象扁平化,把所有数组的对象单独取出来组成新数组对象

vue将树形结构的数组对象扁平化,把所有数组的对象单独取出来组成新数组对象

2023-11-17 17:20:04 304

原创 使用elementui中el-collapse折叠面板 实现下拉菜单

需要根据type分组 改为。

2023-10-27 14:20:13 1022

原创 vue2+element-ui可进行输入或者点击随机密码生成,密码格式:字母+数字+特殊符号,限制6位以上。

【代码】vue2+element-ui可进行输入或者点击随机密码生成,密码格式:字母+数字+特殊符号,限制6位以上。

2023-10-14 10:02:29 402

原创 vue2+swiper基本使用

vue2+swiper基本使用

2023-09-27 11:46:12 495 1

原创 Cannot read properties of undefined (reading ‘removeEventListener‘)解决方法

解决报错Cannot read properties of undefined (reading 'removeEventListener')

2023-09-27 10:03:40 845 1

原创 vue 数据大屏顶部动态天气和动态时间

前端 数据大屏动态时间-动态天气

2023-08-03 15:35:53 519

原创 el-date-picker 时间选择器、el-input里面添加单位、el-table 列添加单位

el-date-picker 时间选择器、el-input里面添加单位、el-table 列添加单位

2023-06-26 11:08:11 602 1

原创 element-ui中DatePicker 日期选择器选择今天之前或之后日期

element-ui中DatePicker 日期选择器选择今天之前或之后日期

2023-06-08 09:52:58 2398 2

原创 使用elementui中el-collapse折叠面板 实现选项卡功能

点击左侧菜单--点谁谁变色,展示对应右侧的内容块。

2023-06-07 15:58:25 1296

原创 解决element-ui中 el-cascader 级联选择器 最后一级数据为空显示暂无数据问题

el-cascader 最后一级暂无数据是因为后端返回子级children为空,官网的children并不为空。

2023-06-07 15:09:07 1598

原创 vue2+element-ui新增编辑表格+批量删除行

【代码】vue2+element-ui新增编辑表格+批量删除行。

2023-06-06 10:44:24 832 1

原创 Vue实现省市区/县三级联动(json数据格式)

【代码】Vue实现省市区/县三级联动(json数据格式)

2023-06-06 10:18:26 1045 1

原创 JS数组方法总结

js数组方法

2022-12-16 17:27:53 130

原创 遇到value.indexOf is not a function问题的原因以及解决方法

前端遇到的问题解决

2022-12-13 14:49:12 5666

原创 vue 天气插件的使用

天气插件

2022-12-05 15:44:13 922

原创 ECharts开源可视化图标库

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>面.

2022-08-01 17:53:45 365

原创 Swiper轮播嵌套

最近在写项目遇到的一个问题:垂直轮播嵌套水平轮播。关于如何使用swiper插件,可以参考我之前写过的文章:关于Swiper插件的使用_KMINLIKE的博客-CSDN博客方法如下:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="vie

2021-10-24 00:17:56 614

原创 ES6之let与cont、解构赋值、Symbol

一.let与cont在ES6中新增了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。1.1let//声明变量 let a; let b, c, d; let e = 100; let f = 521, g = 'iloveyou', h = [];//1.变量不能重复声...

2021-10-16 23:37:44 334

原创 前端面试题

1.清除浮动的5种方式1.伪对象法.clearfloat::after{ content:""; display:block; clear:both; height:0; overflow:hidden;}.clearfloat{ zoom:1;}2.父元素加clear:both;3.父元素加overflow:hidden;4.空div法 浮动元素的后面,加一个 <div class="clear"></div>...

2021-10-05 11:35:50 126

原创 JS倒计时

1.倒计时<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=e...

2021-09-28 19:01:59 76

原创 关于Swiper插件的使用

一.官网地址:https://swiper.com.cn二.使用方法:使用步骤:1.引入插件2.创建HTML结构内容3.初始化swiper详细方法:1.下载swiper的swiper库文件,下载后把css和js文件拷贝到项目中下载swiper3下载swiper3.4.2完整压缩包把相关css和js文件放在到项目文件中在dist文件中找到相关的css和js注意:c...

2021-09-25 09:57:09 1427

原创 续 模块一 移动端

7.移动Web开发flex布局flex布弹性布局 操作方便,布局极为简单,移动端应用很广泛 PC端浏览器支持情况较差心 IE11或更低版本,不支持或仅部分支持 传统布局 兼容性好 布局繁琐 局限性,不能再移动端很好的布局 建议︰ 1.如果是PC端页面布局,我们还是传统布局。 2.如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局。7.1flex布局体验代码块:<!DOCTYPE html&gt

2021-09-22 19:59:09 67

原创 模块一 移动端

移动端1.移动端基础1.1浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端浏览器UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器、搜狗手机浏览器、猎豹浏览器、以及其他的杂牌浏览器。1.2手机屏幕现状 移动端设备屏幕尺寸非常多,碎片化严重。 Android设备有多种分辨率:480×800、480×854、540×960、720×1280、1080×1920等

2021-09-16 00:14:04 140

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除