自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(70)
  • 资源 (3)
  • 收藏
  • 关注

原创 uniapp 不同路由之间的区别

UniApp 提供了多种路由跳转方式,每种方式有其特定的使用场景和效果。uni.navigateTo 保留当前页面并跳转,适合需要返回的页面;uni.redirectTo 关闭当前页面并跳转,适用于禁止返回的场景;uni.reLaunch 清空所有页面并跳转,常用于重置应用状态;uni.switchTab 仅用于跳转到 tabBar 页面;uni.navigateBack 用于返回上一页或多级页面。不同跳转方式在页面栈、生命周期和是否支持 tabBar 页面等方面有显著差异。开发者应根据具体需求选择合适的跳

2025-05-09 13:47:47 1180

原创 mqtt封装与使用

main.js 调用,设置全局。

2025-04-03 17:18:19 297

原创 uniapp再次封装uni-nav-bar导航栏组件

【代码】uniapp再次封装uni-nav-bar导航栏组件。

2025-03-25 18:12:23 349

原创 css画个实体球

【代码】css画个实体球。

2025-03-25 16:08:03 296

转载 css实现半圆环

方式一效果:关键在于clip-path。

2025-02-11 08:37:58 166

原创 uniapp checkbox-group 增加勾选数量限制

记录一下,其实挺简单的功能自己想复杂了哈哈哈。

2025-01-16 18:24:10 181

原创 vue2与vue3中的computed

/ computed 返回的是一个响应式的 ref 对象。1. 返回的是一个响应式的值,而不是响应式对象。

2024-10-25 15:04:01 408 1

原创 浏览器地址栏输入地址之后发生了什么

随着 Web 技术的发展,一些优化措施如 HTTP/2 的多路复用、预加载、缓存机制等也会在这个过程中发挥作用,以提高页面的加载速度和性能。除了 DNS 查询,还有哪些方法可以解析域名?建立 TCP 连接的三次握手过程是怎样的?DNS 查询的过程是怎样的?

2024-08-08 17:15:21 883

原创 vue3中echarts的使用

原文链接:https://blog.csdn.net/weixin_43919509/article/details/120570975。

2024-07-11 16:25:47 1876

原创 i18n + elementplus +vue 语言国际化

i18n 的使用上篇文章已经说过,这里着重说下elementplus 如何跟随i18n的语言变化。直接在app.vue中修改,使用el-config-provider 组件。

2024-07-10 15:30:23 316 1

原创 vue3 + i18n 中英文切换

js配置文件(单独设置一个文件,方便其他地方引用,直接配置在main.js中在router中调用有问题未解决)语言包的配置不尽相同,大家按自己项目中的需求合理配置即可,我的项目中是后台动态获取菜单(非动态路由)在router中的使用,同样需要先引入插件并导入用到的方法。动态菜单的实现(组件中调用 全局变量。第一步:安装vue-i18n。第二步:配置语言包及js文件。中文语言包 zh-CN.js。英文语言包 en.js。以上为页面中的使用。

2024-07-10 15:25:10 952

原创 vue 环境变量那些事

env.production 代表的生产环境变量也就是上线以后使用的。.env.development 代表的开发环境变量。取:import.meta.env.VITE_变量名。取:process.env.VUE_APP_变量名。总则:使用 .env.环境名字文件去定义,运行命令的时候指定环境。vite+vue3项目(默认VITE开头,其他开头的需要配置)存:VUE_APP_变量名 = xxx。比如:.env 代表所有环境变量使用的一些变量。vue-cli项目(webpack+vue2)

2024-07-10 15:01:30 662

原创 js 获取数组的最大值与最小值

假定数组中的第一个元素值最大max,循环数组,将max与其他元素做比较,大的值赋给max。方法接收一个函数作为累加器,数组中的每一个值(从左到右)开始缩减,最终计算为一个值。方法的第一个参数可以改变this的指向,第二个参数是数组的形式,来完成这一需求。方法,指定排序函数,来排序数组。当然,你也可以使用其他排序方式,来排序数组。,比较两个数,返回其中的最大值,通过这样的缩减,最后返回整个数组的最大值。扩展运算符,可以将数组形式转换为逗号参数的形式。使用此方法,需要注意,如果没有参数的话,则返回。

2023-11-27 15:44:42 493

原创 videojs的常见监听事件汇总

【代码】videojs的常见监听事件汇总。

2023-09-27 10:57:28 2110

原创 css 选择器

【代码】css 选择器。

2023-09-01 08:50:27 753

原创 侧边栏菜单

【代码】侧边栏菜单。

2023-08-28 09:38:42 243

原创 vue3之reactive和ref学习篇

change函数实现了一个简单的0-10的一个自增自减的循环,之所以记录是自己写的时候费了点时间,一直在想这个判断条件怎么优化,其实条件无法继续优化了,除非一个一个数字判断或者循环,加一个标志increasing就能解决的事想了半天。

2023-08-25 09:50:30 1132

原创 animation练习3之七夕篇

【代码】animation练习3之七夕篇。

2023-08-22 14:11:44 118

原创 纯css3的网站轮播图animation练习2

【代码】纯css3的网站轮播图animation练习2。

2023-08-22 13:17:34 659

原创 css3之animation 提交按钮简单的动画

【代码】css3之animation 提交按钮简单的动画。

2023-08-21 17:25:39 1215

原创 vue项目打包成exe

由于electron的源是国外的,如果没有翻墙,下载起来会很慢,网上普遍的建议是更换为淘宝的镜像就行下载,但是我本机无论是官方的还是淘宝的镜像都不行,大家可以根据自己电脑网路情况进行尝试,我本机尝试了很多次都不行,同事给的包在本机执行也报错,无奈只能网上继续找方法。打包你的项目,我相信这步你已经轻车熟路了~,将打包出来的 dist 文件夹复制到之前下载的A文件夹中。天地图拒绝了项目的访问,这个原因可能是因为天地图的key的问题,因为账号不是我申请的,未测试,待解决。

2023-08-16 11:41:53 2696 1

原创 如何用css做出酷炫的视差滚动效果

【代码】如何用css做出酷炫的视差滚动效果。

2023-08-11 15:54:40 1115

原创 前端中的@2x,@3x 图片

虽然高分辨率屏幕在移动设备上更为普遍,但在其他设备上也存在高分辨率显示需求,例如Android手机、平板电脑、电视等。一倍图适用于低分辨率屏幕,二倍图适用于中等分辨率屏幕,而三倍图适用于高分辨率屏幕。在美工提供给我们的切图中经常会看到一个图片有很多个尺寸,之前都是在网站中默认使用的1倍图,也就是默认尺寸的图片,其他的2倍图3倍图压根就没用过,今天又看到相关知识,深入探索了一把。一般普通图在的1920*1080,是很正常的,但是如果放在的2k或者4K屏幕里面,背景图就是模糊掉,为什么呢?

2023-08-10 14:59:01 2973

原创 uniapp 开发微信小程序遇到的错误整理

使用wx.navigateTo()或者<navigator>组件跳转的页面路径最多只有5层,这些页面路径是可以通过wx.navigateBack()API或者左上角返回按钮按顺序返回的。不过上述五层的限制只是针对 navigateTo,redirectTo 则无此限制。因为 redirectTo的行为是:关闭当前页面,跳转到应用内的某个页面。当页面路径大于5层时,使用wx.navigateTo()进行下一页吗跳转会抛出错误。

2023-07-06 13:08:32 591

原创 js常见面试题整理

ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的属性,新属性的名字就有可能与现有属性的名字产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的。是一个基本的数据类型,表示独一无二的值,主要用来防止对象属性名冲突问题。类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。是 ES6 时新增的特性,

2023-06-02 18:08:08 544

转载 uni-app 实现6位数字密码键盘页面

【代码】uni-app 实现6位数字密码键盘页面。

2023-04-21 18:53:31 1219

翻译 vue+webrtc-streamer实现在网页播放rtsp视频流

将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public/stactic目录下,在index.html文件里引入这两个js文件。首先下载webtrc-streamer的压缩包,在github上有。双击webrtc-streamer.exe启动服务。此时运行网页已经可以看到视频了。下载windows版本。

2023-03-14 14:56:08 2618 15

原创 常用的git命令

指定拉 develop 分支代码:git clone -b develop http://gitslab.yiqing.com/declare/about.git。指定拉 master 分支代码:git clone -b master http://gitslab.yiqing.com/declare/about.git。https://github.com/xxxxxx/SpringBoot.git 新的git仓库地址。git clone -b 4.cd 进入公玥文件存放目录。

2023-02-16 15:13:18 161

原创 vue 依赖包安装报错

vue 终端执行命令npm install 报一些版本错误的时候,可以执行以下命令强制忽略;--legacy-peer-deps 不进行版本对比,略过插件之间版本不匹配的问题。vue 里面增加mu38视频流插件。

2023-02-16 14:59:12 230

原创 for of与 for in

记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。

2022-08-19 09:37:32 108

原创 package.json的一些东西

npm install [email protected] -S 通过此类命令安装的包安装完毕之后会被记录在package.json的。npm install [email protected] -D 通过此类命令安装的包安装完毕之后会被记录在package.json的。

2022-08-19 09:36:39 238

原创 easyui datagrid表格导出

('#tableCon').datagrid('toExcel',"xxxxx表");#tableCon为表格id,toExcel为js中的方法,后面是导出excel的名字。html页面引入datagrid-export.js,内容如下。

2022-07-21 09:47:40 1097

原创 vue 按钮样式动态切换

vue按钮样式动态切换。

2022-07-15 10:21:30 921

原创 es6 proxy

用于某些操作的默认行为,等同于在语言层面做出修改可理解为在目标对象前设置的一个“拦截”层,外界访问目标对象时,先通过拦截层,可对外界的访问进行过滤和改写使用Proxy构造函数,生成proxy实例let p = new Proxy(target,handler);target:目标对象 handler:用来定制拦截行为的对象(若不设置任何拦截,等同于直接通向原对象)可将proxy对象设置到object.proxy属性,可在object对象上直接调用Proxy实例也可作为其他对象

2022-07-12 16:13:20 83

原创 uni-app三种生命周期及页面跳转方法

应用生命周期:应用生命周期仅可在App.vue中监听,在其他页面监听无效应用生命周期函数:onLaunch:当uni-app初始化完成时触发(全局只触发一次) onShow:当uni-app启动,或从后台进入前台显示 onHide:当uni-app从前台进入后台 onError:当uni-app报错时触发 onUniNViewMessage:对nvue页面发送的数据进行监听 onUnhandledRejection:对未处理的Promise拒绝事件监听函数 onPageNotFoun

2022-07-12 16:12:49 2283

原创 常用正则表达式

使用的时候记得加上开头和结尾的斜杆“\”一、校验数字的表达式数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数

2022-05-30 10:41:09 305

翻译 es6你真的会用吗?

摘自:你会用ES6,那倒是用啊! - 掘金一、关于取值取值在程序中非常常见,比如从对象obj中取值。const obj = { a:1, b:2, c:3, d:4, e:5,}常规取值:方法一:const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;方法二:const f = obj.a + obj.d;const

2022-05-20 15:09:42 153

转载 vue中的两个方法同步执行

默认来说,当我们在方法中调用接口,方法就会变成异步,但有时我们需要它是同步的(先执行前一个方法,等前一个方法执行完成再执行之后的方法)如何做呢?我们可以利用async/await修饰符async修饰函数返回的是一个Promise对象,可以使用then函数添加回调函数await修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;在方法名前加async,在接口方法名前加await,像这样 // 获取市下拉框

2022-05-18 09:57:44 9073

原创 vue导出Excel表格,报错utils of undefined 是版本原因

搞了半天原来是版本的原因操作步骤:1、安装相关的依赖;(xlsx,file-saver)执行命令:npm install --save xlsx file-saver安装成功之后发现项目报错,一直提示until这个东西没有定义,查了好多一直以为是机子vue2和vue3同时存在的原因,最后发现不是,原来是版本原因解决办法:utils未定义的话需要换一下版本npm install --save [email protected] install --save file-sav..

2022-05-16 18:06:47 4027 5

原创 vue + el-table实现动态行或者列

<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%"> <el-table-column prop="id" label="ID" width="180"> </el-t.

2022-04-14 16:52:26 4105

webservice相关教程与案例

webservice相关教程与案例

2022-05-31

webservice教程

webservice

2022-05-31

报文与webservice

报文与webservice

2022-05-31

空空如也

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

TA关注的人

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