native和web适合的场景

Native：

    用户体验要求高

    业务变动很小（如首页）

    性能要求高

Web：

    业务变化频繁（如广告）

    性能要求低

    展示性内容

hybrid App其实会有不同的分支

方案一：使用PhoneGap、AppCan之类的中间件，

以WebView作为用户界面层，

以Javascript作为基本逻辑，以及和中间件通讯，

再由中间件访问底层API的方式，进行应用开发。

这种架构一般会非常依赖WebView层的性能。

方案二：使用Adobe Air、RubyMotion、Appcelerator或者是Xamarin这种非官方语言的工具，打包成原生应用的方式开发。

它们并没有很单纯地使用原生提供的语言进行开发，而是通过对开发者提供友好的开发工具，并折中地把这种开发语言转换成原生语言，最终打包出整个应用。

方案三：在开发原生应用的基础上，嵌入WebView。

但是整体的架构使用原生应用提供，Native开发人员会写好基本的架构以及API让Web开发人员开发界面以及大部分的渲染。
多View混合型：

　　即Native View和Web View独立展示，交替出现

单View混合型：

　　即在同一个View内，同时包括Native View和Web View。
在Android手机中


内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。

1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。

2.如果访问的页面中有Javascript，则webview必须设置支持Javascript。

 webview.getSettings().setJavaScriptEnabled(true);  

3.如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser中响应该链接，必须覆盖 webview的WebViewClient对象。

4.如果不做任何处理，浏览网页，点击系统“Back”键，整个Browser会调用finish()而结束自身，
  如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。

5.addJavascriptInterface(Object obj,String interfaceName)这个方法，
  在webview加载的页面中就可以直接通过 javascript:window. interfaceName访问到绑定的java对象了。
1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内容。

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用 Handler的目的。
 mWebView.addJavascriptInterface(new Object() {

            public void clickOnAndroid() {

                mHandler.post(new Runnable() {

                    public void run() {

                        mWebView.loadUrl("javascript:wave()");

                    }

                });

            }

        }, "demo");      

<html>

        <mce:script language="javascript"><!--

                function wave() {

                    document.getElementById("droid").src="android_waving.png";

                }

　　　　　　// --></mce:script>

        <body>

            <a onClick="window.demo.clickOnAndroid()">

                                <img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>

                                Click me!

            </a>

        </body>

</html>

TCP协议

TCP 使用固定的连接


当应用程序通过 TCP 与另一个应用程序通信时，它会发送一个通信请求。

这个请求必须被送到一个确切的地址。

在双方“握手”之后，TCP 将在两个应用程序之间建立一个全双工 (full-duplex) 的通信，将占用两个计算机之间的通信线路，直到它被一方或双方关闭为止。
TCP/IP 意味着 TCP 和 IP 在一起协同工作。

TCP：

    负责应用软件和网络软件之间的通信。

    负责将数据分割并装入 IP 包，然后在它们到达的时候重新组合它们。

IP：

    负责计算机之间的通信。

    负责将包发送至接受者。   
三次握手（Three-Way Handshake）即建立TCP连接，

就是指建立一个TCP连接时，需要客户端和服务端总共发送3个包以确认连接的建立。

在socket编程中，这一过程由客户端执行connect来触发

TCP四次挥手即终止TCP连接，就是指断开一个TCP连接，

需要客户端和服务端总共发送4个包以确认连接的断开。

在socket编程中，这一过程由客户端或服务端任一方执行close来触发

　关闭连接时，当服务端收到对方的FIN报文时，仅仅表示对方不再发送数据了但是还能接收数据，

　己方也未必全部数据都发送给对方了，所以己方可以立即close，

也可以发送一些数据给对方后，再发送FIN报文给对方来表示同意现在关闭连接，因此，己方ACK和FIN一般都会分开发送。

hybrid几种模式的更多相关文章

  1. oidc hybrid flow 与另外两种模式的异同

    很多学习identityserver的文章都没有解释清楚oidc hybrid混合模式的含义.本文将解释hybrid模式与另外两种模式的主要区别. 我们先看一下一手文档: https://openid ...

  2. App开发三种模式

    APP开发三种模式 现在App开发的模式包含以下三种: Native App 原生开发AppWeb App 网页AppHybrid App 混合原生和Web技术开发的App 详细介绍: http:// ...

  3. Hybrid App—Hybrid App开发模式介绍和各种开发模式对比

    什么是Hybrid App 最开的App开发只有原生开发这个概念,但自从H5广泛流行后,一种效率更高的开发模式Hybrid应运而生,它就是"Hybrid模式".Hybrid APP ...

  4. Hybrid App 开发模式

    开发移动App主要有三种模式:Native. Hybrid 和 Web App. 需要注意的一点是在选择开发模式的时候,要根据你的项目类型(图片类?视频类?新闻类?等),产品业务和人员技术储备等做权衡 ...

  5. APP开发的三种模式

    Hybrid APP混合开发的一些经验和总结 APP开发的三种模式:Native App .web App.hybrid App 1.原生app 使用原生app (android或iOS)开发APP. ...

  6. 网络工程知识（二）VLAN的基础和配置：802.1q帧；Access、Trunk、Hybrid接口工作模式过程与配置；VLANIF的小实验

    介绍-VLAN VLAN(Virtual Local Area Network)即虚拟局域网,工作在数据链路层. 交换机将通过:接口.MAC.基于子网.协议划分(IPv4和IPv6).基于策略的方式划 ...

  7. javascript 创建对象的7种模式

    使用字面量方式创建一个 student 对象: var student = function (){ name : "redjoy", age : 21, sex: women, ...

  8. javascript面向对象系列第二篇——创建对象的5种模式

    × 目录 [1]字面量 [2]工厂模式 [3]构造函数[4]原型模式[5]组合模式 前面的话 如何创建对象,或者说如何更优雅的创建对象,一直是一个津津乐道的话题.本文将从最简单的创建对象的方式入手,逐 ...

  9. javascript创建对象的几种模式

    在js中有几种模式可以创建对象,通过对象操作所包含的属性与方法. 一般来说,构造函数名称的第一个字母为大写字母,非构造函数名称的第一个字母为小写字母,当然,构造函数与一般函数唯一的区别只是调用的方式不 ...

随机推荐

  1. vue element-ui 日期选择器组件 日期时间格式化

    vue element-ui 组件开发大大提高了我们的效率,但有时候并不能满足我们的需求,例如时间,日期组件: element-ui 日期返回的格式是这样的,看下图: 但我们要的是另一个格式 , 如下 ...

  2. Axure 第一次接触动态面板

    动态面板可以理解为有多维空间的一个容器,里面可以设置多个state,每个state里面可以放多个元件 先把对应的元件设置为动态面板并且隐藏: 本段教程主要包括三种应用场景: 1.邮箱不为空.密码为空时 ...

  3. 猫眼电影爬取(三)：requests+pyquery，并将数据存储到mysql数据库

    还是以猫眼电影为例,这次用pyquery库进行爬取 1.简单demo,看看如何使用pyquery提取信息,并将提取到的数据进行组合 # coding: utf-8 # author: hmk impo ...

  4. stm32cube使用

    1.使用stm32cube生成CAN代码注意事项: a.需要手动配置CAN过滤器 { CAN_FilterConfTypeDef sFilterConfig; uint32_t filterID = ...

  5. Spring Cloud之配置中心搭建

    一.配置中心服务端搭建 1)引入相关Maven坐标 <dependency> <groupId>org.springframework.cloud</groupId> ...

  6. Django ModelForm 组件的应用

    ModelForm组件的应用 ModelForm 组件的创建: 1.创建一个类,该类继承 forms.ModelForm  2.大致组成部分 class ModelNameModelForm(form ...

  7. xml的解构与组装

    xml的结构 <xml> <ToUserName><![CDATA[%s]]></ToUserName> <FromUserName>< ...

  8. python基础之列表以及切片等操作

    列表 定义: 能装对象的对象,列表能放大量的数据,各种类型,且列表内的数据是可以修改保存的,常用 [ ] 去表示,每一项数据之间用逗号隔开 1.列表的索引与切片 1.1 索引 与字符串的索引几乎一致, ...

  9. J - Jesus Is Here HDU - 5459 (递推)

    大意: 定义$f_1="c",f_2="ff",f_n=f_{n-2}+f_{n-1}$, 求所有"cff"的间距和. 记录c的个数, 总长 ...

  10. git 更新代码到本地

    正规流程 git status(查看本地分支文件信息,确保更新时不产生冲突) git checkout – [file name] (若文件有修改,可以还原到最初状态; 若文件需要更新到服务器上,应该 ...