首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏万丈高楼平地起

    uniapp开发

    1.开发方式 1.Dcloud 提供的 HBuildex 来开发 2.使用脚手架快速搭建和开发 a>全局安装 npm i -g @vue/cli b>创建项目 1》vue create -p dcloudio /uni-preset-vue [项目名称] 2》选择默认的模板就行 c>启动项目 npm run build:mp-weixin d>微信开发者工具导入项目 e>支付宝开发者工具导入项目 f>全局文件配置 https://zh.uniapp.dcloud.io/collocation/pages.html

    1.8K10编辑于 2022-10-31
  • 来自专栏万少的技术分享

    uniapp开发 精讲

    uniapp开发介绍 uniCloud 是 DCloud 联合阿里云、腾讯云、支付宝小程序云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。 可以使用极小的成本代价开发具轻松实现前后台整体业务。尤其适用于不太熟悉后端的前端工程师!!!! 普通应用架构 服务空间 一个服务空间对应一整套独立的云开发资源,包括数据库、存储空间、云函数等资源。 可以在web端或者hbuilderX 使用MongoDB语法或jql语法管理数据库 uniapp还提供了独特的 clientDB 能力,可以我们直接在前端页面中读取数据库,极大提高了开发效率 // 获取 uniapp提供了云端一体插件,可以直接通过引入的方式就帮我们做好了前端和后端的所有工作,极大简化了开发者的工作。 uni-id:不用再开发用户系统。 详见 uni-map:地理位置开发中间件,极大加速地图业务开发效率。

    81700编辑于 2025-02-10
  • 来自专栏APP开发

    UniApp开发的设备适配

    UniApp 是一个跨平台开发框架,支持多端应用(如H5、小程序、iOS、Android等)。由于不同设备的屏幕尺寸、分辨率、操作系统等存在差异,设备适配是开发过程中需要重点关注的问题。 以下是 UniApp 设备适配的详细策略和技巧。1.屏幕适配1.1使用rpx单位rpx 介绍:rpx 是 UniApp 提供的自适应单位,1rpx 等于屏幕宽度的 1/750。 使用微信开发者工具调试小程序。使用 HBuilderX 的真机调试功能调试移动端应用。7.总结UniApp 的设备适配需要从屏幕、平台、字体、导航栏、横竖屏等多个方面入手。 在实际开发中,建议结合具体场景,持续测试和优化适配效果。

    1.4K00编辑于 2025-02-25
  • 来自专栏万少的技术分享

    uniapp 极速上手鸿蒙开发

    uniapp 极速上手鸿蒙开发 uniapp 团队 与版本 4.28.2024092502 起,支持鸿蒙应用开发,现在是 4.36.2024112817,同时支持鸿蒙应用和元服务开发了。 HBuilderX 4.31+ 构建的鸿蒙运行包不支持 x86_64 平台,会影响到 Windows 系统和部分 Mac 系统的鸿蒙模拟器无法使用,需使用真机调试 底下主要针对真机做的演示 项目要求 在创建 uniapp 复制证书相关的配置 下载和安装 hbuilder hbuilder 下载相关插件 hbuilder 配置 DevEco Studio 工具路径 hbuilder 新建 uniapp 运行项目的时候需要用到 在使用 DevEco Studio 新建完项目后,参考链接 进行证书的配置 得到配置文件 build-profile.json5 后续复制整个代码到 uniapp 创建的项目即可 下载相关插件 工具-插件安装 关键是这几个 鸿蒙、vue3 hbuilder 配置 DevEco Studio 工具路径 这里配置 DevEco Studio 工具的路径 工具-设置 hbuilder 新建 uniapp

    41310编辑于 2025-02-10
  • 来自专栏Java实战博客

    Uniapp 开发代码包规范

    image.png Hbuilder:https://www.dcloud.io/ Uniapp 开发文档:https://uniapp.dcloud.io/ Uniapp:因为有些组件可能会要求包的文件名 └── request.js // http请求库 ├── App.vue ├── main.js // 入口文件 ├── manifest.json // uniapp

    87010编辑于 2022-01-19
  • 来自专栏APP开发

    UniApp开发框架的介绍

    UniApp 是一个基于 Vue.js 的跨平台开发框架,允许开发者使用一套代码构建多端应用(如H5、小程序、iOS、Android等)。以下是 UniApp 开发框架的详细介绍。 2.UniApp开发环境2.1开发工具HBuilderX:官方推荐的IDE,内置 UniApp 开发模板和调试工具。支持代码高亮、智能提示、实时预览等功能。 5.UniApp开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目,选择模板(如默认模板、Hello UniApp)。 7.UniApp 的适用场景多端应用开发:适合需要同时开发 H5、小程序和移动 App 的项目。快速原型开发:适合快速构建 MVP(最小可行产品)或原型。 中小型项目:适合中小型项目,开发成本低、周期短。总结UniApp 是一个强大的跨平台开发框架,特别适合需要快速开发多端应用的场景。

    1.3K10编辑于 2025-02-25
  • 来自专栏站长的编程笔记

    uniapp 目录结构及开发规范

    开发规范 ---- 为了实现多端兼容, 综合考虑编译速度、运行性能等因素,uni-app 约定了如下开发规范 1. 页面文件遵循 vue 单文件组件 (SFC)规范 2. 为兼容多端运行, 建议使用 flex 布局进行开发

    83930编辑于 2023-01-05
  • 来自专栏Java

    uniapp项目实践第二章:使用vscode开发uniapp项目

    使用vscode开发uniapp项目 简介:本文讲解如何使用vscode开发uniapp项目。 首先使用vscode打开项目 安装插件 然后就可以新建uniapp页面了 创建新的页面,并且整理好代码 查看路由 安装插件 然后鼠标悬停,就有了提示 可以一键跑到对应的官方文档

    6.6K11编辑于 2025-01-21
  • 来自专栏友人a的笔记丶

    uniapp开发笔记,持续记录

    条件编译:https://uniapp.dcloud.io/platform 3. NPM的使用:https://uniapp.dcloud.io/frame? 6. uniapp演示:https://hellouniapp.dcloud.net.cn/pages/component/view/view 7. uniapp程序的生命周期:https://uniapp.dcloud.io /collocation/frame/lifecycle 8. uniapp组件:https://uniapp.dcloud.io/vue-components 9. uniapp目录结构:https: id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84 10. uniapp 安卓应用开发记录:https://nicen.cn/webapp.html 11.uniapp Vue2 Uniapp开发遇到的登录的问题 网络请求都是异步的,但是某些页面必须登录加载数据之后才能显示。

    1.6K10编辑于 2023-02-17
  • 来自专栏第一专栏

    uniapp水文【uniapp

    1、前言 Uniapp是一种跨平台的移动应用开发框架,它允许开发者使用一套代码库,同时生成iOS、Android等多个平台的应用程序。 这种技术方案可以大大降低开发成本,提高开发效率,使得移动应用的开发变得更加高效和便捷。 2、历史 Uniapp的历史可以追溯到2016年,当时Vue.js框架开始受到广泛关注。 Uniapp作为一种高效的跨平台移动应用开发框架,将会受到越来越多的开发者的青睐。同时,随着Uniapp生态的不断完善和壮大,它将会成为一个更加丰富和强大的开发工具。 其中最大的优点是跨平台开发,它可以大大提高开发效率,并且可以使得同一份代码库在不同的平台上运行。但是,由于需要同时兼容多个平台,Uniapp的性能可能会受到一定的影响。 因此,我们强烈推荐开发者使用Uniapp进行跨平台移动应用的开发。 7、附录 7.1、高频使用 1、页面路由 在 uniapp 中,页面路由是通过 uni.navigatorTo() 方法来实现的。

    2.1K20编辑于 2023-05-29
  • 来自专栏dmhsq_csdn_blog

    开发---uniapp开发(二)---云存储基础

    开发系列 视频 https://www.bilibili.com/video/BV1eK4y1p7Qe 我们之前已经讲了 云函数的使用 云开发---uniapp开发(一)---服务空间创建以及部署一个云函数 云开发---uniapp开发云函数练习---整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https://uniapp.dcloud.io/uniCloud/storage http://i0.hdslb.com/bfs/archive/52b78eb6e48dc657149f3c0415bbf83a73d64f0e.jpg)(title-云开发系列) 云存储基础 服务空间的云存储 id=choosefile [无] 选择图片 https://uniapp.dcloud.io/api/media/image? id=chooseimage [无] 选择视频 https://uniapp.dcloud.io/api/media/video?

    14.3K10发布于 2021-03-15
  • 来自专栏『学习与分享之旅』

    Uniapp】-uni-app开发环境搭建

    那么了解完了什么是 Uniapp 之后,这篇文章再来搭建一下 Uniapp 的一个开发环境,那 Uniapp开发环境需要什么东西? : 步入正题 也就是说你想使用 Uniapp 的话,你最好使用它自带的这开发工具,是吧? 第一件事情就是你想使用 HBuilderX 来开发 Uniapp,来编写 Uniapp 的一个代码的话,首先你需要注册一个这个 dcloud 的一个账号,dcloud 账号。 做完这两件事情之后,你就可以把 Uniapp 编写的一个代码运行到小程序里面来了, 再次回到 HBuilderX,找到运行到小程序,然后运行到微信开发者工具,点击运行, 运行效果如图所示: 到这,运行到小程序开发工具里都已经搞定了 那没问题之后到此为止,这个 Uniapp 开发环境就已经给大家介绍到这里, 介绍完毕了。

    1.5K20编辑于 2023-12-03
  • 使用 UniApp 开发设备信息展示界面

    cloud.tencent.com/developer/article/2464797这篇文章详细介绍了Spring AI的新特性,特别是如何利用全局参数实现CRUD操作和个人待办管理,内容深入、实用性强,对开发者理解智能数据库交互和 本文将逐步解析一个使用 UniApp 实现的设备信息展示页面。此界面展示了包括设备基本信息、显示信息、网络信息、电池信息和存储信息等各类数据。 合并所有信息 this.deviceInfo = { ...baseInfo, ... }; }, ...}获取设备信息:方法 getDeviceInfo 使用 UniApp 结语通过这篇博客的讲解,希望读者能够更好地理解如何使用 UniApp开发一个设备信息展示页面。无论是布局设计、数据动态更新还是交互体验,都细心地处理了每一个细节,确保应用既美观又实用。

    72900编辑于 2024-12-07
  • 来自专栏Vue3

    uniapp开发环境搭建与入门基础

    本篇目标:从零开始搭建uniapp开发环境,创建第一个项目,理解基础概念 本篇学习目标通过本篇教程,你将学会:✅ 理解什么是uniapp,为什么选择uniapp✅ 搭建完整的uniapp开发环境✅ 创建第一个 uniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到:iOS AppAndroid App Web(响应式)微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序快应用 )Web应用 → Vue/React (2个月)总计:10个月uniapp开发方式:一套Vue代码 → 自动编译到所有平台 (2个月)效率提升:5倍 成本优势分析人力成本降低80%:一个前端开发者替代多个平台开发者维护成本降低 开发IDE,专门为uniapp开发优化。 参与开发者交流群获取帮助关注更新:uniapp更新较快,及时学习新特性 本篇总结通过本篇教程,我们完成了:✅ 环境搭建:HBuilderX + 微信开发者工具 ✅ 项目创建:第一个uniapp项目

    2.1K20编辑于 2026-01-01
  • 来自专栏大前端全栈开发

    uniapp开发安卓应用踩坑记

    直接在iconfont上生成的代码,url链接里是以 // 开头的,不是完整的网址路径。 解决方案:在字体图标引用路径前面要加上https:,否则在app上不显示

    1K30编辑于 2023-11-16
  • 来自专栏陶士涵的菜地

    uniappuniapp微信小程序开发:启动微信开发者工具提示no such file or directory错误

    当使用uniapp运行微信小程序模拟的时候,遇到这样的错误: #initialize-error: Error: ENOENT: no such file or directory  开启安全服务端口

    5.1K30编辑于 2022-08-10
  • 来自专栏404

    使用 uniapp 开发微信小程序

    使用 uniapp 开发微信小程序 简述 纵翔商城是基于微信小程序实现的线上商城。 style": { "navigationBarTitleText": "view" } }], "condition": { //模式配置,仅开发期间生效 小程序与小游戏获取用户信息接口调整,请开发者注意升级! 新建项目 微信开发者工具新建项目,引入thorui组件库。

    1.5K20编辑于 2022-04-25
  • 来自专栏dmhsq_csdn_blog

    unicloud云开发---uniapp开发(二)---云存储基础

    开发系列 我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/ 我们之前已经讲了 云函数的使用 云开发uniapp开发(一)—服务空间创建以及部署一个云函数 云开发uniapp开发云函数练习—整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https:// /home 上传文件 https://uniapp.dcloud.io/uniCloud/storage? id=choosefile 选择图片 https://uniapp.dcloud.io/api/media/image? id=chooseimage 选择视频 https://uniapp.dcloud.io/api/media/video?

    3.5K20发布于 2021-10-25
  • 来自专栏iOS打包,上架知识大全

    uniapp开发App从开发到上架全过程

    首次打开的时候以弹窗形式进行展示 ​ 第二则是要在APP进行账户登录的时候进行展示,并要求用户勾选并同意隐私协议才可进行登录 ​ 第三处则是要在我的或设置页面中再次展示隐私协议 ​  对于首次打开APP的隐私弹窗,uniapp 如想实现更多自定义功能和样式,可以参考uniapp官方关于隐私政策配置的说明uni-app官网 (dcloud.net.cn) 配置好后即可以对APP进行打包上架操作,在进行打包前,我们需要关注下应用的版本号 应用版本名称”和“应用版本号”进行设置 ​  配置完成后,我们选择Hbuilder菜单“发行-原生APP云打包进行打包”,填写Android报名并选择证书后,即可进行打包,关于包名和证书的设置,在我的上一篇文章uniapp 开发App从开发到上架全过程(二)-真机调试_阳光shine的博客-CSDN博客https://blog.csdn.net/JiayaoXu/article/details/128467553 中有提到 最后,上架可能不会一次就成功,总会有各种奇奇怪怪的问题出现而被驳回,此时就需要根据驳回的修改意见来灵活修改了,祝每一位开发者都能够上架自己心仪的App~

    1.4K10编辑于 2023-11-30
  • 来自专栏项目文章

    IOS开发UniAPP实现BLE低功耗蓝牙开发1

    UniAPP实现BLE低功耗蓝牙开发 1、Uni-app介绍 2、Uni-app优点 3、BLE开发流程 1、Uni-app介绍 uni-app 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码 2、Uni-app优点 3、BLE开发流程 1、初始化蓝牙 uni.openBluetoothAdapter(OBJECT) 2、开始搜索蓝牙设备 uni.startBluetoothDevicesDiscovery

    1.8K10编辑于 2024-06-07
领券