自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css看见彩虹,吃定彩虹

【代码】【无标题】

2024-07-10 11:39:20 322

原创 css滚动条样式

【代码】css滚动条样式。

2024-07-10 11:09:57 423

原创 vue3自定义全局指令和局部指令

之前的值,一般用于beforeUpate和updated钩子函数中,例如:beforeUpdate(el, {oldValue: ‘’}):指令绑定到的DOM元素,可以用于直接操作当前元素,默认传入钩子的就是el参数,例如我们开始实现的focus指令,就是直接操作的元素DOM。传递给reserve指令的值就是hello,我们可以拿到值并做相关处理。:在元素上使用指令时,传递给指令的值。:传递给指令的参数,非必需,例如。,那么传递给指令的参数就是foo。:一个由修饰符构成的对象,例如。

2024-07-05 12:28:10 368

原创 html的页面通过a链接下载文件

【代码】html的页面通过a链接下载文件。

2024-04-24 15:15:38 417

原创 Vue 图片加载失败显示默认图片

【代码】Vue 图片加载失败显示默认图片。

2024-04-15 14:56:17 594

原创 js递归函数将多维数组降维

【代码】js递归函数将多维数组降维。

2024-03-20 17:47:39 99

原创 关于javascript数字精度丢失的解决办法

例如下面的例子:我们在计算 0.1 + 0.1 的到的结果是 0.2,但是计算 0.1 + 0.2 的结果并不是0.3,而是0.30000000000000004我们在计算 1.2 - 1 的结果并不是0.2,而是0.19999999999999996不过这并不是JavaScript独有的,其他编程语言也会存在同样的问题。

2024-03-20 17:43:03 448 1

原创 关于element图片上传

el-uploadaction=""data() {return {//上传图片imgList: [], //对应的每张图片fileList: [], //上传图片回显数组//实现图片上传功能this.$http// 设置请求头为 multipart/form-dataheaders: {},// 上传进度//调用onProgress方法来显示进度条,需要传递个对象 percent为进度值})imgId})

2024-03-20 17:34:47 184

原创 原生微信小程序利用页面跳转方式传值

在页面中有这样一个遍历渲染的结构。

2024-03-20 17:21:51 209

原创 uniapp微信小程序授权登录

【代码】uniapp微信小程序授权登录。

2024-03-20 17:11:17 242

原创 uniapp微信小程序扫码功能

给元素增加一个点击事件。

2024-03-20 16:49:31 426

原创 在微信小程序中使用微信支付功能

【代码】在微信小程序中使用微信支付功能。

2024-03-20 16:42:39 535

原创 数组的方法forEach与map的区别

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。3)使用forEach复制数组的方法 (全部复制,不跳过空元素,)注意: forEach() 对于空数组是不会执行回调函数的。map() 方法按照原始数组元素顺序依次处理元素。注意: map() 不会对空数组进行检测。当前元素所属的数组对象。注意: map() 不会改变原始数组。当前元素所属的数组对象。2)使用forEach可以跳过空元素。

2024-03-20 09:31:24 598

原创 数组的方法some和every的区别

说明:当数组值全部满足函数item>3才能成立 所以返回false,第二个小例子全部满足item>=1.所以返回true。说明:当数组值任何一个满足函数item>3就成立 所以返回true。自己感觉类似于 ‘&&’ 符 和 ‘||’ 符的区别。

2024-03-19 17:43:17 472

原创 数组的方法find和filter的区别

语法:示例:

2024-03-19 17:24:48 275

原创 级联下拉多选,只展示路径名称,数据处理

【代码】级联下拉多选,只展示路径名称,数据处理。

2024-03-19 15:14:08 181

原创 自适应布局之淘宝无限适配+rem

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。rem是css中的单位,而且是相对单位,rem单位是基于html中根元素的字体大小。2.vscode中打开文件 ==>首选项 ==>设置。1.下载插件cssrem。

2024-03-12 11:59:09 556

原创 vue3对element的table封装带分页

【代码】vue3对element的table封装带分页。

2024-03-05 15:23:48 253

原创 vue3封装search筛选项

000。

2024-03-01 10:56:41 361

原创 vue3封装日期时间组件,默认数据当天

使用dayjs,不懂的可以看一下。

2024-03-01 10:35:40 548

原创 vue3使用dayjs以及dayjs日期工具类

Vue3使用dayjs全局使用以及将dayjs封装为自己需要的日期工具类。

2024-03-01 10:20:21 1226

原创 vue3封装多个标题的table,案例是2个

创建一个父组件,引入上面的table.vue组件。创建一个table. vue组件。

2024-03-01 10:07:53 230

原创 uniapp小程序金额输入框限制(2)

【代码】uniapp小程序金额输入框限制(2)

2024-03-01 09:50:16 230

原创 uniapp小程序金额输入框限制

【代码】uniapp小程序金额输入框限制。

2024-02-28 09:02:29 341

原创 Vue3+Element-Plus中的Tree组件,多选时的赋值与取值

【代码】Vue3+Element-Plus中的Tree组件,多选时的赋值与取值。

2024-02-19 13:51:20 725

原创 element-ui 级联选择器 el-cascader,后端返回最后一级的数据回写

由于后端返回来的只有最后一级的key,所以我们需要写一个递归来拿到最后一级key和它父级key的数组。

2024-02-06 11:30:12 559

原创 前端配置样式的好用网站

Keyframes是一个在线动画生成器,可以帮助用户快速创建各种类型的CSS3动画、阴影和使用颜色效果,并且提供多种自定义选项和实时预览功能。Glass Morphism是一个有趣的在线CSS玻璃风格工具,可以帮助开发者们在UI设计中快速应用Glass Morphism风格,并且提供了多种自定义选项和实时预览功能。box-shadow阴影网站,在这个网站中会按照人们对各种阴影效果的喜爱程度进行排名,相信大多数人喜欢的阴影效果,如果用在你的网站上也一定会非常的好看的。支持实时预览效果,调整后立刻看到变化;

2024-02-01 15:54:17 536

原创 原生微信小程序

navigationBarTextStyle”: “white” 导航栏文字颜色:white|black。“backgroundTextStyle”: “light”, 背景文字:light|dark。“navigationBarBackgroundColor”: “#000”, 导航栏背景颜色。“navigationBarTitleText”: “BLACK”, 导航栏标题。“backgroundTextStyle”: “dark” 背景文字颜色。“usingComponents”: {} 使用组件。

2024-01-31 15:55:04 630

原创 elementUI动态嵌套el-form表单校验

【代码】elementUI动态嵌套el-form表单校验。

2024-01-31 15:34:50 267

原创 js四种去重方法

Set 是 ES6 中引入的一种数据结构,它只允许存储唯一的值,可以利用这一特性来实现数组去重。利用 filter 方法和 indexOf 或 includes 方法来创建新数组。使用 reduce 方法遍历数组,将不重复的元素添加到累积的结果中。遍历原数组,将不重复的元素添加到新数组中。

2024-01-31 11:17:13 270

原创 Jenkins发布项目

接下来,成功会变成这样,如果失败了,会在具体的哪一步报错,根据错误信息去修改,有时候网速慢,会在下载依赖的时候就会报错。在harbor网站里创建一个项目对应harbor_project 与脚本相互对应,在下面这个网站里创建一个k8s_namespace 与上面的脚本相互对应,然后还要在dockerConf文件夹下创建一个default.conf文件。创建一个Jenkinsfile文件配置脚本。如果不创建,发布到k8s会报错。然后进行下一步,放一个项目。如果不创建,镜像创建不成功。各种配置完之后,运行一下。

2024-01-30 16:54:49 325

原创 对象数组某个属性值相同的数据合并

方法一 将相同name字段属性的对象放入children的数组中,生成一个新的对象数组。

2024-01-30 16:37:19 367

原创 数组对象去重的四种方式

has方法可以判断Map对象中是否存在指定元素,有则返回true,否则返回false。两两比较,如果后一个对象的id值和前一个对象的id值相等,就把后面的对象删除。set方法可以向Map对象添加新元素 map.set(key, value)定义一个数组存储id的值,然后逐个比较,把id值重复的对象删除即可。values方法可以返回Map对象值的遍历器对象。采用对象访问属性的方法,判断属性值是否存在。方法二:indexOf()方法三:对象访问属性的方法。方法二:indexOf()数组对象去重的四种方式。

2024-01-30 16:28:09 267

原创 纯前端table导出Excel合并行和合并列

table导出当页数据

2024-01-29 15:34:35 936

原创 推荐前端开发16大接单平台

推荐前端开发16大接单

2024-01-29 14:47:11 1095

原创 vue使用tinymce步骤如下

之后将下载好的语言包,放置在vue的public/static文件夹中,然后在代码中引入进来,我下载的语言包名字是zh-CN的,和其他人的可能不太一样,但最终效果都是一样的,根据文件名称直接引入即可。2.当下载好插件后,需要到node_modules中找到tinymce文件夹,将里面的skins文件夹复制出来放到vue项目的public/static文件夹中。cnpm install @tinymce/tinymce-vue --save 版本:2.0.0。tinymce自定义按钮。

2023-11-14 11:23:26 118

原创 【无标题】

正确:http://127.0.0.1/错误: http://127.0.0.1。补全: / 漏写,导致拼接路径不完整。查看请求地址是否写错或者漏写。

2023-11-08 11:52:13 31

原创 小程序知识点总结

小程序目录结构

2023-02-02 16:34:34 115

原创 前端开发方法

前端开发方法

2022-12-27 14:00:56 185

原创 前端得学习历程

第一步:先了解前端是什么,用来干什么得,做他带来了什么?第二步:首先先从最简单得html+css学起,能够独立写静态页面,推荐学习目录地址:https://blog.csdn.net/cherish_hyl/article/details/109139822 可以简单得看一下html+css都有哪些知识点第三步:可以独立开发静态页面了,在着手学习JavaScript,简称js,要理解它的编程思想可以看一下《JavaScript权威指南》书如其名,的确是权威。当然,这书很厚,而且也不是所有地方都讲得好的

2021-10-21 11:22:00 115

空空如也

空空如也

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

TA关注的人

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