首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏APICloud AVM多端开发教程

    APICloud 原生模块、H5模块、多端组件使用教程

    使用APICloud平台,可以使用前端技术快速开发iOS、Android App、小程序、Web等多端应用。在开发过程中,调用模块可以极大的提升开发效率。 本文分为三个部分,告诉大家如何使用APICloud 的原生模块、H5模块以及多端组件,快速实现功能开发。 二、H5模块使用教程 H5模块是指使用HTML、CSS、JS语言开发的模块。所以这类模块需要下载模块源码,在页面中引用。 ? ? 将下载后的代码包解压: ? 多端组件使用教程 多端组件是指使用 avm.js 开发的组件,通常同时适配Android、iOS、小程序、H5 , 具体支持情况还要看每个组件的说明文档。 ? 注意多端开发模式,使用的是stml 页面,语法类似vue 。在openFrame 或 openWin 时 avm 参数传true,可以打开stml 页面。 ? ?

    1.5K22编辑于 2022-04-24
  • 来自专栏你的小程序

    打通 H5微信小程序 多端UI库

    community/develop/article/doc/00022217bacab04c8dc9eeaa35c813 一开始做 kbone-ui 的初衷是为了减少 kbone 的上手难度,需要提供多端的样式统一的 所以,为了达到这个目标,kbone-ui 的方式是以小程序内置组件和拓展组件为对齐目标, 使用 weui 样式提供 H5 和 小程序体验一致的跨端 UI 组件库。 ” && typeof Component === “function” 对外按照小程序组件,以 K 为前缀暴露一个统一的组件名称,内部H5 端通过 weui 样式来适配,而小程序端直接使用内置组件。 比如: // 对外暴露: <KButton> // 小程序端: <wx-button> // H5 端: <button> + weui 快速上手 kbone-ui 的第一期工作,已经基本完成。 slider、dialog [组件内容] 整体来说,kbone-ui 切入的角度和 taro、mpvue 等跨端式的方式不太一样,使用 kbone-ui 可以在不脱离已有框架(Vue, React)下,实现多端开发目的

    1.9K30发布于 2020-01-21
  • 来自专栏胡哥有话说

    宠汪汪多端(H5和小程序)项目实践

    为解决多端开发的问题,市面上有很多类似的开发框架,Vue.js 规范的 uni-app、mpvue、WePY,React.js 规范的 Taro 等等。 通过 npm run dev:h5 进行本地重构开发,第一步已经成功,下面就是兼容原生小程序。 ? process.env.TARO_ENV === 'h5'是关键,其实我们在编译时候会选择是编译到 H5 还是 weapp,所以 Taro 做了编译场景判断,如果是 H5 的话,不会包含特殊的小程序代码 loginJd(cb,isLoginOut){ //判断是h5 环境还是 小程序环境 if(process.env.TARO_ENV === 'h5'){ if(isLoginOut 利用 Taro 解决了多端场景的痛点,当然项目中有些场景还是需要单独写 H5 和小程序的代码,以满足业务需求比如长图保存,打字动效果等等。整体来说,的确提高了开发效率,减少研发周期。

    2K31发布于 2019-12-06
  • 来自专栏MelonTeam专栏

    多端排版杂谈

    2008年,第一份HTML5正式草案发布,我想那时候大部分的开发者还陷在解决IE6的排版缺陷的泥潭中;当时HTML5带来很多新的东西,但在排版方面没有带来革命性的技术,而是在流体排版的基础上引入了FlexBox FlexBox 内置的水平方向控制属性justify-content        今年5月份,最新的排版技术Grid Layout(栅格化排版)第二个CR版本又发布了,Grid Layout把每个容器都定义成了一张网格 民间传的最多的主要有五大排版方式: (1) LinearLayout(线性布局) (2) RelativeLayout(相对布局) (3) TableLayout(表格布局) (4) FrameLayout(框架布局) (5)

    1.5K70发布于 2018-01-04
  • 来自专栏博文视点Broadview

    小程序、H5、App多端开发难?试试Taro吧!

    同时除了需要生成小程序,很多公司产品可能还需要在 H5、iOS、Android 端运行。 能否在兼顾小程序的同时,也可以编译生成 H5、iOS、Android 应用呢? 解决多端开发问题即是解决代码编译问题,换言之,就是将一套代码通过编译生成可以运行在多端的源代码来实现一次编写多端运行这一目标。 《Taro 多端开发权威指南:小程序、H5、App 高效开发实战》由基础引入,配以实战,由浅入深,是迄今为止最系统全面地讲述 Taro 多端开发的图书。 ▊《Taro多端开发权威指南:小程序、H5与App高效开发实战》 李佩忠 著 Taro多端开发市面首著 深入学习使用Taro,玩转跨端跨框架开发 支持使用 React/Vue/Nerv等框架 一处代码, 多处运行 快速开发微信/京东/百度/支付宝/字节跳动/ QQ小程序/H5/React Native等应用 从基础到实战,全方位讲解Taro知识点与多端开发思路 (京东限时活动,快快扫码抢购吧!)

    1.3K10编辑于 2023-05-06
  • 来自专栏PM吃瓜(公众号)

    谈对象MVC多端

    5、到这里已经到达了数据库了,取回数据顺着蓝色箭头反方向返回,数据再次 来到了逻辑控制器。 网站这一种程序,通常都会有多端的情况,就是会有 PC端、WAP端、管理端、APP端等等,这个在Thinkphp3.2中称为“模块”。

    98520发布于 2019-08-12
  • 来自专栏新零售项目实践

    多端开发实战 | 基于Taro的多端动态定价系统设计与实现

    如何在多端应用中实现高效、合规的动态定价?"这是我们系统加入动态定价模块时遇到的第一个挑战。 本文将带您深入了解如何使用Taro框架构建一个支持H5和微信小程序的多端动态定价系统,涵盖从架构设计到具体实现的全过程,并分享我们在开发过程中积累的实战经验。 1.2 分层架构设计关键设计点:客户端缓存层实现5分钟有效期。业务逻辑层处理熔断和会员逻辑。WebSocket保持长连接接收价格更新。 class H5PriceService extends BasePriceService { async getCurrentPrice(productId) { // H5特有逻辑 }}/ ,重点解决了以下核心问题:通过分层架构设计实现了多端适配的统一定价逻辑。

    58231编辑于 2025-07-22
  • 来自专栏新零售项目实践

    多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南

    实现过程中,遇到了诸多挑战:多端适配:门店操作端(小程序)、管理看板(H5)、供应商端(Web)需要统一技术栈。数据复杂性:需整合销售数据、库存水位、促销计划、季节波动等多维因素。 本文将详细介绍该系统的架构设计、关键实现以及多端适配方案,并分享在实际落地过程中遇到的典型问题及解决方案。 2.3 技术栈关键组成多端适配层:Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层:Redux Toolkit状态管理。 :微信小程序无DOM APIH5端需支持响应式布局各平台样式兼容性问题解决方案:/** * EDI报文生成服务类 * 提供EDI报文生成和推送相关功能 */class EDIService { /** 通过多端适配架构设计、智能算法集成和供应商协同流程优化,我们实现了从预测到采购的全流程自动化。系统特别注重:数据准确性:通过严格的数据清洗保证预测质量。操作便捷性:多端统一的操作体验。

    88520编辑于 2025-07-23
  • 来自专栏新零售项目实践

    多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南

    多端体验差异:H5与小程序的技术栈适配。Taro 作为跨端框架,基于 React 语法支持一套代码适配多端(H5/小程序/RN 等),结合实时通信技术与分布式架构,可高效实现多端库存同步系统。 本文将基于Taro3.x+React技术栈,从架构设计到代码实现,完整呈现一套多端库存同步方案。 多端展示层Taro 编译为 H5 和小程序代码,UI 组件按平台适配。MySQL:存储基础库存数据,支持事务操作(如库存扣减)。 多端展示层Taro 编译为 H5 和小程序代码,UI 组件按平台适配。1.3 混合同步策略实时更新:库存变动时,服务端通过 WebSocket 主动推送至所有在线客户端。 解决:启用 MQTT 协议(支持 QoS 消息质量分级)5。本地暂存变更(IndexedDB + Taro 本地存储),网络恢复后重传。3.2 多端数据冲突场景:H5 和小程序同时修改同一商品库存。

    59520编辑于 2025-07-19
  • 来自专栏用户8287283的专栏

    App、H5、PC应用多端开发框架Flutter 2发布

    Google于2021年3月3日发布跨平台多端框架Flutter 2。 针对web,移动和台式机构建的下一代Flutter。 现在Flutter 2 专门面向了web端(电脑浏览器网页、手机浏览器h5页面)、当然小程序这类框架慢慢兼容Flutter框架也会变成大势所趋。 这对我们来说意味着什么? image 5.png You can find out more about Flutter on the web from our dedicated blog post over at our

    10.7K30发布于 2021-03-04
  • 来自专栏凯哥Java

    frp配置多端口内网穿透?frp多端口怎么配置?

    = 自定义的用户名 dashboard_pwd = 自定义的密码 #日志路径 log_file = /home/frp_0.46.1_linux_amd64/log/frps.log #以下是配置多端口的 可以看到如图所示,说明已经frp多端口配置成功 如果还是不放心,可以登录frp的管理页面进行查看。 frp管理页面就是在frps.ini里面配置7500相关的用户名和密码。

    3.1K20编辑于 2023-12-22
  • 来自专栏凯哥Java

    frp配置多端口内网穿透?frp多端口怎么配置?

    = 自定义的用户名 dashboard_pwd = 自定义的密码 #日志路径 log_file = /home/frp_0.46.1_linux_amd64/log/frps.log #以下是配置多端口的 可以看到如图所示,说明已经frp多端口配置成功 frp客户端启动成功示例图 如果还是不放心,可以登录frp的管理页面进行查看。

    4K50编辑于 2023-06-18
  • 来自专栏腾讯IMWeb前端团队

    Kbone多端方案分析

    相比较于这些多端框架, kbone的出发点不一样,可能是历史原因, kbone的多端尝试采用了 vue而不是 react,然后提供适配层来支持 dom和 bom等,让小程序端尽量能使用 web端的能力, 其他框架出发点是多端,按约定的开发模式编译到各个端不同的代码,各个端提供一个运行时来保证代码的正确运行,这些多端框架的主要限制还是框架本身。 kbone转换后,会内置一套 h5-xxx的样式,来适配他的自定义组件,但是编译后这些样式的优先级有点高,会覆 盖我们业务里的样式,这个应该是他提供的 webpack插件处理的问题。 实战体验 把之前做的一个小程序活动页采用 kbone简单实现了下,样式直接复用之前小程序端的样式,效果如下 H5 小程序 体验过程中的几个问题 上面分析过程中大致也提到了, text组件采用 span

    80110编辑于 2022-06-29
  • 多端智能虚拟数字人

    从 “单一端侧” 到 “多端适配”​借助 AI 技术的跨平台兼容性,ChatGPT 驱动的虚拟数字人可实现 “一次开发,多端部署”:在手机 APP 中,它是陪伴用户的智能伙伴;在直播平台,它是能与观众实时互动的虚拟主播 多端适配能力让虚拟数字人的应用边界大幅拓宽,覆盖个人消费、企业服务、公共场景等多个领域。​3. 二、多端智能虚拟数字人实战:关键环节与技术协同​打造 ChatGPT+AI 驱动的多端虚拟数字人,并非单一技术的堆砌,而是多领域 AI 能力的协同作战。 多端 “部署与适配”:兼顾性能与体验​多端部署的核心挑战是 “端侧资源差异”:手机、VR 设备、智能音箱的硬件性能(算力、内存)、交互方式(触屏、语音、手势)差异极大,需针对性优化:​轻量化适配:在算力有限的端侧 据测算,部分场景下,虚拟数字人的服务成本仅为人工的 1/5,且可实现 7×24 小时无间断服务。​2.

    36110编辑于 2025-10-01
  • 来自专栏新零售项目实践

    多端开发实战 | 基于 Taro 的智能商品推荐系统多端实战指南

    引言我们之前在做多端框架选择的时候,优先考虑的是开发效率。于是选择了支持React开发的Taro框架,Taro 框架提供了 “一次开发,多端运行” 的能力,这样学习成本少,上手也快。 本文将深入探讨如何基于 Taro 在多端实现商品推荐核心功能,提供从架构设计到具体实现的全栈解决方案。 三、多端适配策略3.1 平台差异处理方案功能点H5实现方案小程序实现方案用户画像采集Cookie + LocalStorage微信开放数据 + Storage分享功能原生分享API微信分享菜单支付流程支付宝 :H5与小程序在CSS支持度上存在差异,如:小程序不支持:before/:after伪元素H5不支持微信的rpx单位解决方案:// 使用Taro的混合样式方案.recommend-item { /* 通用样式 */ margin: 10px; /* H5专属样式 */ /* #ifdef H5 */ &::after { content: ''; display: block

    73420编辑于 2025-07-08
  • 来自专栏前端文章小tips

    uniapp多端登录实现(二)

    这是一个uniapp+ThinkPHP6的登录框架,已经实现了微信小程序、app和h5的一键登录、手机号+密码登录以及手机号+验证码登录,其它的小程序可以在此基础上快速扩展。 uniapp多端登录框架前端代码已开源,请到官方网站君兰IT组件的《uniapp登录框架》的下载中获取 登录原理 本登录框架后端使用token缓存认证机制,token默认有效果间是2个小时(可以延长)

    1.2K50编辑于 2021-12-09
  • 来自专栏搜狗测试

    多端配合难?duck不必

    在项目测试过程中,大多数测试任务都会涉及到多端开发的配合,常见的配合端有客户端、前端、服务端、内核等等。而这种多端配合尤其体现在一些复杂度较大的需求任务中,甚至,还会涉及到跨平台开发的配合。 问题分析 在实际项目中,涉及到多端多平台开发配合时,小编遇到的问题主要有如下几点: 1、多端开发配合需求,存在一端未在整体联调成功前提测的问题,影响测试进度及整体项目进度; 2、多平台多端开发配合需求, 前期接口约定不统一,在后期测试执行中暴露,影响测试进度及项目质量; 3、多平台多端开发配合需求,需求变更及确认信息不同步,影响后介入的平台项目测试; 4、多端开发配合需求,bug表单的沟通成本加大; 5多端开发配合需求,缺少统一的开发进度把控者; …… 如何解决上述这些问题呢? 排期提测 经与开发约定,涉及多端配合需求,各端开发的排期,首先要各自标注清楚关联的开发端;其次,提测时间应为最终的整体真实可测试时间点,这就需要配合端开发在制定排期时,互相沟通清楚多方联调的时间点。

    69940发布于 2020-05-28
  • 来自专栏碲矿

    超简单 Obsidian 多端同步

    不知道是啥你就点进来啊…… 简单说,是一款支持多端的笔记管理工具,配置得当,大概就跟印象笔记、有道笔记类似了。 我之前主要使用有道笔记(免费版),但最近有道笔记升级了,我用不太习惯。 多端同步,就有得说道说道了。 最简单的方法,当然是付钱了!直接购买官方的同步服务就好了。

    1.2K12编辑于 2024-12-06
  • 来自专栏h5

    基于uniapp+vue3多端h5+小程序+App端直播商城

    uniapp-welive支持编译到多端H5+小程序+App端,且效果基本保持一致性。 uniapp-welive小视频/直播页面采用Nvue编码开发方式。 使用技术 编辑器:HbuilderX 3.98 框架技术:Uniapp+Vue3+Vite4+Nvue+Pinia UI组件库:uv-ui+vk-uview 弹框组件:uaPopup(uniapp封装多端弹框组件 ) 自定义组件:uaNavbar+uaTabbar组件 本地缓存:pinia-plugin-unistorage 编译支持:H5+小程序+APP端 入口文件 /** * 入口配置 */ import MP-ALIPAY customBar = statusBar + e.titleBarHeight // #endif // 兼容nvue写法(H5/ scrollview flex1" scroll-y show-scrollbar="false" :scroll-into-view="scrollToView" :lower-threshold="5"

    1.5K21编辑于 2024-01-02
  • 来自专栏腾讯IMWeb前端团队

    Cocos——UI多端适配之道

    前端同学通常都用媒体查询或 rem 做多端适配,但是在 Cocos 上 CSS 不复存在。那你知道在 Cocos 上如何做到多端适配吗? ---- 分析 针对这个需求,我们将适配的过程拆分成以下几点: 多端适配背景图 多端适配贴边节点 选项背景图九宫格切割 ---- 多端适配背景图 什么是设计分辨率和屏幕分辨率? 在Cocos上做多端适配需要先了解什么是设计分辨率和屏幕分辨率。 ---- 多端适配贴边节点 Widget 组件为何物? 通过这种方式我们可以无代码实现贴边节点的多端适配。 ---- 选项背景图九宫格切割 为什么要对背景图做处理?

    3.1K30编辑于 2022-06-29
领券