自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp H5项目 获取接口的二进制流转化成图片url(base64)

uniapp H5项目 获取接口的二进制流转化成图片url(base64)

2024-04-19 14:18:55 539

原创 uniapp路由传参存在数据类型失真的问题

目标模块接收到的参数都会变成字符串类型,并且null值会变成字符串的undefined;

2024-04-03 10:47:26 364

原创 vue动态表单及移动

实现一个动态表单,支持新增移动删除。

2024-03-29 17:02:26 260

原创 element el-table表格默认勾选toggleRowSelection失效问题

发现直接使用toggleRowSelection不生效,必须使用setTimeout延迟一会才能生效。

2024-03-28 17:33:16 539

原创 vue表单rules校验是动态的

本来是把rules写在data里的 发现校验并未生效 后来只能放在computed里。

2024-03-28 17:25:30 561

原创 element的表格组件 表格表头添加问号图标提示 且表格的内容可编辑

element的表格组件 表格表头添加问号图标提示 且表格的内容可编辑。

2024-03-07 17:55:48 232

原创 display: flex 和 display: inline-flex区别与使用

display: inline-flex;

2024-03-05 11:48:34 497

原创 一个对象数组按照另一个对象数组的某一项排序

一个对象数组按照另一个对象数组的某一项排序

2024-03-01 17:24:28 116

原创 element表单之动态数据循环的表单验证

【代码】element表单之动态数据循环的表单验证。

2024-03-01 11:51:35 101

原创 vue多层组件监听 v-bind=“$attrs“,v-on=“$listeners“

`v-bind="$attrs"`主要用于高层组件向低层组件隔代传值。`v-on="$listeners"`主要用于低层组件向高层组件隔代传值。

2024-01-22 16:32:00 561

原创 tinymce

由于我使用的是vue2 与最新的版本部分功能可能不兼容 所以我安装的版本是。由于这样安装会安装最新版本的tinymce ,封装tinymce组件。

2024-01-11 11:12:48 469

原创 vue模板判断-不要再傻傻写if()了

但是这样写可能不太美观 这时可以改为用计算属性加include或者some。在vue开发中,有时会遇到需要在模板里写。

2024-01-11 10:03:24 428

原创 vue3+ts笔记

vue3+ts

2024-01-10 17:04:48 1058

原创 在el-dialog中使用tinymce 点击工具栏下拉框被遮挡

在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。

2023-10-26 16:42:45 961

原创 使用js代码将一个值为“1=增量,2=全量“的字符串转化为一个数组,数据格式为[{value:““,label:“‘‘}]

使用js代码将一个值为"1=增量,2=全量"的字符串转化为一个数组,数据格式为[{value:"",label:"''}]

2023-10-09 15:01:30 119

原创 require.context 的使用

require.context 的使用

2023-09-22 18:48:09 132

原创 前端 nginx 部署项目

nginx部署前端项目

2023-09-21 11:20:50 295

原创 通过文件名 注册Vue指令,插件,过滤器,组件

看到这里你应该发现了,其实不止注册指令可以用这种方法,注册插件,过滤器,注册组件都可以使用这种方式。当我们需要注册多个指令时,可以把单个指令的实现写在各自的文件里,通过文件名注册指令。

2023-06-14 17:31:33 89

原创 开发神级插件 Bito

那么如何使用它来解析源码呢,首先找到需要解析的代码,选中你需要翻译的部分,鼠标右击选择Bito Ai ,选择第一个选项就是翻译源码了,它还可以帮助你生成注释,性能检测优化,稳定性和样式检测,生成单元测试等。如何安装:以VS code为例,如果你使用的编辑器是VS code,在插件商城搜索bito,找到一个名为bito或者ChatGPT GPT-4的插件,点击安装即可。它的功能类似于ChatGPT,可以回答你提问的技术问题(我称它为源码解析神器),或者帮你编写一些简单的任务(复杂的也可以试试)。

2023-06-12 18:34:08 124 1

原创 Element el-tree树组件 隐藏非子节点前的勾选框

使用el-tree树组件时,有时会需要展示勾选框,但是只允许勾选叶子节点,这时可以使用样式来控制让非叶子节点前的勾选框隐藏掉。

2023-06-12 18:09:26 846

原创 JS 数组去重

数组去重:利用reduce结合find。

2023-06-02 16:29:12 51

原创 requestAnimationFrame-优化页面大数据量渲染

定义:requestAnimationFrame是浏览器用于定时循环操作的一个接口,类似于setTimeout,主要用途是按帧对网页进行重绘。优点:节省系统资源,提高系统性能,改善视觉效果。

2023-05-30 10:35:43 434

原创 js中的bind call apply你了解多少

apply( ) 接收两个参数,第一个参数表示this要指向的对象,第二参数表示调用函数需要传入的参数所组成的数组,返回调用函数的返回结果;call( ) 接收一个及其以上的参数,第一个参数表示this要指向的对象,其余参数表示调用函数需要传入的参数,返回调用函数的返回结果;bind( ) 接收一个及其以上的参数,和call()一致,但是其返回是一个函数,而不是调用函数的返回结果;call,apply,bind的作用:改变函数执行时的上下文,即改变函数内部的this指向。

2023-05-05 16:22:56 33

原创 overflow-y: auto;解决页面出现滚动条导致背景色未铺满的情况

前端页面会遇到页面要设置全局背景色,但是一旦内容过多,页面出现滚动条,就会发现,怎么滚动到下面,背景色不是全部铺满的,超出一屏的内容是没有背景色的。这时候就可以给页面最外层标签加上。就会发现背景色被完全铺满了。

2023-04-20 17:46:27 1890

原创 【前端】封装组件的步骤(函数思想)

准备好组件的数据输入。即根据组件逻辑,定好 props 里面的数据及类型。(在子组件内部,使用props选项声明获取的数据,即接收来自父组件中的数据)准备好组件的数据输出。即根据组件逻辑,做好要暴露出来的方法。建立组件的模板,先搭架子,写样式,考虑好组件的基本逻辑。封装完毕,直接调用即可。

2023-04-07 15:02:11 860

原创 ()=>({})等同于()=>{return {}}

()=>({})等同于()=>{return {}}

2023-04-03 14:28:32 200

原创 ES6笔记

ES6标准入门

2023-03-15 16:31:51 653

原创 vue父子组件传参

vue父子组件传参

2023-03-13 15:16:57 226

原创 js之深拷贝和浅拷贝

JS之浅拷贝和深拷贝

2023-03-13 14:59:42 50

原创 JS 之call()、apply()、bind()

call()、apply()、bind()都是用于改变this指向的方法,不同点是传参方式不同以及返回结果不同。

2023-03-13 14:50:29 64

原创 git提交代码-commit备注规范

git commit提交备注类型:

2023-03-13 14:43:38 768

原创 vue中v-model:语法糖

v-model等价给input框提供了一个:value属性以及 @input事件;v-model本质上是 value属性和input事件的一层包装;任何一方修改都会触发:value变更和@input执行。

2023-03-13 09:32:25 122

原创 css局域样式使用scoped,防止样式污染

使用scoped可以使当前页面定义的样式局域化,不会污染其他页面的样式,

2023-03-09 17:01:16 163

原创 vue-计算属性computed如何传参

vue-计算属性computed如何传参

2023-03-09 16:55:42 3613

原创 js修改组件原生样式—深度选择器::v-deep

::v-deep{},它可以深入修改组件的原生样式

2023-03-09 16:38:07 421

原创 JS数组求和

js数组求和

2023-02-13 18:23:36 50

原创 记录:wx.navigateTo的events与wx.redirectTo

wx.navigateTo与wx.redirectTo

2022-09-28 17:56:41 231

原创 wx.uploadFile手机打开调试模式可上传图片,不打开调试模式上传失败

微信小程序使用wx.uploadFile上传图片时,发现手机打开调试模式可上传图片,不打开调试模式会上传失败;如果代码确定没问题,可能是因为我们没有设置uploadFile合法域名:只需要登录微信公众平台;找到开发-----开发管理-----开发设置添加uploadFile合法域名:然后手机端将小程序下拉删除,再重新打开小程序就会发现可以上传图片了;...

2022-06-09 10:02:39 2002 2

原创 微信小程序富文本编辑器editor placeholder斜体

当你使用微信小程序的富文本编辑器editor组件时。会发现提示文本 placeholder字体是斜体的,如何修改这个字体呢?只需下载官方提供的组件css文件,会发现官方组件里把placeholder字体设置成了斜体;将font-style值改为normal即可;...

2022-06-09 09:55:08 1088 2

原创 解决微信小程序弹窗穿透问题之page-meta

page-meta在开发小程序的时候,我们经常会涉及到弹出框,尤其是弹窗里的内容还是可滚动的,这时候你就会发现弹窗底部的页面内容也会跟着滚动了,怎么解决呢?这时候突然发现原来微信小程序有一个页面属性配置节点page-meta;功能描述页面属性配置节点,用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。通过这个节点可以获得类似于调用 wx.setBackgroundTextStyle wx.setBackgroundColor 等接口调用的效果。什么意思呢,就是小程序页面最外层节点可

2022-05-20 11:33:56 4232

空空如也

空空如也

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

TA关注的人

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