- 博客(90)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 uniapp嵌套webview通过阿里云RTS播放器直播
基于这个问题呢，我仔细阅读了火山云与阿里云的文档，火山云和阿里云都没有直接对接小程序直播的sdk，考虑过小程序嵌套h5 用阿里云web 端播放器 ，结果这个也不支持，只支持flv，m3u8和mp4，首先，如果想要在小程序播放rtsp / rtmp，小程序自己的video是不行滴，h5的video也是不行滴。最终曲线救国的方法，阿里云有个超低延时直播，RTS，用webview的方式嵌套这个rts 播放sdk。这个需要申请相关类目，而这个类目申请需要很久，也比较困难，然后直播需求有很着急。
2025-11-25 14:20:09
465
原创 uniapp小程序分包以及组件分包方法
当我们引入第三方组件时会遇到三方组件过大，如我目前需要引入echarts的js此时为了减少主包压力我们需要将components组件进行分包。如果分包A 想使用分包b中的组件的话 官方默认是不可以的 但是 还注明可以使用分包差异化来解决这个问题。在uniapp微信小程序中使用echarts可以用插件市场的 echarts-for-wx。这里要注意path路径不需要加pagesC。只需要后面的内容即可。因为项目页面过多于是要选择分包的方法去减少主包的体积。
2025-11-19 20:31:16
229
原创 记录部署zlmediakit
然后在浏览器访问 http://localhost:8080 会显示Welcome to nginx!步骤二 拉取镜像 docker pull zlmediakit/zlmediakit:master。# 访问 http://localhost 应该看到 Nginx 欢迎页面。此时浏览器访问 http://localhost:8081 可以看到页面。或者查找包含"secret"的配置文件。# 3. 查看 Docker 信息。echo "新的secret是："# 生成新的secret。
2025-11-19 20:30:48
369
原创 记录uniapp websocket 适配器连接stomp订阅主题
不使用sockte.io的方法通过封装uni.connectSocket和适配器的方法，在小程序封装websocket。封装包括创建websocket连接 ，订阅消息，发送心跳机制，关闭websocket，以及添加消息监听器。在utils.js中封装websocket 因为涉及多人场景操作，所以添加了消息监听器。首先下载stompjs。
2025-11-19 20:30:12
283
原创 vue中封装的函数常用方法（持续更新）
/ el => v-lazy 写到哪儿，el 就是谁// 把传过来的地址给图片真正的 src 属性// 加载失败给一个默认图片// 停止监听stop()})},})},
2025-11-19 19:49:32
378
原创 gitlub错误记录
git push origin main:pzi //表示将本地main分支的数据推送到远程pzi分支上，如果远程反之不存在则创建。错误：无法推送一些引用到 'http://101.37.129.149/lyf/test_project.git'首先这个原因是因为我的权限不够，不能将代码推到远程的main分支。（也就是说要配置ssh）问题描述：在gitlub新建仓库完要把本地代码push上去的时候报错了。而使用 git push -u origin pzi却是失败的。获取到ssh公钥后（ssh开头的。
2025-09-21 16:34:33
182
原创 补充的知识点
/ 'http://39.108.123.235' 'http://192.168.1.37:9002' 天门: http://192.168.194.200。二 想要通过@得方式快捷配置类型别名需要通过 pathResolve来进行 在vite.config.ts中。process.env.自定义的url 例如 process.env.BASE_URL。补充在融入别的项目时千万不要忘记在与src同级的main.ts中引入主要的技术点。.env文件分别为 配置本地/测试/预发/正式路径。
2024-12-03 17:21:49
671
原创 vue3 uni app端使用uCharts
引入后在uni-modules的目录如下。uni-modules引入组件方法。在插件市场找到组件,直接引入项目。
2024-09-03 13:32:00
2057
原创 vue中post请求返回二进制流文件下载
4.关于Excel导出 POI 响应头设置 Content-Type: application/vnd.ms-excel 异常解决方法,可以在需要的请求头处多加一个。踩坑一 : 封装的index.ts请求中使用了mockjs 这会导致 blob 置空 ,建议直接使用axios请求。3.我们自行二次封装的axios可能会导致乱码现象,建议直接用axios调用接口请求。注:如果下载的文件为 [object,object] ,将res.data给函数就行。1 .调用接口返回的如下图所示,此时看到是一个流文件。
2024-08-06 10:24:54
997
原创 下载和配置iis
本地localhost 可以访问 但局域网不能访问。windows server系统。注:80端口内容无用 可删除。3.4 4.5 全选。
2023-04-03 15:08:44
364
原创 解决vue后台管理系统 离开页面清除定时器失效问题
在写后台时，习惯性设置一个主页面（也就是包含头部、侧边导航栏、底部、中心内容）将子页面都放到中心内容content里。在子页面设置定时器时，切换其他子页面并不是真正的离开了页面，实质上还是在主页面上，所以在destroyed(){}设置清除定时器并不会生效。解决方法：在 beforeRouteLeave (to, from, next) {} 离开路由的时候清除。必须添加next（），否则切换侧标导航栏时 切换路由会失效，导致不能切换页面。本质上是：清除子组件的定时器。
2023-03-15 14:37:51
1295
2
原创 根据判断动态绑定文字和块元素对齐方式 css样式
文字对齐方式 text-aligin 和padding来控制对齐方式。AliginItems类型分别为 0 1 2 对应 上 下 中。TextAlign类型分别为 0 1 2 对应 左 右 中。通过flex布局来控制对齐方式 配合三元表达式来动态展示。定义变量 TextAlign控制水平方向上对齐方式。定义变量AliginItems控制垂直方向上对齐方式。需求点击图片实现对应css的变化。这样写可以实现,但代码繁琐。样式绑定时绑定对应的函数。定义对齐方式的css样式。
2023-01-11 14:52:04
300
原创 element使用 loading 加载改变默认背景色 文字 图标
【代码】element使用 loading 加载改变默认背景色 文字 图标。
2022-12-19 10:47:41
1962
原创 vue3+ts项目中封装3d单柱柱状图
3d柱状图要注意创建左切面,右切面和上切面 三种颜色形成3d柱状效果。taget ==>目标对象 source==>源对象。下载echarts npm i echarts。推荐vue3封装echarts博客地址。封装组件为Barchart.vue文件。vue3+ts项目中封装单柱的柱状图。返回值:target,即目标对象。
2022-12-01 17:24:19
1073
2
原创 Echarts图表中formatter的用法
（4）{d}：百分比。模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。u 折线（区域）图、柱状（条形）图、K线图: {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）u 饼图、仪表盘、漏斗图: {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）（气泡）图 : {a}（系列名称），{b}（数据名称），{c}（数值数组）, {d}（无）u 地图 : {a}（系列名称），{b}（区域名称），{c}（合并数值）, {d}（无）
2022-11-09 11:29:16
33541
1
原创 初识three.js与简单练习
b.正交投影相机: OrthographicCamera( left, right, top, bottom, near, far ) left: 视锥体左边界, right: 视锥体右边界, top: 视锥体上边界, bottom: 视锥体下边界, near: 近裁面, far: 远裁面。* d.3D相机: StereoCamera( fov, aspect, near, far ) fov: 视角大小, aspect: 宽高比, near: 近裁面, far: 远裁面。
2022-11-04 14:24:34
736
1
原创 vue3+ts项目中使用水球图
此处绑定ref 是为了给图表数据 宽高是为了显示水球图。使用echarts必须给echarts图表设置宽高。在对应组件中引入也可在main.ts中引入水球图。
2022-10-28 14:41:12
1947
2
原创 二次封装el-table表格根据类名不同切换样式
在style里面定义样式,表格的字体颜色为白色 现在添加一个名为theme的类名 类控制他的样式修改。封装表格代码 新建MyTable文件夹 index.vue文件和getValue.ts文件。在对应页面上使用的table标签上 加上自定义的类名。定义theme变量 ,并绑定在标签上。getValue.ts文件代码如下。同一个表格,加类名切换不同风格。index.vue文件如下。
2022-10-24 14:44:32
1387
原创 ssh生成秘钥-配置github以及Could not read from remote repository. 和git常见问题ssl报错处理
一 检查问题产生的原因产生问题的原因是原因一:客户端与服务端未生成 ssh key原因二:客户端与服务端的ssh key不匹配为解决以上问题，我们需要重新生成一次ssh key ，并重新配置一下GitHub账户即可。如何查看自己属于的问题属于哪个原因检查是否是问题一:命令行输入如下代码出现如下查看是否有id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件)，有 .pub 后缀的文件就是公钥二 生成 ssh key 公钥。
2022-10-19 10:17:40
770
2
原创 element-plus table表格换行变色以及部分el自带样式的修改
element-plus table表格换行变色。// 清除table表格的下边线。
2022-10-14 14:31:42
2691
原创 vue项目中引入百度地图
认证信息:个人认证和企业认证,根据自己的需要按照流程填写认证信息。1.在index.html中引用。index.html使用步骤。把不要忘记替换自己的ak。2.根据官方文档引入项目。
2022-10-11 11:52:29
669
原创 可视化大屏幕的适配方法-vw/vh
vw和vh也是css中标准的单位，和px,rem, %一样 vw和vh适配方案，按照设计稿的尺寸，将px按比例计算转为vw和vh。1.在src/style下新建一个use.scss文件,定义好设计稿的宽度和高度两个变量。2.使用scss内置的`math.div`函数，定义两个`vw`和`vh`的计算函数。屏幕视口宽度 = 100vw，屏幕视口高度 = 100vh。3.传入具体的像素值，其帮我们自动计算出vw和vh的值。假如设计稿宽高为 1920px = 100vw。首先vw和vh的换算公式如下。
2022-10-10 16:55:59
3493
1
原创 对webwork的理解与使用
js采用的是单线程模型,所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力相对的webwork就是为js创造多线程的环境,允许主线程创建webwork线程,将未处理的一些任务分给后者 运行.在js主线程运行的同时,work线程在后台运行,两者互不打扰,等到webwork线程的任务结束后,把结果返回给主线程。
2022-09-27 14:16:03
5595
原创 window系统配置nvm管理node版本工具
3.为了彻底删除之前安装的node.js，鼠标点击电脑左面最左下角的win窗口图标弹出，输入“控制面板”再点击回车键进入，进入控制面板后，找到所安装的node.js并卸载。1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出，输入cmd再点击回车键）然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径。2.nvm安装完成后，检验是否安装成功，进入命令控制行窗口（进入方法见前面），
2022-09-05 15:38:23
1244
1
原创 微信小程序面试准备
在pages.json里面设置tabBar对象list数组 pagePath 跳转路径text按钮名称,信息iconPath 按钮没有选中时的图标selectedIconPath 按钮选中时的图标分包加载在构建时打包成不同的分包,用户在使用时按需进行加载。............
2022-08-25 21:46:13
912
4
原创 hbuilder x配置 配置使用 vue-cli和微信开发者工具
开启服务微信开发者工具-设置-安全设置-服务端口开启 在HBuilder x 中设置挂起 在微信小程序中 cli打开（2）安装vue4.5.15版本下载运行项目所需要的sass插件 创建项目选择默认模板运行小程序命令 将demo项目中的dist/dev/mp-weixin文件夹通过微信开发者工具打开遇到的问题 vue-cli的版本不兼容要下载4.5.15版本页面不加载检查sass工具是否安装HBuiled 端口号不一致,修改为自己的端口号使用 vue-cli在uni-app官网中
2022-08-13 10:07:01
2228
5
原创 数组塌陷问题 数组去重的方法 统计数组中出现的次数
数组塌陷问题需求：把数组中的每一个元素都删掉思路 通过for循环 和splice（）对数组中元素进行删除处理打印结果是如上所示 出现的问题 ：应该删除了所有的元素可以漏掉了 一个元素‘b’这个问题就叫做splice()的数组塌陷问题分析这个问题产生的原因第一次循环是 i =>0 删除了第0个元素 删除了'a' 剩余元素为['b','c']第二次循环 i=>1 删除了 第一个元素 删除了'c',剩余元素为'b'解决方法一执行体内i--解决方法二数组长度-1 且i--...
2022-08-07 21:23:25
208
原创 前端面试题 持续更新
全局注册指令全局注册指令需要使用Vue.directive接口局部注册指令对于局部注册我们需要在钩子函数directives中声明。
2022-08-01 09:55:29
1443
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人