美文网首页混合开发
Hybrid开发-1. HTML5介绍

Hybrid开发-1. HTML5介绍

作者: CoderXLL | 来源:发表于2017-10-10 22:19 被阅读25次

恕我直言,在公司可劲敲着青轴,还那么肆无忌惮毫不顾忌其他人的感受,严重影响别人工作的码农都是垃圾

1. 什么是HTML5

HTML即网页,5是版本。

2. HTML5火起来的条件

  • 2014年定制完HTML5标准,历时8年
  • 移动先行(优先考虑移动端设备)

3. 为什么要用HTML5

  1. 跨平台-利用HTML5编写的UI界面能运行在所有拥有浏览器的平台
  2. 但是HTML5不能完成一些特定的功能,比如:拍照,访问相册等。如果想要调用,需要用JS桥接,但是桥接会导致没有原生的性能好

4. HTML5现成三方框架

  • sencha-touch
  • photoGap
  • jQuery mobile
  • Bootstrap

5. 手机App的开发模式

  1. 原生(纯OC,swift) 效率,性能高,维护成本高,审核周期慢
  2. 纯HTML5 维护成本低,不需要依赖苹果大大
  3. 原生+HTML5
  4. 真正跨平台 React Native 通过运行时来做,性能高
  5. (公司的源哥提过一个通过编译时来做的,明天去请教下)

6. Web3.0 HTML5+CSS3亮点

HTML5 亮点
  • Canvas 一般游戏会用,实现2D,3D效果
  • HTML5音视频
  • Web存储 (可以代替原生本地缓存)
  • Geolocation 定位
  • Workers多线程 (伪多线程,实际是跳屏执行,代替原生GCD,NSThread, NSOperationQueue)
CSS3亮点
  1. 设计动画
  2. 2D变形
  3. N多新特性

6. 一个完整网页的组成

  1. HTML 网页的具体内容和结构
  2. CSS 网页的样式,美化网页重要部分
  3. JavaScript 网页的交互效果,比如对用户鼠标事件做出响应
    HTML\CSS\JavaScript学习网站

相关文章

  • Hybrid开发-1. HTML5介绍

    恕我直言,在公司可劲敲着青轴,还那么肆无忌惮,毫不顾忌其他人的感受,严重影响别人工作的码农都是垃圾 1. 什么是H...

  • Ionic Pro的deploy热更新简明介绍

    Ionic框架是Hybrid App,通过嵌入Cordova可以用Html5的形式开发App。Hybrid App...

  • ionic简介+安装+创建App

    ionic 教程 ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile ...

  • ionic3打包APP

    ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Frame...

  • 01 ionic-basic

    ionic ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App...

  • Hybrid浅谈

    关于Hybrid浅谈 前言 现在使用HTML5开发app好像慢慢成为了一种趋势, 其中比较主流的模式Hybrid ...

  • UIWebView/WKWebView对<input ty

    在iOS开发中,经常会用到UIWebView/WKWebView来加载Html5。特别是随着Hybrid开发...

  • Ionic教程

    1.Ionic是什么 1.ionic是一个强大的HTML5应用程序开发框架(HTML5 Hybrid Mobile...

  • Hybrid实现

    Hybrid实现 前言 在上一篇文章Hybrid浅谈中介绍了Hybrid开发的一些原理和看法,这篇文章就介绍下Hy...

  • cordova 插件大全

    前言:用cordova开发hybrid app的过程中,由于是html5开发的app,在手机上很多权限受限制...

网友评论

    本文标题:Hybrid开发-1. HTML5介绍

    本文链接:https://www.haomeiwen.com/subject/uavbyxtx.html