- 一、前言在应用 uni-app 进行跨平台APP开发过程中,发现并不支持视频播放小窗功能,且插件市场提供的插件用户体验不好,遂决定自行开发 uni-app 原生插件。uni-app原生插件指的是将原生开发的功能按照规范封装成插件包,然后即可在 uni-app 前端项目中通过js调用开发的原生能力。有关 iOS 原生开发环境搭建步骤,详参博文《跨平台应用开发进阶(二十七) iOS原生开发环境... 一、前言在应用 uni-app 进行跨平台APP开发过程中,发现并不支持视频播放小窗功能,且插件市场提供的插件用户体验不好,遂决定自行开发 uni-app 原生插件。uni-app原生插件指的是将原生开发的功能按照规范封装成插件包,然后即可在 uni-app 前端项目中通过js调用开发的原生能力。有关 iOS 原生开发环境搭建步骤,详参博文《跨平台应用开发进阶(二十七) iOS原生开发环境...
- 一、前言可通过 react-native log-android、react-native log-ios 命令查看控制台日志信息。添加版本标识可通过 npx react-native run-android --variant=release 实现。APP间互相唤起是常用场景,android中通过IntentFilter实现APP唤起。 二、应用跳转iOS系统中,从当前app跳转到其他任... 一、前言可通过 react-native log-android、react-native log-ios 命令查看控制台日志信息。添加版本标识可通过 npx react-native run-android --variant=release 实现。APP间互相唤起是常用场景,android中通过IntentFilter实现APP唤起。 二、应用跳转iOS系统中,从当前app跳转到其他任...
- 序通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范。HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、... 序通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范。HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、...
- 一、前言跨平台是一种能够在多种平台(例如Android,iOS,Windows,Blackberry、小程序、快应用等)上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码,而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序,及应用、文件生命周期等知识点。其中,大部分... 一、前言跨平台是一种能够在多种平台(例如Android,iOS,Windows,Blackberry、小程序、快应用等)上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码,而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序,及应用、文件生命周期等知识点。其中,大部分...
- 一、前言使用 uni-app 开发跨终端应用,可将代码编译到iOS、Android、微信小程序等多个平台,升级时也需考虑多平台同步升级。其中,uni-app发布为小程序的升级模式较简单,只需将开发完的代码提交到小程序后台,待审核通过后用户将自动升级。 1.1 Android升级检测机制android系统使用包名(package name)来判定应用程序的同一性,但是由于包名可以由开发者自由... 一、前言使用 uni-app 开发跨终端应用,可将代码编译到iOS、Android、微信小程序等多个平台,升级时也需考虑多平台同步升级。其中,uni-app发布为小程序的升级模式较简单,只需将开发完的代码提交到小程序后台,待审核通过后用户将自动升级。 1.1 Android升级检测机制android系统使用包名(package name)来判定应用程序的同一性,但是由于包名可以由开发者自由...
- 一、前言应用uni-app开发跨平台App项目时,上传图片、文档等资源功能需求十分常见:点击相框按钮可选择图片上传,点击每一个图片可以进行预览,点击每个图片删除图标可删除对应图片。基本实现功能点如下:本地相册选择图片或使用相机拍照上传图片;可以预览选择上传的图片;删除选错或不选的图片; 二、项目实战经过研读uni-app门户,官网推荐应用uni.chooseImage(OBJECT)接口从... 一、前言应用uni-app开发跨平台App项目时,上传图片、文档等资源功能需求十分常见:点击相框按钮可选择图片上传,点击每一个图片可以进行预览,点击每个图片删除图标可删除对应图片。基本实现功能点如下:本地相册选择图片或使用相机拍照上传图片;可以预览选择上传的图片;删除选错或不选的图片; 二、项目实战经过研读uni-app门户,官网推荐应用uni.chooseImage(OBJECT)接口从...
- 一、前言利用uni-app跨平台开发框架开发多终端APP时,应用HBuilder自身提供的弹窗不满足业务需求,故开发自定义弹窗组件showToast。该组件主要实现以下功能:支持标题、内容、按钮自定义;支持根据按钮标识执行不同业务逻辑;支持内容自适应;支持弹窗关闭按钮自定义显示隐藏;完整代码下载详参【拓展阅读】章节。 二、实现原理应用自定义指令结合自定义组件实现视图渲染及控制逻辑,应用Vu... 一、前言利用uni-app跨平台开发框架开发多终端APP时,应用HBuilder自身提供的弹窗不满足业务需求,故开发自定义弹窗组件showToast。该组件主要实现以下功能:支持标题、内容、按钮自定义;支持根据按钮标识执行不同业务逻辑;支持内容自适应;支持弹窗关闭按钮自定义显示隐藏;完整代码下载详参【拓展阅读】章节。 二、实现原理应用自定义指令结合自定义组件实现视图渲染及控制逻辑,应用Vu...
- 一、前言因项目需求,需要uni-app 原生APP-本地打包集成极光推送,现将集成过程梳理得出此文。 二、集成 2.1 uni-app 项目集成至 Android Studio 2.1.1 拷贝HbuilderX uni-app 源码至 AShbuilderX中使用本地打包生成android资源如下:应用Android studio新建一个空白android项目选择 Empty Activ... 一、前言因项目需求,需要uni-app 原生APP-本地打包集成极光推送,现将集成过程梳理得出此文。 二、集成 2.1 uni-app 项目集成至 Android Studio 2.1.1 拷贝HbuilderX uni-app 源码至 AShbuilderX中使用本地打包生成android资源如下:应用Android studio新建一个空白android项目选择 Empty Activ...
- 一、前言在前期实现un-app集成极光推送并完成状态栏消息通知的基础上,在收到消息的时候,希望改变App的BadgeNumber值,如果没有点击通知进入App,则BadgeNumbe值累加,如果点击了通知进入App,则BadgeNumber值减1或清0(根据iOS的系统而定)。技术分析:在收到远程推送的消息的时候,有以下三种情况需要考虑:程序在后台运行;程序未运行;程序运行在前台;原则上,... 一、前言在前期实现un-app集成极光推送并完成状态栏消息通知的基础上,在收到消息的时候,希望改变App的BadgeNumber值,如果没有点击通知进入App,则BadgeNumbe值累加,如果点击了通知进入App,则BadgeNumber值减1或清0(根据iOS的系统而定)。技术分析:在收到远程推送的消息的时候,有以下三种情况需要考虑:程序在后台运行;程序未运行;程序运行在前台;原则上,...
- 一、前言应用uni-app开发APP过程中,需要由后台短信服务器向某个特定用户发送一条带有链接的短信,用户点击该链接可唤醒app或者通过URL下载app。实现逻辑如下:当用户点击链接,首先进入H5页面,然后H5页面判断手机有没有安装app,有的话直接唤醒并打开app,没有的话进入应用市场或者通过指定URL下载。 二、实现注意📢:苹果手机是直接跳转appStore打开和下载!不能通过sch... 一、前言应用uni-app开发APP过程中,需要由后台短信服务器向某个特定用户发送一条带有链接的短信,用户点击该链接可唤醒app或者通过URL下载app。实现逻辑如下:当用户点击链接,首先进入H5页面,然后H5页面判断手机有没有安装app,有的话直接唤醒并打开app,没有的话进入应用市场或者通过指定URL下载。 二、实现注意📢:苹果手机是直接跳转appStore打开和下载!不能通过sch...
- 一、前言众所周知,Vue有一个配置Vue.config.errorHandler,用于指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例。可以借助这个函数,进行应用的错误日志记录并做一些自定义的处理,防止出现一些严重异常导致应用挂掉。一般情况下错误日志可以在前端页面中展示,并且需要记录到数据库中。在异常发生时可以调用后台接口存储到后台,前端查... 一、前言众所周知,Vue有一个配置Vue.config.errorHandler,用于指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例。可以借助这个函数,进行应用的错误日志记录并做一些自定义的处理,防止出现一些严重异常导致应用挂掉。一般情况下错误日志可以在前端页面中展示,并且需要记录到数据库中。在异常发生时可以调用后台接口存储到后台,前端查...
- 一、前言项目开发进程中,业务提出新需求,需要接入视频直播。为此,开始接触火山引擎视频直播。火山引擎方值负责提供观播SDK,综合考虑现有技术栈,采用集成Web SDK方式,接入观播功能。直播通过企业版腾讯会议方式进行推流操作。 二、技术实现前端采用uni-app Webview嵌套H5页面方式,重点处理逻辑集中在H5观播页面中,因为涉及观播activityId值的获取,故需要实现Webvie... 一、前言项目开发进程中,业务提出新需求,需要接入视频直播。为此,开始接触火山引擎视频直播。火山引擎方值负责提供观播SDK,综合考虑现有技术栈,采用集成Web SDK方式,接入观播功能。直播通过企业版腾讯会议方式进行推流操作。 二、技术实现前端采用uni-app Webview嵌套H5页面方式,重点处理逻辑集中在H5观播页面中,因为涉及观播activityId值的获取,故需要实现Webvie...
- 一、前言在日益发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视。前端项目开发完成后,会有一些列的web应用的上线验证,如自测、QA测试、code review 等,以确保应用能在生产上没有事故。但事以愿违,很多时候我们都会接受的客户的一些线上问题,这些问题有时候可能你是自己开发的原因本身存在的问题,这样的问题一般能够在测试环境重现,我们很快的能定位到问题关键位置... 一、前言在日益发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视。前端项目开发完成后,会有一些列的web应用的上线验证,如自测、QA测试、code review 等,以确保应用能在生产上没有事故。但事以愿违,很多时候我们都会接受的客户的一些线上问题,这些问题有时候可能你是自己开发的原因本身存在的问题,这样的问题一般能够在测试环境重现,我们很快的能定位到问题关键位置...
- 一、前言uni-app项目中通过webview方式嵌套H5应用时,出现页面加载慢的用户体验问题。尤其当应用第一次加载H5应用时,页面白屏大致有3-4s!经过分析发现,h5页面第一次加载时会下载页面静态资源(包括图片、字体库文件、css样式文件、js脚本等),后续加载时浏览器引擎在缓存机制的作用下会直接加载缓存信息,渲染较快。页面初次渲染其中,finish:页面最后一个请求截止的时间,如果页... 一、前言uni-app项目中通过webview方式嵌套H5应用时,出现页面加载慢的用户体验问题。尤其当应用第一次加载H5应用时,页面白屏大致有3-4s!经过分析发现,h5页面第一次加载时会下载页面静态资源(包括图片、字体库文件、css样式文件、js脚本等),后续加载时浏览器引擎在缓存机制的作用下会直接加载缓存信息,渲染较快。页面初次渲染其中,finish:页面最后一个请求截止的时间,如果页...
- 一、前言应用uni-app框架开发好APP上架使用过程中,发现应用经过长时间由后台切换至前台时,通过webview方式嵌套的H5页面发生白屏现象。 二、问题分析任何手机设备上,当手机内存不足时,os都会回收资源。一般是先回收后台打开的资源。如果当前应用占用的资源过高,当前应用也有可能崩溃。尤其是在调用摄像头点击拍照时,手机内存占用会达到一个峰值,此时较容易出问题。有关内存管理,详参博文《安... 一、前言应用uni-app框架开发好APP上架使用过程中,发现应用经过长时间由后台切换至前台时,通过webview方式嵌套的H5页面发生白屏现象。 二、问题分析任何手机设备上,当手机内存不足时,os都会回收资源。一般是先回收后台打开的资源。如果当前应用占用的资源过高,当前应用也有可能崩溃。尤其是在调用摄像头点击拍照时,手机内存占用会达到一个峰值,此时较容易出问题。有关内存管理,详参博文《安...
上滑加载中
推荐直播
-
仓颉编程语言开源创新人才培养经验分享
2025/08/06 周三 19:00-20:00
张引 -华为开发者布道师-高校教师
热情而富有活力的仓颉社区为学生的学习提供了一个充满机遇和挑战的平台。本次直播探讨如何运用社区的力量帮助同学们变身为开源开发者,从而完成从学生到工程师身份的转变。
回顾中 -
“全域洞察·智控未来” ——云资源监控实战
2025/08/08 周五 15:00-16:00
星璇 华为云监控产品经理,霄图 华为云监控体验设计师,云枢 华为云可观测产品经理
本期直播深度解析全栈监控技术实践,揭秘华为云、头部企业如何通过智能监控实现业务零中断,分享高可用系统背后的“鹰眼系统”。即刻预约,解锁数字化转型的运维密码!
回顾中
热门标签