- 综合排序
- 最热优先
- 最新优先
- 来自专栏小程序类
几个跨端开发方案
我们都知道的是现在很多平台都采用跨平台开发，相对于原生开发，跨平台开发有开发成本低，开发周期短，开发难度小等诸多优点。那么跨平台开发究竟是什么呢？ 首先我们来理解一下跨平台，像安卓，pc，苹果，ipad，我们可以称之为用户终端，也是作为我们应用程序所运行的平台，所以我们所说的跨平台开发就是使用非安卓或者非苹果技术开发安卓应用或者苹果应用，这就是跨平台 跨端方案或多或少都能过起到研发降本增效的作用，方案各自有其优劣势。目前市面上主流跨端开发方案有以下 4 种：1、以 Web 为基础的 H5 Hybrid 方案这类方案简单来说就是用网页来跨端。 现在绝大多数端上（甚至包括封闭的小程序生态）都支持 Webview，所以只要开发网页然后投放到多个端即可，在桌面端对应的方案就是 Electron。 但从前端开发视角看，Flutter 更像是一个 Native 开发方案而非跨端方案（虽然其实是跨 Android/iOS 的）。
1.8K20编辑于 2022-06-30 - 来自专栏大前端
Flutter跨平台移动端开发
---- Scaffold Widget and TabBar Widget（脚手架及切换组件） scaffold 是 Materrial 库中提供的一个脚手架，可以帮助开发者更快的完成功能页的开发 ---- 本篇到此完结，更多 Flutter 跨平台移动端开发 原创内容持续更新中~ 期待您 关注 / 点赞 / 收藏 向着 大前端工程师 晋级！ ----
3.5K40发布于 2019-05-25 跨端开发实践：多端适配指南
跨端开发技术应运而生，让开发者能够"一次编写，多端运行"，大大提高了开发效率。 本文将深入探讨 uni-app 和 Taro 两个主流跨端开发框架的多端适配实践，为前端开发者提供实用的指导和建议。 跨端开发概述 2.1 什么是跨端开发 跨端开发是指使用一套代码，通过不同的编译工具和运行时环境，在多个平台上运行的开发方式。 Taro 跨端开发实践 4.1 框架特点 Taro 是京东推出的跨端开发框架，具有以下特点： React/Vue 语法：支持 React 和 Vue 两种开发方式 TypeScript 支持：原生支持 ：编译优化、运行时优化持续改进 开发体验：更好的开发工具和调试支持 平台支持：支持更多新兴平台和技术 标准化：跨端开发标准和规范逐步完善 8.4 选择建议 在选择跨端开发框架时，建议考虑以下因素： 团队技术栈 本文介绍了 uni-app 和 Taro 两个主流跨端开发框架的实践经验，希望能为前端开发者在跨端开发的道路上提供有价值的参考。
42210编辑于 2025-12-15- 来自专栏日常活动篇
使用CodeBuddy 辅助 Flutter 跨端开发
今天记录一下使用CodeBuddy辅助Flutter跨端开发。我们都知道，在 Flutter 跨端开发中，实现一个兼容多平台的组件往往需要处理不同操作系统的特性差异。 这里我就用ai辅助开发，尽量在 3 小时内完成一个支持自动轮播、手势滑动且适配 iOS（iPhone 12+）和 Android（Android 11+）的轮播图组件开发，并解决开发过程中遇到的典型适配问题 项目需求是为 Flutter 应用的首页开发一个核心轮播图组件，需满足以下条件： 跨端兼容：适配 iOS（iPhone 12 及以上）和 Android（Android 11 及以上）设备 功能完整：支持自动轮播 （间隔 3 秒）、手势滑动切换 性能优化：图片加载使用 cached_network_image 实现缓存 时间限制：3小时内完成开发、测试与优化 二、工具与场景配置 AI 工具：CodeBuddy 开发环境 需求输入与基础代码生成 首先我们还是先向 CodeBuddy 输入明确需求： 开发 Flutter 轮播图组件，适配 iOS 和 Android，自动轮播间隔 3 秒，支持手势滑动切换，图片加载用 cached_network_image
44310编辑于 2025-09-26 - 来自专栏小程序类
让开发效率飞速提升的跨端开发神器
我们都知道的是现在很多平台都采用跨平台开发，相对于原生开发，跨平台开发有开发成本低，开发周期短，开发难度小等诸多优点。那么跨平台开发究竟是什么呢？ 首先我们来理解一下跨平台，像安卓，pc，苹果，ipad，我们可以称之为用户终端，也是作为我们应用程序所运行的平台，所以我们所说的跨平台开发就是使用非安卓或者非苹果技术开发安卓应用或者苹果应用，这就是跨平台 跨端方案或多或少都能过起到研发降本增效的作用，方案各自有其优劣势。目前市面上主流跨端开发方案有以下4种： 1、以 Web 为基础的 H5 Hybrid 方案 这类方案简单来说就是用网页来跨端。 现在绝大多数端上（甚至包括封闭的小程序生态）都支持 Webview，所以只要开发网页然后投放到多个端即可，在桌面端对应的方案就是Electron。 但从前端开发视角看，Flutter更像是一个Native开发方案而非跨端方案（虽然其实是跨 Android/iOS 的）。
59510编辑于 2022-06-06 - 来自专栏林欣哲
搭建移动端的跨平台开发环境
如果涉及到手机设备如摄像头、定位、地图等，则要么封装原生代码给React Native调用，要么直接跳转到用原生代码开发的页面。 搭建开发环境 硬件条件：推荐使用Mac电脑开发，可以同时开发iOS和Android两个平台 必装工具 安装指南 Homebrew (Mac下的包管理工具) 安装方法： /usr/bin/ruby -e 的项目模版并命名为AwesomeProject cd AwesomeProject react-native run-ios //启动该项目的iOS模拟器并运行 若能成功启动，则你的环境已配置好，可以开始开发啦
1.6K80发布于 2018-04-10 - 来自专栏京东技术
Taro小程序跨端开发入门实战
Taro的官方介绍 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5/ React 现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要 Taro的主要特点 快：可以快速开发小程序，解决小程序开发的各种痛点； 多：可以实现多终端适配，一套代码适配小程序、H5、RN等多终端。 而 React 最开始就是为了解决 Web 开发而生的，所以对代码稍加改动，也可以直接生成在 Web 端运行的代码，而同属 React 语法体系下的 React Native，也能够很便捷地提供支持。 这一套标准主要以三个部分组成，包括标准运行时框架、标准基础组件库、标准端能力 API，其中运行时框架和 API 对应 @taro/taro，组件库对应 @tarojs/components，通过在不同端实现这些标准
2.1K30发布于 2021-09-24 - 来自专栏移动开发之家
移动端跨平台开发的深度解析
（事实上更多是共存发展）看完本篇，相信你会对于当下跨平台移动开发的现状、实现原理、框架的选择等有更深入的理解。 全篇内容较多，需耐心食用！ (///▽///) 一、前言 为什么我们需要跨平台开发？ /GSYGithubAppWeex Flutter https://github.com/CarGuo/GSYGithubAppFlutter [百花齐放] 二、原理与特性 目前移动端跨平台开发中， 而跨线程通信，也意味着 Js Thread 和原生之间交互与通讯是异步的。 可以看出，跨平台的关键在于C++层，开发人员大部分时候，只专注于JS 端的代码实现。 Weex可以做到跨三端的原理在于：在开发过程中，代码模式、编译过程、模板组件、数据绑定、生命周期等上层语法是一致的。 2016年开源至今，社区和各类文档都显得有点疲弱，作为跨平台开发人员，大多时候肯定不会希望，需要频繁的自己增加原生功能支持，因为这样的工作一多，反而会与跨平台开发的理念背道而驰，带来开发成本被维护难度增加
4.2K41发布于 2018-08-11 - 来自专栏极乐技术社区
想跨端开发小程序？这个最流行的跨端框架一定要学习！
今天就来给大家介绍一款，使用Vue的跨端框架——uni-app 1 uni-app 框架简介 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，可编译到 iOS、Android、H5、 uni-app 在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势： 开发者/案例数量更多 跨端抹平度/扩展灵活性(通过条件编译，调用专有能力而不影响其他平台 3 如何解决跨端兼容问题 每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。 uni-app 提供了条件编译手段，在一个工程里优雅的完成了平台个性化实现。 ? 5 官方 ui 库，uni-ui uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex 布局的、无 dom 的跨全端 ui 库。 uni-app 跨了很多端，虽然代码层面可以开发一次，生成多端。但注意每个端，有每个端的管理规则，这与开发无关，但每个开发者仍然要耐心掌握这些规则限制。
1.9K20发布于 2020-09-16 - 来自专栏大前端全栈开发
用uniapp开发跨端应用开发打包发布完整指南
unpackage ├── res 图标、启动页 ├── cert APP证书文件 └── dist 打包的文件二、注册开发者账号和创建应用开始开发前需要先去 uni的开发者后台注册一个账号，登录注册地址：https://dev.dcloud.net.cn/，然后在里面创建一个你自己的应用：三、安装开发工具HBuilderXHBuilderX，简称HX，是轻如编辑器 发布App时，需要使用HBuilderX，其他开发工具无法发布App，但可以发布H5、各种小程序。 如需开发App，可以先在HBuilderX里运行起来，然后在其他编辑器里修改保存代码，代码修改后会自动同步到手机基座。 ，开发阶段可先选择：运行到内置浏览器，如果有报错缺少xx插件，直接根据提示去安装对应插件，再重新运行就可以了。
4.9K51编辑于 2023-11-16 - 来自专栏大前端全栈开发
用uniapp开发跨端应用开发打包发布完整指南
一、uni-app项目介绍 用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app，uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目， 开始开发前需要先去uni的开发者后台注册一个账号，登录注册地址：https://dev.dcloud.net.cn/，然后在里面创建一个你自己的应用： 三、安装开发工具HBuilderX HBuilderX 发布App时，需要使用HBuilderX，其他开发工具无法发布App，但可以发布H5、各种小程序。 如需开发App，可以先在HBuilderX里运行起来，然后在其他编辑器里修改保存代码，代码修改后会自动同步到手机基座。 ，开发阶段可先选择：运行到内置浏览器，如果有报错缺少xx插件，直接根据提示去安装对应插件，再重新运行就可以了。
1.4K10编辑于 2023-11-22 - 来自专栏IT大咖说
解读移动端的跨平台开发：TypeScript + Angular
摘要 Google技术经理陈亮将为大家介绍TypeScript和Angular是什么以及如何利用TypeScript和Angular进行移动端的跨平台介绍。 What’s TypeScript？ 同时我们看到的一些接口也会更加明了，对于我们的开发有很大帮助。当我们用TypeScript来写程序的时候，可读性得到了大量的提高，所有的API接口更清晰明了，以帮助我们更好的扩展庞大应用的开发。 Angular很强大的一点在于他的模板编译是跨平台的，和传统的DOM做了一个脱钩的理念，让用户界面能更好的的呈现在用户面前。 不管是组件、指令、内容投放还是“管道”都能让我们的开发者更方便地去描述想要做的事情。 还有就是依赖注入，这个对于写过很多单元测试的朋友应该不陌生。 每一个元素都会最终成为一个原生的元素，而因为它用的是Angular的语法，广大的前端开发同学们可以很熟悉的上手，一目了然。
3.8K80发布于 2018-04-03 - 来自专栏IMWeb前端团队
聊聊移动端跨平台开发的各种技术
本文作者：IMWeb 黎腾 原文出处：IMWeb社区 未经同意，禁止转载 介绍 最近出现的 React Native 再次让跨平台移动端开发这个话题火起来了，曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发，却大多因为性能或功能问题而放弃，不得不针对不同平台开发多个版本。 但这并没有阻止人们对跨平台开发技术的探索，毕竟谁不想降低开发成本，一次编写就处处运行呢？ 所以使用 Go 开发跨平台移动端应用目前不靠谱。 如果你只会 Go，还别指望用它开发移动端，因为目前的实现很低效，而且这和 Go 底层的实现机制密切相关，导致很难优化，所以预计很长一段时间内也不会有改观。
2K21发布于 2019-12-03 - 来自专栏IMWeb前端团队
聊聊移动端跨平台开发的各种技术
介绍 最近出现的 React Native 再次让跨平台移动端开发这个话题火起来了，曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发，却大多因为性能或功能问题而放弃，不得不针对不同平台开发多个版本 但这并没有阻止人们对跨平台开发技术的探索，毕竟谁不想降低开发成本，一次编写就处处运行呢？ 既然可以基于 OpenGL 来开发跨平台游戏，是否能用它来实现界面？ 所以使用 Go 开发跨平台移动端应用目前不靠谱。 如果你只会 Go，还别指望用它开发移动端，因为目前的实现很低效，而且这和 Go 底层的实现机制密切相关，导致很难优化，所以预计很长一段时间内也不会有改观。
2.9K50发布于 2017-12-29 - 来自专栏雪碧君终将成长
对于移动端跨平台（双端）开发的一些构思
基于最近考虑着手iOS 安卓 双平台的开发，整理了一下现存的一些跨平台开发思路。 为了让自己更直观的感受不同跨平台思路的差异，我简单的做了几个图示。 套壳模式是开发APP可以说是最简单快捷的（对于web开发者来说），基本上只要有一个正常能用的手机端可以UI适应的web就可以通过套一个壳完成APP开发。 （主要说移动端） 譬如说 COCOS2DX, UNITY3D 这两个框架主要是游戏领域，而且具有广泛的影响力，那他和我们的App跨平台方案有什么不同呢？为什么移动应用领域内没有这样的框架呢？ 想要做好跨平台APP框架，这对于任何一家公司的某个业务开发部门来说，都是个巨大的考验。 为什么要跨平台开发? 归一性的原因是什么?? 一招鲜吃遍天？ 甚至是再开发一个语言，让本来就有3个语言的跨平台开发变成了4个甚至更多。 是的，我更加认可的跨平台开发方式，就是使用web技术来作为通用简单、但是却耗费工作量的部分来减少工作成本。
3.2K30编辑于 2023-02-15 - 来自专栏小程序·云开发专栏
UNI-APP使用云开发跨全端开发实战讲解
本文为大家讲解如何采用云开发官方JS-SDK，接入云开发后端服务并支持UNI-APP全部端（不止于微信小程序） JS-SDK和UNI-APP适配器 1.JS-SDK和适配器 云开发官方提供的@cloudbase /js-sdk，主要用来做常规WEB、H5等应用（浏览器运行）的云开发资源调用，也是目前最为完善的客户端SDK。 request：tcb-api.tencentcloudapi.com、uploadFile：cos.ap-shanghai.myqcloud.com、download：按不同地域配置 使用此种方法接入云开发是全端支持 UNI-APP支持WEB网页端上线时，需要将网页域名配置到云开发安全域名中（防止WEB下载文件导致跨域） 示例代码详解 示例项目中已经基本构建了uni-app使用云开发的各种流程代码。 ，为开发者提供高可用、自动弹性扩缩的后端云服务，包含计算、存储、托管等serverless化能力，可用于云端一体化开发多种端应用（小程序，公众号，Web 应用，Flutter 客户端等），帮助开发者统一构建和管理后端服务和云资源
4.1K40发布于 2020-12-09 - 来自专栏大前端
Flutter跨平台移动端开发丨Animation、AnimationController、Curve
目录 动画相关主要对象 缩放动画 非线性缩放动画 淡入淡出 非线性淡入淡出 平移动画 非线性平移动画 ---- 动画相关主要对象 Animation：可分为线性动画、非线性动画、步进函数动画或其它动画。通过 addListener 方法可以添加监听器，每当动画帧发生改变时均会调用，一般会配合 setState 方法用作UI重建。通过 addStatusListener 方法可添加状态改变监听器，如：动画开始、动画结束等 AnimationController：动画控制器，动画的开始、结束、停止、反向均由
1.4K40发布于 2019-05-25 - 来自专栏让技术飞起来
桌面应用跨端开发的一些框架
受益于开源技术的发展，以及响应快速开发的实际业务需求，跨平台开发不仅限于移动端跨平台，桌面端虽然在市场应用方面场景不像移动端那么丰富，但也有市场的需求。 移动端跨平台开发框架中，不管是通过Flutter、Taro、 kbone等开发出来的小程序均可在FinClip当中运行。 之所以在平台桌面应用开发框架中介绍，就是除了FinClip移动端跨端开发的能力，它还支持在手机以外，如Windows、Mac、Linux、统信、麒麟等平台下运行小程序，这意味着，移动端、PC 端、IOT FlutterFlutter是一个由Google开发的跨平台应用开发框架，最初只用于移动端为Android、iOS开发应用。 但因为桌面端才刚刚发布稳定版支持，生态和稳定性都有待考量，还有API 也是比较少的，需要开发人员自己来写。如果大家还有实用的、性价比高的跨平台桌面应用开发框架，欢迎在评论区留言、交流。
3K50编辑于 2022-11-22 - 来自专栏大前端
Flutter跨平台移动端开发丨SingleChildScrollView、ListView......
SingleChildScrollView 类似 Android 中的 scrollview ，且同样的只可包含有一个子元素
10.1K51发布于 2019-05-25 - 来自专栏大前端
Flutter跨平台移动端开发丨WillPopScope、InheritedWidget、Theme
), ); } } ---- InheritedWidget（数据传递与共享） 通过 InheritedWidget 数据可以在 Widget 树中从上向下共享与传递，组件之间也可实现跨级传递数据
1.6K30发布于 2019-05-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号