自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

pixle的博客

前端领域,vue,uniapp,小程序,HarmonyOS,electron,node

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

原创 HarmonyOS Next 组件或页面之间的所有通信(传参)方法总结

本文总结了鸿蒙中常用的组件或页面之间参数传递方法,包括父子组件,子孙组件,兄弟组件,互不相关的组件(页面)和页面路由跳转的参数传递以及父子组件方法互调等。

2024-11-13 16:44:47 2117

原创 vue3实现一个无缝衔接、滚动平滑的列表自动滚屏效果,支持鼠标移入停止移出滚动

列表自动滚屏效果常见于大屏开发场景中,本文将讲解用vue3实现一个无缝衔接、滚动平滑的列表自动滚屏效果,并支持鼠标移入停止滚动、移出自动滚动。

2024-11-07 14:02:28 4136

原创 【鸿蒙】HarmonyOS NEXT开发快速入门教程之ArkTS语法装饰器(上)

HarmonyOS NEXT(鸿蒙应用)开发快速入门教程ArkTS语法之装饰器篇,基于HarmonyOS NEXT Beta1版本(api 12)讲解。本文将从前端开发者角度来理解和学习每个语法点,通过举例HarmonyOS NEXT和web端两种领域类似语法的使用,帮助前端开发人员快速入门HarmonyOS NEXT。在每个装饰器讲解上把同一个功能分别用ArkTs和vue 2种代码进行演示,使其更深刻理解每个装饰器的作用,在类比中学习记忆达到无缝衔接。

2024-09-19 09:52:28 1683

原创 一文读懂vue+scss实现主题换肤功能

web实现主题换肤方案有很多种,例如css变量、动态加载样式文件、js变量。目前流行工程化开发自然少不了css预处理(less/scss)方案,这也是目前在脚手架项目中比较流行实现方案。less/scss实现主题换肤本质就是动态切换节点某个变量,这个变量可以是HTML标签属性值也可以是类名,这个变量位置既可以是最顶层也可以是需要换肤地方(子节点)。变量如果是类名的话需要设置一个独一无二的名称,这个我们无法保证后面开发一不小心类名被重复了特别是团队协同开发,所以更好的选择变量是属性值。//顶层方案。

2024-01-26 15:08:44 4286 1

原创 electron+vite+vue3 快速入门教程

本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目electron框架对web开发人员来说非常友好,无须了解原生开发技能,就能通过web技术进行桌面应用开发,大大减少学习成本,一套代码能快速构建生成多端应用,也大幅减少了开发成本。简言之,electron开发可以看成是桌面功能开发+纯web页面开发,桌面功能开发在主进程调用Electron API,而web页面开发就是html,css,js技术栈。

2024-01-17 14:45:52 5429 7

原创 web端播放rtsp视频流(摄像头监控视频)教程及window下开机自启动部署

像海康大华一些摄像头或者直播源 为rtsp视频流,想在web上播放必须进行协议转换。已知一些方案例如rtsp转rtmp需要flash,现在浏览器基本不支持flash。还有转hls或者flv这些延迟都比较高。经过实践对比比较理想方案是 经转码后视频流通过websocket传送给客户端在将视频流解码成图片通过canvas渲染出来,延迟比较小基本在1s以内。所用工具(插件)为ffmpeg+node(node-rtsp-stream)+jsmpeg。

2024-01-09 15:06:17 8983 41

原创 uniapp H5、小程序、APP端自定义不同运行环境(开发、测试、生产)、自定义条件编译平台、以及动态修改manifest.json值讲解

企业项目开发流程上一般都要配置多个运行环境(不同的服务器请求地址)。不同环境有不同用途,主要用于区分开发、测试、上线,对应的环境称为开发环境、测试环境、生产环境。实际开发中经常要在不同环境进行联调或者打包,对于uniapp每次都要手动修改服务请求地址很是麻烦,有什么方法能实现按需运行按需打包呢,答案是——自定义条件编译平台HBuildex默认编译平台例如有H5端、小程序端、APP端,像小程序端细分还有微信小程序,钉钉小程序等,不同编译平台我们可以用条件编译来指定特殊代码运行在哪种平台上。

2023-11-24 16:30:52 7399

原创 uniapp APP端在线升级功能实现讲解——强制或可选升级,下载进度显示

本文主要讲述uniapp APP在线升级功能实现,并用代码演示包括强制升级、可选升级、下载进度显示、下载自动安装等功能,示例代码已经过测试可结合实际开发场景做调整直接引入使用

2023-06-16 15:20:33 19706 78

原创 海康视频WEB插件 V1.5.2 开发总结

海康视频插件v.1.5.2开发教程总结,vue版本开箱即用组件分享

2022-09-24 14:12:46 12507 37

原创 HarmonyOS Next系列之华为账号一键登录功能实现(十四)

华为账号一键登录是指使用华为账号进行快捷登录的功能。通过一键登录,用户可以通过华为账号直接登录到指定的应用,无需输入繁琐的账号和密码。一键登录可以提供更便捷、快速、安全的登录方式,减少用户的登录烦恼和输入错误。本文将以代码示例讲解鸿蒙next华为账号一键登录客户端实现过程和页面设计规范。

2025-01-08 14:07:40 1748 2

原创 【组件封装】uniapp vue3 封装一个完整的Tabs(标签页)组件教程,功能由简到杂实现讲解。

手把手教你封装一个移动端 Tabs组件(标签页),功能由简到杂以uniapp vue3为代码示例讲解。

2024-12-05 10:19:02 1501

原创 【组件封装】uniapp vue3 封装一个自定义下拉刷新组件pullRefresh,带刷新时间和加载动画教程

手把手教你封装一个移动端 自定义下拉刷新组件带更新时间和加载动画(PullRefresh),以uniapp vue3为代码示例。

2024-11-27 14:49:52 1381

原创 【组件封装】vue3移动端手把手教你封装一个带动画和吸顶的 下拉菜单组件(DropdownMenu)

手把手教你封装一个移动端 下拉菜单组件(DropdownMenu),以uniapp vue3为代码示例。

2024-11-25 14:57:27 1610 1

原创 【鸿蒙】HarmonyOS NEXT应用开发快速入门教程之布局篇(下)

HarmonyOS NEXT(鸿蒙应用)开发快速入门教程之布局篇(下),基于HarmonyOS NEXT Beta1版本(api 12)讲解。本文将从前端开发者角度来学习鸿蒙的布局语法,通过类比鸿蒙布局和web css布局相似之处,帮助大家快速掌握鸿蒙布局开发。

2024-11-06 10:48:41 1211

原创 HarmonyOS Next系列之水波纹动画特效实现(十三)

HarmonyOS Next(基于API12)实现水波纹动画特效。

2024-09-30 14:06:42 1097

原创 【鸿蒙】HarmonyOS NEXT应用开发快速入门教程之布局篇(上)

HarmonyOS NEXT(鸿蒙应用)开发快速入门教程之布局篇,基于HarmonyOS NEXT Beta1版本(api 12)讲解。本文将从前端开发者角度来学习鸿蒙的布局语法,通过类比鸿蒙布局和web css布局相似之处,帮助大家快速掌握鸿蒙布局开发。

2024-09-27 14:08:58 1628

原创 【鸿蒙】HarmonyOS NEXT开发快速入门教程之ArkTS语法装饰器(下)

HarmonyOS NEXT(鸿蒙应用)开发快速入门教程ArkTS语法之装饰器篇(下),基于HarmonyOS NEXT Beta1版本(api 12)讲解。

2024-09-23 10:02:11 1040

原创 HarmonyOS Next系列之实现一个左右露出中间大两边小带缩放动画的轮播图(十二)

HarmonyOS Next(基于API12)实现一个左右露出中间大两边小带缩放动画的轮播图。

2024-09-09 10:01:40 1680

原创 HarmonyOS Next 系列之列表下拉刷新和触底加载更多数据实现(十一)

HarmonyOS Next(基于API12)实现下拉刷新和上拉触底加载更多功能实现讲解。

2024-08-15 10:19:02 3429 2

原创 HarmonyOS Next系列之半圆环进度条实现(十)

HarmonyOS Next(基于API12)实现封装一个半圆环进度条,可复用好扩展,常用于项目内仪表盘显示。

2024-07-29 10:04:52 1446

原创 HarmonyOS Next系列之地图组件(Map Kit)使用(九)

HarmonyOS Next(基于API12)自带地图Map Kit使用——本文将讲述如何通过手动生成签名证书、申请地图权限、地图展示和地图常用功能示例讲解。

2024-07-22 10:11:51 3635 14

原创 HarmonyOS Next系列之Echarts图表组件(折线图、柱状图、饼图等)实现(八)

HarmonyOS Next(基于API11)实现Echarts图表组件(折线图、柱状图、饼图等)。

2024-07-03 09:33:11 4648 13

原创 HarmonyOS Next 系列之沉浸式状态实现的多种方式(七)

HarmonyOS Next(基于API11)沉浸式状态实现的多种方式

2024-06-21 09:17:16 2641

原创 HarmonyOS Next 系列之可移动悬浮按钮实现(六)

HarmonyOS Next(基于API11)实现一个可移动的悬浮按钮

2024-06-21 09:16:34 2687

原创 HarmonyOS Next 系列之从手机选择图片或拍照上传功能实现(五)

HarmonyOS Next(基于API11)实现从手机选择图片或拍照上传功能,常用于头像上传等操作

2024-06-11 09:39:57 4226 7

原创 HarmonyOS Next 系列之HTTP请求封装和Token持久化存储(四)

HarmonyOS Next(基于API11)封装一个http请求工具类,自动拦截token失效跳转登录页,以及token持久化存取方案。

2024-06-11 09:38:49 3032 2

原创 HarmonyOS Next 系列之底部标签栏TabBar实现(三)

HarmonyOS Next(基于API11)实现页面级容器——底部标签栏TabBar

2024-06-11 09:38:18 1879 4

原创 HarmonyOS Next 系列之验证码输入组件实现(二)

HarmonyOS Next(基于API11) 实现一个验证码输入组件(VerifyCodeInput),不可复制粘贴,输入验证码无光标自动定位到下一格,删除自动定位到前一格,验证码个数可配置

2024-06-04 09:23:48 1796 3

原创 HarmonyOS Next 系列之省市区弹窗选择器实现(一)

HarmonyOS Next 系列之省市区弹窗选择器实现(一)HarmonyOS Next(基于API11) 实现一个省市区弹窗选择组件(AreaPickerDialog),支持香港、澳门、台湾等地区选择

2024-06-04 09:22:35 1482 7

原创 electron-vite工具打包后通过内置配置文件动态修改接口地址实现方法

使用electron-vite 工具开发项目打包完后每次要改接口地址都要重新打包,对于多环境切换或者频繁变更接口地址就显得麻烦。如果能在安装目录添加一个可配置文件,通过修改配置文件内容改变接口地址问题将迎刃而解。这里记录下一种实现方法。

2024-05-09 09:27:11 1137

原创 vite-electron 静默打印功能实现

本文将介绍基于electron-vite构建工具下vue3项目内如何实现打印机静默打印功能,并以热敏打印机打印二维码为示例用代码实现该功能。

2024-04-23 14:03:34 2486 3

原创 web实现usb扫码枪读取二维码数据功能

通过上面介绍可以看出usb扫码枪虽然使用简单,但是限制多,只能满足一些特定场景,对用户一些不确定操作可能会影响读取成功率,这个时候也可以从产品设计上引导用户主动触发聚焦减少用户乱点击频率,提高成功率。

2024-04-02 16:53:10 5370

原创 Web Serial API串口通信,实现web和electron扫码枪读取数据

本文将讲述Web Serial API简单应用,以扫码枪为示例,通过代码实现web端读取扫码枪扫码内容。

2024-02-23 16:26:10 7506 16

原创 vue3 element-plus 省市区选择器组件封装

vue3封装一个省市区选择器组件,通过element-plus Cascader 级联选择器实现

2024-02-20 11:17:43 545

原创 express+mongoDB开发入门教程之mongoose使用讲解

本文将讲述Mongoose的入门开发教程,以及通过一些示例演示对mongoDB数据库的增删改查操作。

2024-01-03 16:19:55 2131 2

原创 express+mongoDB开发入门教程之mongoDB安装

MongoDB是一个基于分布式文件存储的数据库。是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似json的bson格式,因此可以存储比较复杂的数据类型,可为WEB应用提供可扩展的高性能数据存储解决方案。传统关系型数据库由数据库、表、记录、3个层次概念组成,而MongoDB由数据库、集合、文档组成。

2024-01-03 16:02:40 1287

原创 node.js express框架开发入门教程

node.js express框架开发入门教程,包括express-generator生成器、nodemon、基础路由、中间件、模版引擎介绍、app.js解读等也可以使用其他模版引擎例如jade、mustache、dust、ejs等,不加--view=pug默认jade引擎,官方已弃用,现在推荐用pug。模版引擎主要用来服务端渲染HTML,在运行时,模板引擎将模板文件中的变量替换为实际值,并将模板转换为发送给客户端的 HTML 文件加载依赖启动项目npm start。

2023-12-27 15:31:58 2071

原创 微信小程序隐私协议引入开发教程和uniapp 最佳实现方式

微信小程序从2023年9月15日开始,涉及处理用户个人信息的小程序开发者,需通过弹窗等明显方式提示用户阅读隐私政策等收集使用规则。为规范开发者的用户个人信息处理行为,保障用户合法权益,微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则,方可调用微信提供的隐私接口。简而言之,就是调用某些涉及用户隐私api比如获取用户位置(wx.getLocation)、选择照片(wx.chooseImage)等api(隐私接口)前需要弹出隐私政策告知用户取得同意后方可正常使用功能。

2023-09-29 23:33:49 1932 6

原创 web JS高德地图标点、点聚合、自定义图标、自定义窗体信息、换肤等功能实现和高复用性组件封装教程

本文将讲述如何利用高德地图JS API实现地图标点、聚合点、自定义图标、点击窗体信息展示等基本功能实现,结合实际项目中遇到场景需求进行演示聚合点自定义样式通过设置renderClusterMarker字段配置渲染函数,并在渲染函数中通过dom操作生成样式节点插入聚合点父节点上//聚合点实例renderClusterMarker:renderClusterMarker,//自定义样式渲染});//渲染函数//自定义图标背景//聚合个数。

2023-08-18 21:47:30 7407 10

原创 nvm安装和使用,对node.js版本进行切换控制

脚手架项目一些依赖模块对于node版本有兼容性问题,如果平时开发既有新项目也有老项目,经常需要切换对应的node版本使得项目能正常跑起来,如果每次都去卸载node版本重新安装就非常麻烦,还好有nvm工具,能帮助我们快速切换node版本。

2023-07-17 16:59:55 1523

uniapp vue3 自定义下拉刷新组件pullRefresh,带释放刷新状态、更新时间、加载动画

uniapp vue3 自定义下拉刷新组件pullRefresh,带释放刷新状态、更新时间、加载动画,以及使用demo,支持小程序\h5\app端

2024-11-26

uniapp vue3 下拉菜单组件(dropdownMenu)

uniapp vue3 下拉菜单组件(dropdownMenu),默认下拉单选模式,支持定义内容,带动画和吸顶功能,兼容小程序、h5、app端

2024-11-23

web端播放rtsp/rtmp视频流demo

web端播放rtsp/rtmp视频流demo ,fmpeg+node(node-rtsp-stream)+jsmpeg,延迟较小方案,1s内

2024-04-02

微信小程序隐私协议引入组件demo

微信小程序隐私协议引入demo,全局封装api调用 this.$privacyCheck({ agree:()=>{}, disAgree:()=>{}, complete:()=>{} })

2023-09-30

可移动悬浮窗,可移动扇形展开悬浮按钮组件

uniapp可移动悬浮窗,可移动扇形展开悬浮按钮组件demo,兼容多端

2023-06-18

uniapp APP端安卓在线升级功能

uniapp APP端安卓在线升级功能——强制或可选升级,下载进度显示,demo

2023-06-16

空空如也

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

TA关注的人

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