zoukankan      html  css  js  c++  java
  • H5新特性--WebStorage--WebSocke

    天的目标

      3.2:h5特性--WebStorage

         localStorage  在客户端浏览器保数据

         久保存

         存数据 localStorage [key] = value

          localStorage.setItem(key,value);

         取数据 var value = localStorage [key];

         取数据 var value = localStorage.getItem(key);

         除数据 localStorage.removeItem(key);

         除数据 localStorage.clear();

         数据个数 localStorage.length

         key  var key = localStorage.key(i);

      3.1:h5特性--WebSocket--代码不复杂重点原理

      HTTP协:"-",有客户端起请求,服务器才会响应息,没请求就没有响应,一个请求,只能得一个响应。有场景中HTTP工作模型"不适合"

      "股票走势图" 解--轮询/跳请求 

      WebSocket协:"广-",客户端连接到服务器就不再断开,永久连接,双方随时向对方送数据,ws实时数据特别有优势.

      ws 协议的应用程序可分为两个部分(务器/户端)

      务器:

      听指端口.收客户端请求,对向方发消息,并接收消息.php/java/node.js 建服务器

      户端

      动发起请求,保持永久接,向对方发消息,接收消息,可以php/java/html5

      

      :使html5ws协议客户端

      1:连ws务器

       var socket = new WebSocket("ws://127.0.0.1:9001");

      2:向服务器发送消息

       socket.send(stringMsg);

      3:接收服务器消息

       socket.onmessage = function(e){e.data}

      4:断ws务器连接

       socket.close();

      

      习一:题选项

        创index.html个下拉菜单 "请选择您喜欢主题"

        "蔚兰天空","芭比公主","暗黑主题",各对应一个class

        .blue{background:#ddf;color:#33a}

        .pink{ background:#fdf;color:#a3a }

        .drak{ background:#333;color:#eee}

        用户选中某个项目(select.onchange)页面(body),

        使用指定样式.

        usercenter.html开此页面可应用index.html一样样式,即使重启浏览器中,直接usercenter.html 是之前

    经选中的主题.

  • 相关阅读:
    Windows8 游戏开发教程开篇
    IPAD 游戏开发方案,windows开发
    谈一谈 Windows 8 的软件开发架构
    html5 大家一起来瞅吧瞅吧
    silverlight5中CLGF的推进
    html5 游戏界面问题
    挑战SVN,最纯洁的SVN客户端计划
    章鱼哥的暴走,HTML5也开始了
    MySQL的常用操作!
    两种屏蔽鼠标右键的方法
  • 原文地址:https://www.cnblogs.com/QiliPING9/p/9091972.html
Copyright © 2011-2022 走看看