自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 取巧方式el-select单选重复选择

自定义单选多选el-select

2024-01-31 09:35:21 1343 1

原创 前端使用阿里Oss

js 使用阿里oss

2024-01-26 14:28:39 1352

原创 elemenui puls el-menu default-active不更新问题

有时候我们的目录结构会重新刷新,但是default-active始终保持原来的下标。1.一开始我以为是我给定的属性或者值不对,后来经过一番排查发现根本不是。那我们该如何解决那?

2023-11-01 17:51:47 742

原创 vue3 配置生产和开发 非vite

vue3简易配置生产和开发环境

2023-10-09 10:23:36 198

原创 vue3使用element plus的时候组件显示的是英文

这是因为国际化导致的。

2023-10-08 14:48:26 1519

原创 vue three.js基本案例解析

【代码】vue three.js基本案例解析。

2023-08-31 14:36:36 1164

原创 position: fixed定位带来的白色横线

1.使用fixed可以帮我们快速的相对屏幕固定位置,但是页给我们带来的很多问他,比如滚动,层级,还有手机设备可能会出现一条横线。

2023-07-12 15:38:22 968

原创 uniapp 对接萤石,兼容所有端

1.uniapp对接萤石的方式

2023-06-25 14:43:43 2225 2

原创 uniapp开发软件升级

2.3:ios苹果升级,自从苹果系统禁止第三方升级以后,软件就无法自身升级,只能通过strore商城。2.uniapp开发的App升级需要注意那些。1.一款优质的APP怎么能没有在线升级呢!2.2:安卓升级:安卓升级可以直接通过。

2023-06-25 14:34:52 161

原创 uniapp在IOS系统上无法横屏问题

代码如下: “flexible” : true, “screenOrientation” : [ “portrait-primary”, “landscape-primary” ],问题:在安卓或者系统系统上调用横屏plus.screen.lockOrientation(‘landscape-primary’);解决方案:在manifest.json配置。配置好之后,记得重新打基座。

2023-06-19 10:01:55 836 1

原创 微信小程序封装自定义van-dropdown-item 下拉选择框

微信小程序封装自定义van-dropdown-item 下拉选择框,封装组件

2023-05-16 16:23:21 2633

原创 关于微信小程序获取位置和选择地图的注意事项

3.在最新的位置获取中还需要开发者到开发平台进行配置,可登录开发者账号进入开发管理一栏。在小程序中使用位置和定位都要配置好app.json。2.那么我们就能通过调用api实现我们想要的功能了。

2023-05-11 09:15:24 282

原创 小程序使用ec-canvas eachrts

1.在小程序中可能会用到各种各样的图表那么在现实中我们不可能都手写,那么就会用到封装好的图标库,ec-canvas是个个非常好的。4.注意事项必需要给canvas设置高度,否则无法显示.

2023-05-11 09:08:48 568

原创 uniapp实现自定义图片预览手势缩放滑动下一页等(精简版,原生微信小程序同理)

uniapp实现自定义图片预览手势缩放滑动下一页等(精简版,原生微信小程序同理)

2023-05-06 21:10:11 687 3

原创 微信小程序隐藏video进度条

想隐藏微信小程序的进度条兼容。

2023-04-27 11:39:22 1110

原创 使用小程序绘制海报(适配,网络和本地图片,保存图片等)

【代码】使用小程序绘制海报(适配,网络和本地图片,保存图片等)

2023-04-24 15:23:46 1214

原创 wx.getLocation need to be declared in the requiredPrivateInfos field in app.json/ext.json

原因:开发者工具不会校验所以你无法发现错误,或者你声明的requiredPrivateInfos不对。问题:在调用小程序获取位置信息的时候报此错误,但是在开发者工具就没问题。解决代码.app.json的配置。

2023-04-24 14:52:19 1262

原创 vue3的常用语法说明

vue3大致新特性语法

2023-04-12 14:59:12 607

原创 vue路由动态参数

vue路由动态参数

2023-04-12 11:09:36 1033

原创 uniapp写一个图片预览效果

uniapp previewImage 突破预览

2023-04-12 11:09:24 2870

原创 uniapp 跳转 Property or method “toJSON“ is not defined on the instance but referenced during render. M

属性或方法“toJSON”未在实例上定义,但在呈现过程中被引用。通过初始化该属性,确保该属性在数据选项中或在基于类的组件中是反应性的。分析: 当你尝试在子组件或者父组件在调用的时候发现还是会显示这个问题,你开始怀疑是不是异步的问题但是当你加了settimeout也无解。在uniapp中获取页面栈的时候报错Property or method “toJSON” is not defined on the。在方法里面添加这个空方法 toJSON(){}

2023-02-09 16:12:37 2431

原创 Ignored attempt to cancel a touchmove event with cancelable=false问题

翻译过来就是忽略取消触摸移动事件的尝试,cancelable=false,我尝试将滚动区域设置属性,cancelable=false发现还是没用,在看网上的配置style发现还是没能解决我的问题,前言:关于我在uniapp项目中使用到了u-popup弹层又在里面加入了scoll-view实现滚动,当我想试下下拉触底的时候弹出该错误,那么我们还如何解决!那么我们该如何解决呢!嗯,这样就不会报错了。

2023-01-07 13:01:37 1384

原创 uniapp webview通信

前言:在uniapp项目中我们很可能因为跨端和兼容支持方便考虑,所以我们使用到了内嵌h55的webview以达到我们的业务需求。难点:uniapp的支持虽然很完善但是也给我们带来了很多问题,比如全屏,导航栏,返回等等的复杂操作。最重要的一点,引用uni.webview.1.5.4.js可到官网下载,要不然是没有效果的。目前:本期我们将采用uniappview 触发h5里面的函数实现向h5内通信。

2022-12-31 12:39:42 396

原创 uniapp的webview的嵌入

1.很多情况我们想要在uniapp 的app端小程序端只用某些功能比如echrats,canvas,第三方插件等,当然了uniapp也有自带的但是还是无法满足我们的开发需求,那么webview来了,先看看官方文档。在uniapp使用webview嵌入自己的html需在\hybrid\html下面包括资源文件js等都需要放入同等该目录下。比如我们想半屏嵌入我们的直播插件,等等虽然官方有fullscreen属性设置但是在app端仍有不支持。2.webvew默认全屏。

2022-12-10 22:47:56 3425

原创 [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>)

::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>)如何解决

2022-11-17 20:21:19 7354

原创 Vue使用echarts做两个数据对比

Echarts ,数据可视化对比

2022-11-16 19:50:32 1509

原创 uniapp使用uniclound云开发

快速使用和了解uniapp云开发,让你轻松一个人搭建项目

2022-09-28 22:47:34 602

原创 node的express和微信小程序实现即时通讯聊天

关于node和小程序的聊天实现

2022-07-27 21:38:10 1002 2

原创 js前端时间交叉重复计算

js时间交叉

2022-06-02 15:16:43 1694

原创 前端过滤时间,选择有效的时间

vue。js 选择框,时间切割分割,时间+30分钟

2022-06-02 15:05:16 2215

原创 a-upload上传压缩出来图片

1.在业务中,我们通过vat desgin 上传组件的时候想修改上传的图片大小和对图片优化压缩,是个很麻烦的事,直接上代码;借鉴transformFile(file) { const that = this const height = 640 //图片的高 const width = 360 //图片的宽 return new Promise((resolve) => { const reader = new FileReader() reader.read

2022-05-26 17:24:27 1589

原创 关于Object.assgin()

1.有什么用Object.assgin()能快速合并多个对象,够方便吧2.Object.assgin()参数参数:target—>目标对象source—>源对象返回值:target,即目标对象示例:是不是的确很方便,接下来我要说的页数最重要的,要是项目中用到不小心很难找出问题这不后面相同的属性会覆盖前面的欢迎大家观看,希望var target={name:'guxin',age:18}var source={state:'signle',age:22}var r.

2022-05-21 22:34:39 1083

原创 vue2使用typescript

1.用脚手架方式直接安装ts不需要配置1.组件的声明需依赖类似注解部分2.方法调用,和原版基本无区别3.computed和watch4.父子通信传参

2022-05-21 22:25:57 1738

原创 安装cnpm出现错误

npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: unable to verify the first certificate不妨试试:npm config set strict-ssl false

2022-05-03 15:23:12 3744 3

原创 前端实现类似外卖订单的打印

我们在做项目的时候都会使用到连接打印机进行发票订单等数据的打印,而我们不可能每台使用的电脑都去配置本地打印机,那么网络打印机就是我们的首选**我们使用到node.js 的net模块下列是关于net的介绍:链接: net介绍. var net = require('net');//引入模块 var client = new net.Socket(); //new socketvar buffer;//Buffer数据类型,放你的打印指令,可查看具体文档//端口号/ip地址client..

2022-04-26 22:04:47 1376

原创 Vue router2.0

对于单页面来说路由是我们常用切换页面的一种方式,使用Vue安装 npm install vue-router --save路由的引入import router from './router'/* eslint-disable no-new */new Vue({ el: '#app', store, router, components: { App }, template: '<App/>'})路由的配置通过和也可以实现我们像a标签一样

2022-04-24 16:05:27 2621

原创 关于js你找不知道的运算符

可能你学过可能不一样的语言与算法每个都各具优点,但是关于js 的运算符你知道完吗,下面跟着我们的代码演示一起看看吧!1. + - * / 看到这些大家都会直接跳过吧2. i++ ++i --i i–这个你应该遇到不少吧!一个是先复制后加一个是先加后赋值减也是如此3.**4. || && !与或非相信大家都熟悉不过吧5.扩展运算符,是不是很方便6.??注意观察undefined和null的区别你就会明白7.关于》》《《 %等等大家自己去试吧...

2022-04-24 15:50:38 1105

原创 Vue+Element实现表格筛选

安装Vue和el什么的就不说了,也吐槽样式丑,作者懒得写样式主要是为了展示写法和功能虽然我自己都想吐槽<template> <div style="margin-top: 150px;"> <div>Vue表格过滤</div><el-row :gutter="20" style="margin-bottom:35px;" type="flex" justify="space-between"> <el-col :spa.

2022-04-17 13:07:42 4523 2

原创 Vue的混入mixin

混入是可以实现组件内多方法数据的共享复用1.怎么使用mixin {{msg}} <script> var mixin = { data() { return { msg: "我是混入的数据" } }, creatre: function() { } } export default { name: 'app_download', mixins: [mixin], .

2022-04-17 11:57:42 1747

原创 vue-admin-template更改侧边栏图标

首先在阿里图标库svg下载我们的图标放入目录下router下使用效果图

2022-01-19 13:43:31 1598 1

空空如也

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

TA关注的人

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