精华内容
下载资源
问答
  • 提取视频中的一帧一帧图片进行保存,可选择要保存的帧数,和文件夹
  • MLV-App个非常出色的MLV处理应用程序。 下载
  • DAIN_APP_Alpha 1.0

    2021-01-08 10:58:57
    软件描述:DAIN APP款开源的AI视频补软件,用户可以将任何形式的媒体,比如电影、定格动画、动漫、卡通等视频格式插上新的,从而达成更大的帧率,通常适用于给一些动作场面添加,使整个视频看起来更加的柔顺...
  • 几款移动跨平台App开发框架比较

    万次阅读 多人点赞 2019-04-03 16:34:23
    整理目前流行的跨平台WebApp开发技术的特点,仅供参考。 每个框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScript 开发; 跨平台重用代码; 丰富的UI库; 提供访问设备原生API的 JavaScript API 包装器; ...

    海豚精灵https://www.whhtjl.com优课GOhttps://mgo.whhtjl.com

    整理目前流行的跨平台WebApp开发技术的特点,仅供参考。

    每个框架几乎都包含以下特性:

    1. 使用 HTML5 + CSS + JavaScript 开发;
    2. 跨平台重用代码;
    3. 丰富的UI库;
    4. 提供访问设备原生API的 JavaScript API 包装器;
    5. 解决原生开发中机型适配的难题;
    6. 提供打包、部署的工具或服务;
    7. 都需要学习自身封装的 JavaScript API;

    筛选框架的要求:

    1. 性能:运行速度快;
    2. UI:提供接近原生的UI体验;
    3. 插件多,文档丰富,开发效率高,容易扩展和维护;
    4. 满足业务需求;

     

    PhoneGap

    优点:

    1. PhoneGap是一个开源的框架;
    2. PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用;
    3. 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen);
    4. 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上;
    5. 此外,它允许您访问本机API,以便APP可以充分利用设备提供的各种功能;
    6. 完全做到了written once,run everywhere;代码编写完之后,通过phonegap的build工具构建;
    7. 采用w3c标准,包括但不限于HTML5、CSS3、JavaScript,比如说W3C标准中的命名方式等;
    8. 不需要手机编程基础,只要会HTML就能做应用,且能通过js调用设备底层硬件【比如加速计、摄像头、罗盘、通讯录、文档、GPS、媒体、网络、通知(警告、声音和振动)、存储、传感器。。。】;

     

    Ionic

    技术要求

    HTML + CSS + AngularJS

    优点:

    1. 基于 Cordova;
    2. 漂亮的界面,追求性能,专注原生,免费开源;
    3. Angular JS MVVM 开发理念,数据双向绑定;
    4. 继承自 Cordova,可以使用 Cordova 的插件;
    5. Ionic可以在网络运行的任何地方运行 - iOS,Android,浏览器,电子,PWA等;
    6. 浏览器支持;

    缺点:

    1. Angular JS 学习路线陡峭;
    2. Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic;

     

    React Native

    优点:

    1. 能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP;
    2. 仅需学习一次,编写任何平台。(Learn once, write anywhere);
    3. 然不能做到一次编码到处运行,但是基本上即使是两套代码, 也是相同的jsx语法, 使用js进行开发。用户体验高于html, 开发效率较高;
    4. Flexbox布局据说比native的自适应布局更加简单高效;
    5. 可实现在线更新,允许运行于JavaSriptCore的动态加载代码,更贴近于原生开发;
    6. 使 App 可以达到每秒 60 帧(足够流畅),并且能有类似原生 App 的外观和手感;
    7. 如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native 也同样不在话下;

    缺点:

    1. 对开发人员要求较高,不是懂点web技术就行的,当官方封装的控件、API无法满足需求时就必然需要懂一些native的东西去扩展,扩展性仍然远远不如web,也远远不如直接写Native Code;
    2. 官方说的很隐晦:learn once,write anywhere。人家可run anwhere。就是针对不同的平台需要些多套代码;

     

    Cordova

    优点:

    1. 开源免费,社区生态成熟,插件丰富;
    2. 支持离线场景应用;
    3. 开发工具选择空间大;
    4. iOS和Android基本上可以共用代码,纯web思维,开发速度快, 简单方便,一次编码,到处运行。如果熟悉web开发,文档很全, 系统级支持封装较好,所有UI组件都是有html模拟,可以统一使用;
    5. 可实现在线更新,允许动态加载web js;
    6. 文档多,开发者多,遇到问题容易解决,技术成熟;

    缺点:

    1. 只提供基础访问设备的接口,需要自己搭配其他UI框架和JavaScript框架来搭配;
    2. 占用内存高一些,不适合做游戏类型app, web技术午无法解决一切问题,对于比较耗能的地方无法利用native的思维实现优势互补,如高体验的交互,动画等;

     

    Xamarin

    你是C#还是.NET开发人员?恭喜!Xamarin马上就会有宾至如归的感觉。即使你不是这样的开发人员,你也需要相当少的时间来学习Xamarin,因为它相对容易。此外,它欢迎Android和iOS之间的差异,即没有任何共同性。许多其他框架都是这样做的,它会使UI不一致。

     

    AppCan

    通过AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用;

    有两种方式创建项目:IDE 和云端,并且IDE可以同步到云端;
    免费用户有100M空间、50个应用的限制;

    优点

    1. 提供一体化解决方案,方便环境搭建、开发、调试、发布;
    2. 框架自带UI包,包含常用控件样式;
    3. 框架对UI、动画渲染进行过优化,反应速度快;
    4. 支持本地打包、云端打包;
    5. 基于密钥的代码加密;

    缺点

    1. 不开源,无法修改、优化底层代码;
    2. 分大众版和企业版,大众版免费,但功能有缺失,详细见附录;
    3. 暂不支持自行开发控件/,无法调取android原生功能;
    4. 框架自带功能过多,导致应用安装包偏大;
    5. 文档偏少;
    6. 部分系统无法使用IDE进行调试;
    7. 只能在服务器端发布,无法在本地发布;
    8. IOS发布,需要将证书上传至服务器;

     

    Dcloud

    特点:
    云编译必须联网获取AppId;

    优点:

    1. 国内厂商,中文文档;
    2. 对HTML5的性能、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省时间;
    3. MUI 更贴近国内App使用习惯,提供模块的详细例子,如登录,个人中心;
    4. 平台支持度:

    缺点:

    1. 部分操作需要具备原生开发经验,如离线打包App;
    2. 新产品仍然有bug,还需改进;

    学习路线:

     

    uni-app

    1. 跨平台更多;(一套代码,多端发行;优雅的在一个项目里调用不同平台的特色功能!)
    2. 运行体验更好;(组件,api与微信小程序一致;兼容weex原生渲染)
    3. 通用技术栈,学习成本更低;(vue的语法,微信小程序的api内嵌mpvue)
    4. 开放生态,组件更丰富;

       -支持通过npm安装第三方包;

       -支持微信小程序自定义组件及SDK

       -兼容mpvue组件及项目

       -App端支持和原生混合编码

       -DCloud拥有插件市场

    条件编译优化

     

    APICloud

    优点:

    1. 不懂原生开发,不懂后台语言就可完成APP;
    2. 源码自有,灵活可配置的微信公众号解决方案;
    3. 保利威视平台接入;支付宝支付平台接入百度开放平台接入QQ开放平台接入新浪微博平台接入微信开放平台接入

    缺点:

    1. 更新速度快,版本不够稳定;
    2. 面向不懂App开发人群,不适合程序员和科技公司,过度依赖会降低技术水平;
    3. 涉嫌抄袭DCloud大量代码;

     

    Flutter

    优点:

    1. 高生产效率。一套代码可以开发出Android和iOS应用;Dart语言优越性,使得同样的 功能只需要很少的代码;迭代更加方便, hot reload功能;
    2. 创建优雅的、高度可定制的用户界面。Flutter内置了对Material Design和Cupertino(iOS-favor)的UI组件库;提供了可定制 的UI组件,不再受制于OEM控件的限制;
    3. 借助可移植的GPU加速的渲染引擎以及高性能本地ARM代码运行 时以达到跨平台的高质量用户体验。

    缺点:

    1. Flutter采用Dart语言开发,属于小众语言,需要一切都要重新学习。
    2. Flutter现在还处在Beta阶段,第三方库很少。

     

    Wex5

    优点:

    1. 开源模式;
    2. 跨平台多前端应用开发,支持app、web和微信应用快速开发;
    3. 高效精致的UI组件体系,完全基于主流标准和技术;
    4. 本机API框架(Native APIFramework);
    5. 可视化拖拽式集成开发环境IDE;
    6. 全能力的调试支持和智能代码提示;
    7. 无限制、多方式、可加密的App应用打包发布;
    8. 彻底开放的App应用后端技术和部署方式;

    缺点:

    1. 使用xid替换标准的id,但是导致代码的很难复用。例如,用Wex5开发,或者在Wex5体系中使用外部组件,都很难复用;
    2. Model:容易混淆,传统意义上的model只是提供数据模型操作,但是wex5的model有点乱用,中间不但夹杂有业务逻辑,还混合了视图操作;
    3. DOM节点的操作,不能按照标准的方式,必须使用wex5自己封装的方法,不当增加的开发成本、学习成本,代码难以复用;

     

    生态社区特点对比如下:

    平台

    dcloud

    起步科技

    AppCan

    项目

    dcloud.io的uni-app

    wex5

    AppCan

    兼容

    免费,超多端发布(包括各类小程序,H5,App)

    全免费,多端发布(H5,app)

    个人免费,多端发布,有限制

    打包构建

    混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条)

    混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面

    混合开发,可以很容易实现H5套壳的形式

    主要开发和知识点

    Vue.js开发

    Html+js+css开发

    Html+js+css开发

    其他

    UI组件丰富,文档十分详细,通过编译,很接近原生,性能良好,社区活跃

    UI组件较弱,文档详细

    UI组件较弱,文档详细

     

    技术架构特点对比如下:

    架构特点

    uni-app

    wex5

    AppCan

    APICloud

    底层

    基于vue.js,通过自研编译器编译

    基于cordova开发,cordova开源,暂时没有看到可以直接继承原生SDK

    自身封装底层,闭源,无法直接使用原生SDK

    闭源,免费版有限制

    扩展能力

    支持原生SDK的云打包技术,有插件市场,也可以自己开发插件

    可基于cordova开发原生扩展,插件市场

    提供了一种叫Widget插件扩展机制,扩展原生插件用于持续继承

    可以自己开发模块

    编译

    支持本地编译与云端编译

    支持本地编译

    云端编译,有次数限制

    云端编译,有次数限制

     

    总结

    经过一番对比,感觉 Cordova , DCloud和Uni-app 更适合本次项目。

     

    原因:

    Cordova

    生态成熟,有更多可搭配工具使用,开源代码可自由定制;

    前端框架: famous 或 Framework7;

     

    DCloud

    国产中的开源,免费,性能不错;

    提供云服务帮助打包和部署、测试,降低一部分门槛,减少时间;

    拥有插件市场,也可以自己开发插件;

    前端框架:MUI

     

    Uni-app

    生态完整,并且社区发展良好,使用了流行的vue.js开发,编译打包的APP体验十分流畅,使用uni-app开发H5效率十分可观,值得尝试(vue.js的生态越来越强大了)。同时,如果不是有特殊的需求,uni-app基本可以完成原生APP90%的任务的;

     

    其他框架不适合的原因:

    APICloud

    闭源,免费版有限制,生态不好,名声不好,面向群体不适合;

     

    AppCan

    闭源,商业化产品,免费版限制太多;

     

    Ionic

    AngularJS 学习曲线陡峭,需要时间;

     

    React Native

    学习成本高;

     

    Flutter

    属于小众语言,一切都要重新学习。

     

    总的来说,以上整理分析的框架的优劣都是相互的,根据产品需求和企业技术方向以及技术人员的具体情况,选择最合适的就是最好的。

     

    展开全文
  • 根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。 每个开发框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScrip

    目录

    总括

    几个开发框架的比较

    PhoneGap

    Cordova

    Ionic

    AppCan

    Dcloud

    APICloud

    React Native

    Xamarin

    Flutter

    WeX5

    总结

    React Native、Weex等有什么不同?


    总括

    根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。

    每个开发框架几乎都包含以下特性:

    • 使用 HTML5 + CSS + JavaScript 开发
    • 跨平台重用代码
    • 丰富的UI库
    • 提供访问设备原生API的 JavaScript API 包装器
    • 解决原生开发中机型适配的难题
    • 提供打包、部署的工具或服务
    • 都需要学习自身封装的 JavaScript API

    我们作为开发者筛选框架的要求:

    • 性能:运行速度快
    • UI:提供接近原生的UI体验
    • 插件多,文档丰富,开发效率高,容易扩展和维护
    • 满足业务需求

    几个开发框架的比较

    PhoneGap

    概述

    PhoneGap是一个采用HTMLCSSJavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOSAndroidPalmSymbian,WP7,WP8,BadaBlackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

    优点

    • 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen)
    • 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上
    • 此外,它允许您访问本机API,以便APP可以充分利用设备提供的各种功能
    • 完全做到了written once,run everywhere;代码编写完之后,通过phonegap的build工具构建
    • 采用w3c标准,包括但不限于HTML5、CSS3、JavaScript,比如说W3C标准中的命名方式等
    • 不需要手机编程基础,只要会HTML就能做应用,且能通过js调用设备底层硬件(比如加速计、摄像头、罗盘、通讯录、文档、GPS、媒体、网络、通知(警告、声音和振动)、存储、传感器等等)

    Cordova

    概述

    Cordova 和 PhoneGap 的区别?
    PhoneGap 是 Apache Cordova 的一个分发版,就像 Ubuntu 是基于 Linux 的一个发行版,其代码库也基于 Cordova,只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务,例如 PhoneGap Build 和 Adobe Shadow,来帮助开发者简化开发。
    此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。

    优点

    • 开源免费,社区生态成熟,插件丰富
    • 支持离线场景应用
    • 开发工具选择空间大

    缺点

    • 只提供基础访问设备的接口,需要自己搭配其他UI框架和JavaScript框架来搭配

    UI框架

    参考资料

    Ionic

    概述

    ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用,官网地址:http://www.ionic.wang/ (有详细介绍),对其更为清晰的说明可以表述为:Ionic = Cordova + AngularJS + 一套样式库

    技术要求

    • HTML + CSS + AngularJS

    优点

    • 基于 Cordova
    • 漂亮的界面,追求性能,专注原生,免费开源
    • Angular JS MVVM 开发理念,数据双向绑定
    • 继承自 Cordova,可以使用 Cordova 的插件

    缺点

    • Angular JS 学习路线陡峭
    • Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic

    AppCan

    概述

    基于业内领先的 Hybrid App 开发引擎,采用 HTML5 标准作为开发语言,一次开发,多平台适配。 提供团队管理、开发流程管理、配置管理、版本管理、测试管理等功能,有效、有序的控制开发过程,提升开发效率。通过AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用。

    有两种方式创建项目:IDE 和云端,并且IDE可以同步到云端。
    免费用户有100M空间、50个应用的限制。

    优点

    • 提供一体化解决方案,方便环境搭建、开发、调试、发布
    • 框架自带UI包,包含常用控件样式
    • 框架对UI、动画渲染进行过优化,反应速度快
    • 支持本地打包、云端打包
    • 基于密钥的代码加密

    缺点

    • 不开源,无法修改、优化底层代码
    • 分大众版和企业版,大众版免费,但功能有缺失
    • 暂不支持自行开发控件,无法调取android原生功能
    • 框架自带功能过多,导致应用安装包偏大
    • 文档偏少
    • 部分系统无法使用IDE进行调试
    • 只能在服务器端发布,无法在本地发布
    • IOS发布,需要将证书上传至服务器

    参考资料
    Phonegap VS AppCan

    企业版和大众版主要有以下几点区别

    • 开发环境:
      企业版走独立的开发环境与打包环境,企业版配备macmini打包服务器,可以实现本地环境下创建项目,调试,打包;
      大众版不管是创建项目还是打包都需要依托于官方的服务器,需要在联网的情况下进行,打包需要将源码上传到官方服务器进行打包;
    • 版本控制:企业版独立控制引擎插件的版本;
      大众版官方统一维护,官方换哪个版本开发者就需要使用哪个版本,没有选择;
    • 协同开发:企业版可通过macmini后台分配开发者或者应用管理员帐号,可实现协同开发。
      大众版不能满足协同开发
    • 企业版有推送API接口
      大众版没有
    • 售后服务:企业版有独立的售后团队
      大众版的入口是论坛

    Dcloud

    概述

    普通的HTML5技术与原生技术相比,有跨平台、动态、开放、直达二级内容页面等特点,但却在性能、工具、能力方面弱于原生技术。DCloud推出免费的HTML5开发IDE“HBuilder”,以改善HTML5开发工具弱于原生的问题。后续又推出免费的手机强化引擎“5+ Runtime”,其内置的Native.js技术可调用手机终端40多万原生API,弥补HTML5功能弱于原生的问题,DCloud相关组件如下图:

    Dcloud组件

     

    优点

    • 国内厂商,中文文档
    • 对HTML5的性能、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省时间
    • MUI 更贴近国内App使用习惯,提供模块的详细例子,如登录,个人中心
    • 内置的Native.js技术可调用手机终端40多万原生API

    缺点

    • 部分操作需要具备原生开发经验,如离线打包App
    • 新产品仍然有bug,还需改进
    • 云编译必须联网获取AppId

    学习路线

    DCloud学习路线

    APICloud

    概述

    APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用,最终缩减大量重复性工作,有效提升30%-60% IT项目效率。是手机APP制作与开发的专家平台。

    优点

    • 不懂原生开发,不懂后台语言就可完成APP

    缺点

    • 更新速度快,版本不够稳定
    • 面向不懂App开发人群,不适合程序员和科技公司,过度依赖会降低技术水平

    React Native

    概述

    React Native产出的并不是“网页应用”, 或者说“HTML5应用”,又或者“混合应用”。 最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。 你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。仅需学习一次,编写任何平台。(Learn once, write anywhere)

    优点

    • 能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP
    • 仅需学习一次,编写任何平台。(Learn once, write anywhere)
    • 虽然不能做到一次编码到处运行,但是基本上即使是两套代码, 也是相同的jsx语法, 使用js进行开发。用户体验高于html, 开发效率较高
    • Flexbox布局据说比native的自适应布局更加简单高效
    • 可实现在线更新,允许运行于JavaSriptCore的动态加载代码,更贴近于原生开发
    • 使 App 可以达到每秒 60 帧(足够流畅),并且能有类似原生 App 的外观和手感
    • 如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native 也同样不在话下

    缺点

    • 初次学习成本高
    • 必须在不同平台下写两套代码,依赖暴露的接口
    • 当官方封装的控件、API无法满足需求时就必然需要懂一些native的东西去扩展,扩展性仍然远远不如web,也远远不如直接写Native Code

    Xamarin

    概述

    Xamarin 是移动开发的未来——移动应用跨平台开发的唯一解决方案。开发人员透过Xamarin开发工具与程序语言,即可开发出iOS、Android 与Windows 等平台的原生(Native) App 应用程序,不须个别使用各平台的开发工具与程序语言,不只是「write-once, run everywhere」的跨平台解决方案,更可达到 「write your code once, and present native UIs on each platform.」之跨平台开发能力。由于Xamarin可直接产生各平台之原生App应用程序,相较于其他跨平台方案,藉由Xamarin所开发出来的App应用程序,更能发挥出各行动平台的功能与特性,且具有最佳的执行效能。

    优点

    缺点

    • 稍微延迟支持最新的平台更新
    • 对开源库的访问受限
    • Xamarin生态系统不大的问题
    • 需要有本地语言的基本知识
    • 不适用于重图形应用程序
    • 更大的应用程序大小
    • 与第三方库和工具的兼容性问题

    Flutter

    概述

    Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。

    优点

    • 高生产效率。一套代码可以开发出Android和iOS应用;Dart语言优越性,使得同样的功能只需要很少的代码;迭代更加方便, hot reload功能
    • 创建优雅的、高度可定制的用户界面。Flutter内置了对Material Design和Cupertino(iOS-favor)的UI组件库;提供了可定制 的UI组件,不再受制于OEM控件的限制
    • 借助可移植的GPU加速的渲染引擎以及高性能本地ARM代码运行时以达到跨平台的高质量用户体验

    缺点

    • Flutter采用Dart语言开发,属于小众语言,需要一切都要重新学习
    • Flutter现在还处在Beta阶段,第三方库很少

    WeX5

    概述

    WeX5是开源并且免费使用的APP开发工具,能够提高APP的开发效率。其在eclipse基础上封装了很多东西,提供丰富组件体系,方便快捷,是一款前端开发工具,支持多种后台开发语言。WeX5一直坚持采用H5+CSS3+JS标准技术,一次开发,多端任意部署,确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备,如相机、地图、通讯录等,让开发者轻松应对各类复杂数据应用,代码量减少80%。同时开发出的应用能够媲美原生的运行体验。

    优点

    • 跨平台多前端应用开发,支持app、web和微信应用快速开发
    • 高效精致的UI组件体系,完全基于主流标准和技术
    • 本机API框架(Native APIFramework)
    • 可视化拖拽式集成开发环境IDE
    • 全能力的调试支持和智能代码提示
    • 无限制、多方式、可加密的App应用打包发布
    • 彻底开放的App应用后端技术和部署方式

    缺点

    • 使用xid替换标准的id,但是导致代码的很难复用。例如,用Wex5开发,或者在Wex5体系中使用外部组件,都很难复用
    • Model:容易混淆,传统意义上的model只是提供数据模型操作,但是wex5的model有点乱用,中间不但夹杂有业务逻辑,还混合了视图操作
    • DOM节点的操作,不能按照标准的方式,必须使用wex5自己封装的方法,不当增加的开发成本、学习成本,代码难以复用

    总结

    首先是三个典型平台的生态社区特点对比如下:

    平台

    dcloud

    起步科技

    AppCan

    项目

    dcloud.io的uni-app

    wex5

    AppCan

    兼容

    免费,超多端发布(包括各类小程序,H5,App)

    全免费,多端发布(H5,app)

    个人免费,多端发布,有限制

    打包构建

    混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条)

    混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面

    混合开发,可以很容易实现H5套壳的形式

    主要开发和知识点

    Vue.js开发

    Html+js+css开发

    Html+js+css开发

    其他

    UI组件丰富,文档十分详细,通过编译,很接近原生,性能良好,社区活跃

    UI组件较弱,文档详细

    UI组件较弱,文档详细

    技术架构特点对比如下:

    架构特点

    uni-app

    wex5

    AppCan

    APICloud

    底层

    基于vue.js,通过自研编译器编译

    基于cordova开发,cordova开源,暂时没有看到可以直接继承原生SDK

    自身封装底层,闭源,无法直接使用原生SDK

    闭源,免费版有限制

    扩展能力

    支持原生SDK的云打包技术,有插件市场,也可以自己开发插件

    可基于cordova开发原生扩展,插件市场

    提供了一种叫Widget插件扩展机制,扩展原生插件用于持续继承

    可以自己开发模块

    编译

    支持本地编译与云端编译

    支持本地编译

    云端编译,有次数限制

    云端编译,有次数限制

    如下基本总结:

    Cordova

    • 生态成熟,有更多可搭配工具使用,开源代码可自由定制
    • 前端框架: famous 或 Framework7

    DCloud

    • 开源,免费,性能还可以
    • 提供云服务帮助打包和部署、测试,降低一部分门槛,减少时间
    • 拥有插件市场,也可以自己开发插件
    • 前端框架:MUI

    APICloud

    • 闭源,免费版有限制,生态不好,名声不好,面向群体不适合

    AppCan

    • 闭源,商业化产品,免费版限制太多

    Ionic

    • AngularJS 学习曲线陡峭,需要时间

    React Native

    • 学习成本高

    Flutter

    • 属于小众语言,一切都要重新学习

    总的来说,以上整理分析的框架的优劣都是相互的,根据产品需求和企业技术方向以及技术人员的具体情况,选择最合适的就是最好的。

     

    React Native、Weex等有什么不同?

    React Native、Weex等一直存在一个问题,就是性能跟原生App存在很大的差异。这跟它们的原理有很大的关系,下面从原生App,RN、Weex,Flutter的简单原理说一下它们的不同。

    • 原生App
      苹果2008年发布iOS,Google 2009年发布Android,它们的SDK是基于两种不同的编程语言Objective-C 和 Jave.现在又有了Swift和Kotlin。

       

      上面是原生App的一个简单架构,开发人员直接调用平台SDK进行UI开发。由于语言及SDK的不同,所以开发人员必须为两个平台分别开发App。

    • WebViews
      最早的跨平台方案是基于JaveScript 和 WebView的,像PhoneGap、Cordova、Ionic等。

       

      UI通过WebView来显示html代码,系统服务则通过一个中间层桥接到JaveScript中去。

    • React Native
      RN不仅桥接系统服务,也将系统UI也桥接到了JaveScript中,这样写出来的UI最终也会渲染成原生的控件。

       

      如上图这样,UI的渲染是很频繁的,要使UI不卡顿,必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。

    • Flutter
      Flutter使用Dart语言开发,Dart可以被编译(AOT)成不同平台的本地代码,让Flutter可以直接和平台通讯而不需要一个中间的桥接过程,从而提高了性能。

       

       

    展开全文
  • Android获取Gif图片第一帧

    千次阅读 2020-02-09 14:56:23
    现在很多App内有播放Gif图片的功能,这些Gif图片一般都是在点击或者滑动到它后才会开始加载播放,所以我们需要在一开始只显示Gif图片的第一帧,那么如何获取呢? 1、让后台返回Gif的第一帧图片 2、自己针对Gif获取...

    现在很多App内有播放Gif图片的功能,这些Gif图片一般都是在点击或者滑动到它后才会开始加载播放,所以我们需要在一开始只显示Gif图片的第一帧,那么如何获取呢?

    1、让后台返回Gif的第一帧图片

    2、自己针对Gif获取它的第一帧图片

    第二种方法的代码如下

    /**
         * 获取Gif图片第一帧
         *
         * @param url
         * @return
         */
    public static void getGifFirstFrame(String url, OnGifListener listener) {
            mGifFixThreadPool.execute(() -> {
                HttpURLConnection connection;
                try {
                    connection = (HttpURLConnection) new URL(url).openConnection();
                    InputStream inputStream = connection.getInputStream();
                    Movie gif = Movie.decodeStream(inputStream);
                    Bitmap firstFrame = Bitmap.createBitmap(gif.width(), gif.height(), Bitmap.Config.ARGB_8888);
                    Canvas canvas = new Canvas(firstFrame);
                    gif.draw(canvas, 0, 0);
                    canvas.save();
                    mMainHandler.post(() -> {
                        listener.onFirstFrame(firstFrame);
                        listener.onGifSize(gif.width(), gif.height());
                    });
                    inputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            });
        }
    
    public interface OnGifListener {
    
            void onGifSize(int width, int height);
    
            void onFirstFrame(Bitmap bitmap);
        }

     

    展开全文
  • uniapp的video使用image获取视频第一帧来替代video的展示 在uniapp里video的层级过高,虽然我们可以使用原生组件来提高层级,但还是会遇到video不能在swiper使用,会脱离文档流,在面对这样的问题,可以使用image来...

    uniapp的video使用image获取视频第一帧来替代video的展示

    在uniapp里video的层级过高,虽然我们可以使用原生组件来提高层级,但还是会遇到video不能在swiper使用,会脱离文档流,在面对这样的问题,可以使用image来展示视频地址的第一帧,自定义播放按钮来代替video的播放按钮,再使用web-view来播放视频;

    <view>
    	<image :src="url + videoFile+'?vframe/jpg/offset/0'" mode="" style="width:100%;height: 		100%;border-radius: 17rpx;"></image>
    	<image class="add-img-del" @click="delectVideo1" src="../../../static/images/delete.png" style="z-index:99"></image>
    	<u-icon name="play-circle-fill" color="#E6E6FA" size="60" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);" @click="videoRunInfo"></u-icon>
    	<web-view :src="url + videoFile" v-if="isShowImageVideo"></web-view>
    </view>
    

    这样既可以解决video层级高的问题,也可以让video需求在swiper使用;

    用image展示视频地址的第一帧,自定义播放按钮

    点击播放按钮,web-view会全屏播放视频;

    展开全文
  • Wireshark学习

    千次阅读 多人点赞 2020-01-31 14:00:32
    0x1 Wireshark安装和下载 老样子给出Wireshark下载地址Wireshark官网,下载完成后除了选择安装路径外都可以直接下一步默认安装配置。如果嫌下载慢我这还有刚下好的最新版本x64 v3.2.1,给大家带来便利网盘入口,密码...
  • 最近在做这个前端视频加载第一帧的功能,查了很多资料基本上有两种思路:一、canvas画图取base64格式编码设置poster属性的方法; 二、给定图片设置在视频上方,点击图片隐藏起来,视频追加播放事件。我就在此提供...
  • [干货]手把手教你写个安卓app

    万次阅读 多人点赞 2021-04-27 21:06:49
    我想大家是想写个手机app吧,前面已经分享了在QT上如何写个安卓蓝牙app,虽然qt可以做app但是比起Android Studio还是差很多了!这里我们介绍种快速入门的方法来制作app,就算你是零基础小白没有学习过java...
  • Android性能优化系列之App启动优化

    万次阅读 多人点赞 2017-02-22 00:23:29
    Android性能优化系列之布局优化Android性能优化系列之内存优化Android性能优化系列之apk瘦身应用的启动速度缓慢是我们在开发过程中经常会遇到的问题,比如启动缓慢导致的黑屏,白屏问题,本篇博客就将介绍App启动...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
    此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这...
  • 如何打造款直播App(方法流程)

    千次阅读 2016-11-01 09:58:34
    从直播1.0秀场时代(YY),2.0游戏直播(斗鱼、虎牙、熊猫)到如今全民直播3.0泛生活娱乐时代(映客、花椒),国外直播app(Meerkat 、Periscope),随着VA/AR/MR提出的沉浸式视听体验,直播4.0时代很快就能到来。...
  • webrtc系列1—— webrtc入门知识

    千次阅读 2019-08-20 13:22:11
    WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳...
  • 安卓截取视频第一帧的方法

    千次阅读 2016-10-21 10:24:44
    下面是可以直接从视频的url取到视频的第一帧图片的方法: Bitmap bitmap = ThumbnailUtils.createVideoThumbnail(context,url //url的参数 , MediaStore.Video.Thumbnails.MINI_KIND); 这样取到的是一个bitmap
  • 首先是这个蓝牙遥控APP,这个APP是之前做个小比赛的时候尝试做来玩玩的,主要内容是使用这个APP来与HC05设备进行数据交互然后控制个灯光云台,虽然最后拿了个小奖,但是毕竟术业有专攻,做的不是很好,也过去...
  • JavaCV 是款开源的视觉处理库,基于GPLv2协议,对各种常用计算机视觉库封装后的组jar包,封装了OpenCV、libdc1394、OpenKinect、videoInput和ARToolKitPlus等计算机视觉编程人员常用库的...
  • iOS开发学习路线

    千次阅读 2018-04-23 09:37:26
    初级iOS开发iOS中级开发说白了,就是你学会了基本的UI界面搭建,上架,沉淀段时间,你觉得自己还适合这门行业,还适合,还能接受 这个所谓的iOS开发工程师的行业.你就可以说是名中级iOS开发. 这个沉淀时间 大约在1年...
  • .首先,来介绍一下MediaMetadataRetriever类,此类位于android.media包下,这里,先附上可查看此类的API地址:MediaMetadataRetriever类,大家可以自行查看。 1.MediaMetadataRetriever类概述:...
  • android 获取视频第一帧作为缩略图

    万次阅读 2018-05-25 08:54:35
    之前,我说个最近需要从服务器下载视频文件,但是下载后肯定需要显示视频的缩略图在界面上给用户看,于是想到显示视频的第一帧作为缩略图。但是我不知道具体怎么写,于是在网上查找资料,最终是解决了问题。这里记录...
  • 本文是转载于DCloud社区里开源作者DCloud_heavensoft 篇关于对跨平台开发技术路线方案比较的文章,分别对现今较为热门的跨平台方案flutter、react native、uni-app进行比较。 原文链接 1,前言 每当我们评估新...
  • 如何使用matlab从视频中提取出一帧帧图像  近期有需要,从视频里面提取图片,以前用软件搞的,但是现在视频太大了软件不能够一下全部将视频图片转换(因为电脑的内存不够),因此就想到使用程序读取一帧,保存...
  • APP卡顿问题的解决历程

    千次阅读 2018-01-18 16:38:44
    大约在2017年的7、8月份,我开发的APP突然出现了页面跳转卡顿,掉,然后崩溃的现象,我查看日志,只看到了堆掉的提示,而没有错误点报错提示,也非逻辑错误,总之就是“我就是卡顿,但我就是不告诉你哪...
  • MATLAB 2018b 安装与简介

    万次阅读 多人点赞 2019-02-18 13:07:00
    sgtitle 功能:为子图网格创建标题 xline和yline功能:向绘图添加垂直或水平线 imtile 功能:将多个图像合并为个矩形平铺图像 数据提示:在数据提示中使用TeX或LaTeX标记,改善视觉外观 功能被删除或更改 五、...
  • (请先在pc上安装 adb命令) ...找到监控栏点击“GPU呈现模式分析”→勾选上“dab shell dumpsys gfxinfo” 3.把手机停放在被测软件上,在PC上打开cmd,输入adb shell "dumpsys window|grep ...
  • ios 全局监测app数,cpu,内存

    千次阅读 2019-10-26 13:44:30
    如果是个做产品的公司,app的性能关系到用户体验,开发者必须关注应用性能所带来的用户流失问题。这篇文章主要是介绍款实时监控app各项性能指标的工具,包括FPS、CPU占用率、内存使用量,可以在开发阶段及时发现...
  • 项目中要求上传视频的时候要自动获取第一帧作为App端的视频播放封面。 1、获取视频的第一帧封面 captureImage() { let that = this; // 创建视频对象 let video = new Video(); video.width = 200; vieo....
  • 首先,来介绍ThumbnailUtils类,此类位于android.media包下,此类有一个公有的无参构造函数,有三个静态的公有方法,一个用来获取视频第一帧得到的Bitmap,另外两个方法用来对图片进行缩略处理。 1.无参的构造函数:...
  • VideoView在播放之前显示视频第一帧

    千次阅读 2018-06-04 15:46:04
    实现思路:把VideoView放在RelativeLayout中,写一个ImageView覆盖VideoView,size与VideoView设置的一样,未获取到第一帧时隐藏ImageView,获取到第一帧之后显示ImageView并使用setImageBitmap方法显示第一帧。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,785
精华内容 23,514
关键字:

一帧平台app下载