自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 本地存储历史搜索逻辑参考

【代码】本地存储历史搜索逻辑参考。

2024-03-08 15:42:01 395 2

原创 uni-app适配布局参考

1.微信小程序+使用原生导航栏。2.微信小程序+不使用导航栏。3.微信小程序+自定义导航栏。

2024-03-07 17:56:03 1225 1

原创 uni-app内置组件camera在微信小程序中的扫码使用

【代码】uni-app内置组件camera在微信小程序中的扫码使用。

2024-03-07 14:55:08 663

原创 element ui表单验证设置仅必填符号

【代码】element ui表单验证设置仅必填符号。

2023-09-14 10:02:51 405 1

原创 css实现图片+文本省略

【代码】css实现图片+文本省略。

2023-09-12 10:56:31 119

原创 css中&的意义

不明白两种选择器不同点的可以运行到浏览器试试。将这段代码翻译成css。

2023-07-17 15:33:40 135 1

原创 uniapp-子组件改变父组件的值

以上两组代码所实现的功能都是通过子组件点击触发,实现父组件中number变量的自增,区别在于方法2中使用了vue所封装的修饰器.sync,其作用是实现子组件和父组件之间的双向绑定,所以修改子组件自定义属性值的同时父组件的值也被改变,类似的修饰器还有.stop、.prevent等。

2023-07-17 11:15:30 972 1

原创 forEach和map的使用

如何理解,其实不论是forEach函数还是map函数,其传入值item都是原数组对象所在的地址,所以直接对item进行修改,那么所有指向这个地址的值都会改变,但是在第三次的操作中,我们将item重新赋值给新变量,就不会影响原数组的值啦。forEach函数和map函数都用于对数组进行操作,其区别在于forEach函数仅对数组进行操作,而map函数会返回一个操作后的新数组。通过map函数遍历数组,进行操作后可以返回新的数组,原数组被改变。为熟悉它们的用法以及效果的异同,进行如下操作示例。本次原数组并未改变。

2023-07-13 19:42:29 90 1

原创 uniapp节流函数

其中apply函数的作用与call函数的作用大同小异,第一个参数可以指定方法执行时内部指针所引用的对象,不同点在于,call函数的传参只能一个个分别传入,但apply函数可以传入参数数组或arguments对象。...args是ES6引入的新语法,作用类似于arguments对象,不同点在于其接收后得到的是一个真正的数组实例,...后是自定义的参数名,可以直接使用数组的原生方法。arguments对象是function自带的属性,保存当前函数所传入的参数,是一个类数组对象。2.节流函数逻辑实现。

2023-07-12 16:04:17 385 1

原创 uni-app实现悬浮窗口

2.通过链式调用translateX()、opacity()等方法进行所需要的css变换,通过step()结束一组动画,一组动画里的变换是同时进行的,在step()里可以配置本组动画的属性,比如变换时间、延迟等,一组动画结束下一组动画才会开始,通过export()导出动画,通过animation绑定变换的组件。1.通过uni.createAnimation()创建动画实例。

2023-05-19 23:29:12 2170 1

原创 vue-cli创建项目流程

当前环境版本配置如下:1.创建放置项目的文件夹2.打开文件夹,调出命令窗口如图所示,在我们创建的Web文件夹内进行我们的操作3.输入创建命令,“vue create 项目名称” 4.选择搭建方式,这里我们选择第三个,自定义搭建,方向键上下移动,空格选中,enter进入下一步 5.选择项目所需要的组件 从上到下依次是:ES6模块化语法、TypeScript语法、移动端项目支持、vue路由、vuex状态管理、css预处理器支持、代码格式语法检测、Unit测试工具和E2E测试工具,可根据实际情况选择6.选择vu

2023-05-09 14:40:52 74

原创 uniapp引入阿里巴巴矢量图标库

第一部分:创建矢量图标库1.登录阿里巴巴矢量图标库,点击导航栏的资源管理-我的项目。2.点击右上角加号图标创建。3.根据实际情况填写信息,点击新建。 4.现在项目名为wx-app的图标库就已经创建完成,在刷新页面后,可以在“我发起的项目”中看到。第二部分:添加图标至图标库1.可以在首页进行搜索,寻找自己所需要的图标。2.这里点击搜索关键词“箭头” ,进入搜索结果页。3.将鼠标移动到我们想要添加的图标上,点击购物车,将图标添加进购物车。 4. 点击导航栏的购物车,可以看到我们刚才添加的图标,点击下方的添加至

2023-05-09 10:26:52 399

原创 JS数据类型赋值操作的异同

【代码】[完整代码]-JS数据类型赋值操作的异同。

2023-05-05 10:03:09 39

原创 css文本省略和自适应宽度

【代码】css文本省略和自适应宽度。

2023-04-27 14:09:24 222

原创 div弧形切角的实现

【代码】div弧形切角的实现。

2023-04-26 16:08:25 219

原创 时间戳的基本操作

【代码】时间戳的基本操作。

2023-04-26 15:12:13 314 1

原创 【完整代码】uni-app原生picker实现地址选择器

【代码】uni-app原生picker实现地址选择器。

2023-04-26 14:28:54 799

原创 uni-app动态设置class

【代码】uni-app动态设置class。

2023-04-17 14:13:09 2955

原创 通过css伪类实现带箭头的div

【代码】通过css伪类实现带箭头的div。

2023-04-10 15:30:41 753

空空如也

空空如也

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

TA关注的人

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