自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不靠谱的作曲家

一杯茶,一包烟,一行代码写一天

  • 博客(138)
  • 收藏
  • 关注

原创 hls(m3u8)格式视频流播放

第一种方式不仅支持安卓系统同时支持苹果系统,但是不支持h265格式的视频流,仅支持h264格式的视频流。第三种方式不仅支持安卓系统同时支持苹果系统,不仅支持h264格式的视频流还支持h265格式的视频流。第二种方式仅支持安卓系统、但是不支持h265格式的视频流,仅支持h264格式的视频流。其中libDecoder.wasm文件,一定要放在项目 “注意:必须使用video标签。

2023-10-24 07:30:00 1590

原创 html中公用css、js提取、使用

开发中,页面会有引用相同的css、js的情况,如需更改则每个页面都需要调整,重复性工作较多,另外在更改内容之后上传至服务器中会有缓存问题,特针对该情况对公用css、js进行了提取并对引用时增加了版本号。

2023-10-18 14:59:35 627

原创 小程序自定义tabbar

使用小程序默认的tabbar可以满足常规开发,但是满足不了个性化需求,如果想个性化开发就需要用到自定义tabbar,以下图为例子。

2023-09-12 17:52:26 1141

原创 小程序中使用分包

小程序在未使用的分包的情况下仅支持大小为2M,如果图片等资源过多的情况下可以使用分包功能,使用分包的情况下单个分包大小不能超过2M,总大小不能超过20M,分包有两种情况:普通分包和独立分包,下面介绍的是普通分包。

2023-09-08 15:16:06 877

原创 倒计时动效

倒计时动效

2023-08-21 18:06:11 894 3

原创 小程序中通过canvas生成并保存图片

小程序中通过canvas生成并保存图片。

2023-08-21 10:22:10 1165 1

原创 小程序如何自定义分享内容

通过button里的open-type属性里的share参数即自可定义分享按钮< button open-type = " share " > 分享 < button open-type = " share " > 分享 < button open-type = " share " > 分享 分享

2023-08-11 15:53:25 533

原创 Vue3 使用存储库Pinia(getters)

【代码】Vue3 使用存储库Pinia(getters)

2023-07-14 15:12:44 711

原创 Vue3 使用存储库Pinia(actions)

【代码】Vue3 使用存储库Pinia(actions)

2023-07-14 14:55:58 442

原创 Vue3 使用存储库Pinia(state)

【代码】Vue3 使用存储库Pinia(state)

2023-07-13 18:03:25 468

原创 Vue3 使用存储库Pinia(创建)

使用vue编写项目时,经常用到组件传值,比如父传子、子传父、跨组件传值等,如果项目体量不大的情况这种方式完全够用,但如果项目大,内容丰富,那我们就需要用到状态管理工具——Pinia官方文档vue2中使用的状态存储工具是Vuex,在Vue3中官方推荐的是Pinia,Pinia就是一个实现需求上的状态管理库,由 Vue 核心团队维护,对 Vue 2 和 Vue 3 都可用。

2023-07-13 17:48:21 200

原创 vue中如何使用websocket

为什么要有心跳机制呢?就是为了确保连接的稳定性,说白了就是客户端通过心跳的形式告诉服务端“我”还活着,连接请不要断开。实时统计各人员打分情况,并可以控制计时器的开始、暂停、结束。如果websocket断开将进行重新连接。

2023-07-06 17:59:38 1337 1

原创 vue中对语句的语义进行比较

vue中对语句的语义进行比较。

2023-06-27 16:33:30 201

原创 vue标签单选、多选效果

选中当前标签获取id追加到数组,可选中多个,但如果选择全部则清除其它已选择的标签。选中当前标签获取id追加到数组,只可选中其中一项。

2023-05-23 10:43:01 528

原创 vant-ui使用picker选择器渲染自定义数组

官方文档中提供的渲染数组案例是以下这种形式。如果想渲染这种格式需要怎么解决?增加value-key参数。

2023-05-18 14:35:10 386

原创 微信小程序代码加固

在code_obfuscation_config.json文件中的config进行批量增加要加密的文件路径,所加密的文件都会在projectmaps中显示。当开发者完成小程序项目开发,点击【预览】/【真机调试】/【上传】显示代码加固提示,点击确定即可完成代码加固。

2023-05-18 10:47:28 409

原创 fontawesome图标文件使用

fontawesome图标文件使用。

2023-05-16 10:53:54 96

原创 天地图之点聚合

地图中一次性渲染成千上万个点容易造成页面崩溃,那么可以选择点聚合的形式渲染标记点,地图引入就不啰嗦了,可以参考此专栏前几篇文章。

2023-01-31 17:15:42 1164 1

原创 天地图之自定义标记点

需求:在地图上标记监控点位,地图引入的过程就不多啰嗦,可参考此专栏前几篇文章,下面直接介绍实现步骤。

2023-01-31 10:56:55 3506 3

原创 天地图之地图类型

地图使用场景各异,官方提供了以下几种类型:普通街道视图、卫星视图、卫星和路网的混合视图、地形视图、地形和路网的混合视图

2023-01-31 10:17:48 1101

原创 天地图入门使用

天地图”是国家测绘地理信息局建设的地理信息综合服务网站。集成了来自国家、省、市(县)各级测绘地理信息部门,以及相关政府部门、企事业单位 、社会团体、公众的地理信息公共服务资源,如果做的项目是政府部门、企事业单位尽量选择天地图,因为相比其他几家服务商更加权威。

2023-01-31 09:55:37 2654

原创 播放flv格式视频

flv是一种文件极小、加载速度极快的流媒体格式视频,但有一个缺点是在苹果手机不能播放,苹果笔记本可以。

2023-01-11 18:08:47 524

原创 海康威视监控插件使用步骤

项目中用到海康威视插件,首先去海康开放平台下载开发包。

2023-01-11 17:29:01 2840

原创 uniapp配置模板路径页面样式错乱

在manifest.json文件中配置了模板路径之后导致,导致系统中所有页面样式错乱,解决办法是在index。html中引入link。

2023-01-09 17:40:37 421

原创 前端对接微信公众号网页开发流程,JSSDK使用

前面两篇文章讲解了和,本篇文章讲解关于微信JSSDK的使用,

2023-01-07 16:40:35 1668

原创 前端对接微信公众号网页开发流程,授权对接

前面讲到,本篇文章主要详细介绍关于公众号的授权对接。

2023-01-07 14:32:44 3352

原创 前端对接微信公众号网页开发流程,前期配置

微信公众号网页开发,其实就是我们开发的h5网页需要放到微信浏览器环境中使用,但是需要对接公众号授权,授权之后可以获取到用户的个人信息,以及可以使用公众号提供的一些API,如:图片上传、图片预览、获取位置信息、微信扫一扫等功能。在没有对接正式公众号之前我们可以申请测试公众号来进行开发测试。下面会分两篇文章详细介绍对接公众号网页开发流程,本篇为公众号前期配置,另一篇讲公众号授权对接,干货满满!

2023-01-07 12:01:19 9441 1

原创 高德地图使用-高亮省市区

高德地图使用-高亮省市区。

2022-12-21 11:51:48 1523 2

原创 高德地图使用-车辆轨迹

高德地图使用-车辆轨迹。

2022-12-21 11:34:24 575

原创 高德地图使用-高亮某块区域

要想高亮某块区域首先要获取区域的坐标点。

2022-12-21 11:21:57 1629

原创 高德地图使用-监听地图缩放

高德地图使用-监听地图缩放。

2022-12-21 11:13:47 1737

原创 高德地图使用-marker标记点

高德地图使用-marker标记点。

2022-12-21 11:08:48 814

原创 高德地图使用-引用

使用高德地图之前需在高德地图开放平台注册账号。在控制台-我的应用-创建应用,获取得到。

2022-12-21 10:13:17 263

原创 Android 如何获取 SHA1 值

android如何获取sha1值

2022-12-20 13:29:39 280

原创 微信小程序组件传值

微信小程序组件传值

2022-09-13 15:04:22 174

原创 动态生成URL Scheme并跳转到小程序

h5跳转到小程序

2022-06-15 10:59:51 2660 3

原创 在npm发布属于自己的包

最近在学习node.js,学习到npm,就发布了一个包到npm,在此记录下发布步骤,这是我发布成功的npm包,有兴趣的可以看下链接地址1. 目录结构创建自己的包结构,必须包含入口文件、package.json、README.md文件2.文件解读入口文件:主程序或导出的方法package.json:须包含包名、版本号、包的介绍、入口文件地址、关键字、作者、开源协议README.md:包的安装方式、引入方式、使用方式、开源协议等//package.json基本结构{ "name": "ub

2022-04-09 12:31:39 673 2

原创 Hbuilder打包App隐藏系统状态栏

场景:vue制作的混合app打包在安卓平板运行初始化plus对象created() { document.addEventListener('plusready', this.plusReady, false) },methods: { plusReady () { var main = plus.android.runtimeMainActivity(); varwindowMe = main.getWindow(); plus.androi

2022-01-12 18:24:47 1191 2

原创 数组转对象

原始数据期望数据const groupBy = (arr, func) => this.scoreList.map(typeof func === "function" ? func : (val) => val[func]).reduce((acc, val, i) => { acc[val] = arr[i]; return acc; }, {});let fromData = groupBy(this.scoreList,item => item.

2022-01-05 15:14:42 542

原创 web常用UI组件

目录1.按钮2.标签3.单选框4.多选框5.加载中6.开关7.面包屑8.输入框9.下拉框10.表单11.文字链接12.弹窗13.状态页面14.上传15.相关图片内容**按钮**<button type="button" class="ub-button ub-button--default"> 默认按钮</button><button type="button" class="ub-button ub-button--primary"

2021-11-04 11:31:39 578

空空如也

空空如也

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

TA关注的人

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