一、前言

【要点】

一,效果图。

  初入Vue.js的新世界,总归是要驾驭些涉及到的新定义。生手诞生的首先课,开眼看看Vue的新世界~~~

  1. 怎么是长久连接?

  2. 什么是管线化?

图片 1

  学习类别目录地址:

 

二,代码。

  仓库储存地址:

【总结】

图片 2

 二、打怪晋级

1.哪些是悠久连接? (keep alive方式)


 HTTP1.1规定了暗中认可保持长连接(HTTP persistent connection
,也是有翻译为持久连接卡塔尔国;数据传输实现了维持TCP连接不断开(不发君越ST包、不四回握手卡塔尔国,等待在同域名下继续用这一个通道传输数据;相反的便是短连接。

HTTP 1.1版本援助悠久连接 1.0本子不帮衬

与非悠久连接的界别:

同心同德连接使顾客端到劳动器端连接持续有效,制止了重复确立连接

大大减少了三番五次的确立以致关闭时延。HTTP连接是树立在TCP公约之上的,创立一条TCP连接需求一遍握手,TCP连接关闭时供给陆回挥手。那几个都以亟需时日的

 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Todo</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <!-- 在使用 Cordova/PhoneGap 创建的 APP 中包含的文件,由 Cordova/PhoneGap 提供,(开发过程中显示 404) -->
    <script src="js/app2.js"></script>
    <script src="cordova.js"></script>
</head>

<body>
    <!--输入框属性:placeholder-->
    <div class="list">
        <label class="item item-input">
            <input type="text" placeholder="fist name">
        </label>
        <label class="item item-input ">
            <input type="text" placeholder="last name">
        </label>
        <label class="item item-input">
            <textarea placeholder="comments"></textarea>
        </label>
    </div>
    <!--输入框属性:input-label-->
    <div class="list">
        <label class="item item-input">
            用户名:
            <input type="text">
        </label>
        <label class="item item-input">
            密码:
            <input type="password">
        </label>
    </div>
    <!--堆叠标签-->
    <div>
        <label class="item item-input item-stacked-label">
            First Name
            <input type="text" placeholder="john">
        </label>
        <label class="item item-input item-stacked-label">
            Last name
            <input type="text" placeholder="suhr">
        </label>
        <label class="item item-input item-stacked-label">
            email
            <input type="text" placeholder="john@suhr.com">
        </label>
    </div>
    <!--浮动标签-->
    <div class="list">
        <label class="item item-input item-floating-label">
            First name
            <input type="text" placeholder="first name">
        </label>
        <label class="item item-input item-floating-label">
            Last name
            <input type="text" placeholder="Last Name">
        </label>
        <label class="item item-input item-floating-label">
            email
            <input type="text" placeholder="email">
        </label>
    </div>
    <!--内嵌表单-->
    <div class="list list-inset">
        <label class="item item-input">
            <input type="text" placeholder="First Name">
        </label>
        <label class="item item-input">
            <input type="text" placeholder="last Name" </label>
    </div>
    <!--内嵌输入域-->
    <div class="list">
        <div class="item item-input-inset">
            <label class="item-input-wrapper">
                <input type="text" placeholder="Email">
            </label>
            <button class="button button-small">Submit</button>
        </div>
    </div>
    <!--带图标的输入框-->
    <div class="list list-inset">
        <label class="item item-input">
            <i class="icon ion-search placeholder"></i>
            <input type="text" placeholder="Search">
        </label>
    </div>
    <!--头部输入框-->
    <div class="bar bar-header item-input-inset">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder"></i>
            <input type="search" placeholder="搜索">
        </label>
        <button class="button button-clear">取消</button>
    </div>
</body>

</html>

  1、 Vue.js是什么?

2.怎么是管线化

管线化学工业机械制须经过永恒连接(persistent
connection卡塔 尔(英语:State of Qatar)完结,仅HTTP/1.1扶持此本事(HTTP/1.0不帮衬卡塔 尔(阿拉伯语:قطر‎

在利用悠久连接的境况下,有个别连接新闻的传递相同于

请求1 -> 响应1 -> 请求2
-> 响应2

管线化:有个别连接上的新闻成为了接近那样 

请求1 -> 请求2 -> 请求3
-> 响应1 -> 响应2 -> 响应3

【注】

  1.
那么长久连接和管线化的分别在于:

  同心同德连接的叁个宿疾是供给和响应式是逐豆蔻梢头施行的,独有在号召1的响应收到之后,才会发送央浼2,而管线化无需拭目以俟上三回呼吁获得响应就足以开展下叁遍号召。完毕相互之间发送央求。 

  2.
唯有GET和HEAD须要能够展开管线化,而POST则怀有限定

  3. 首先成立连接时也不应运行管线机制,因为对方(服务器卡塔尔不自然补助HTTP/1.1本子的情商。

     
 4.HTTP1.1渴求服务器端扶持管线化,但并不供给服务器端也对响应进行政管理线化管理,只是供给对于管线化的央求不失利,并且未来数不清劳务器端和代办程序对管线化的协助并糟糕,今世浏览器Chrome和Firefox默许并未有开启管线化扶持。

 图片 3

图片 4

  Vue (读音 /vjuː/,近似于 view)
是大器晚成套用于营造顾客分界面包车型地铁渐进式框架,只关切于视图层。在Vue的官方网站中大家可以瞥见,对于渐进式框架那几个词,作者是加粗表示的,依据小编的设计,Vue富含了今世前端框架所不可不的开始和结果,但是你并不需求生龙活虎从头就把装有的事物都用上,那些都以可选的。

 

  对于Vue的分解,推荐简书上的意气风发篇小说,小说地址:  

参谋资料:《新手教程》

  2、 使用Vue.js后与历史观的前端开辟情势有啥不一致?

发表评论

电子邮件地址不会被公开。 必填项已用*标注