网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > web学院 > 服务器教程 > html5如何与普通的socket进行通讯
商业源码 服务器教程 2024-01-03 17:15:01

html5如何与普通的socket进行通讯

html5如何与普通的socket进行通讯,第1张

对webSocket到不是很熟悉,但是应该可以用其他方式解决,比如用vc开发一个ocx,放到客户端让浏览器调用,缺点是需要提前注册还必须用ie或360浏览器,也可以用flash开发一个socket客户端 ,让浏览器加载进去,flash任何浏览器都支持。

html5交互融媒体内容设计与制作包含两个部分,内容设计和制作,我大学专业是新媒体设计与制作,和h5交互设计相关,恰好近几年融媒体概念被提及,广大媒体单位和高效纷纷加入学习制作,融媒体h5本质还是h5,只是内容要突出融媒体的特色。

建议你这样试试看:

 学习融媒体相关媒介,包含传统媒体和新媒体,内容以新闻为重点,这个特点是真实性、时效性;

策划内容和确定表现形式,比如《王小艺的朋友圈》,就是利用央广主播的朋友圈视频的形式来报道新闻;

使用PS、AI、AE等软件制作你的素材,这里的尺寸尽量兼容各个机型的尺寸(8441496px);

使用意派Epub360 交互H5编辑器来制作你的内容,上面也有很多的精彩的案例和组件效果可以学习使用。

这样做的好处:可以快速有效的设计与制作出融媒体h5作品

注意事项:使用意派Epub360进行编辑制作时使用谷歌浏览器制作效果最好

HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

web storage和cookie的区别

Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。

除此之外,Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie。

但是Cookie也是不可以或缺的:Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生(来自@otakustay 的纠正)

html5 web storage的浏览器支持情况

浏览器的支持除了IE7及以下不支持外,其他标准浏览器都完全支持(ie及FF需在web服务器里运行),值得一提的是IE总是办好事,例如IE7、IE6中的UserData其实就是javascript本地存储的解决方案。通过简单的代码封装可以统一到所有的浏览器都支持web storage。

要判断浏览器是否支持localStorage可以使用下面的代码:

if(windowlocalStorage){ alert("浏览支持localStorage") }else{ alert("浏览暂不支持localStorage") } //或者 if(typeof windowlocalStorage == 'undefined'){ alert("浏览暂不支持localStorage") }

localStorage和sessionStorage操作

localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等

localStorage和sessionStorage的方法

setItem存储value

用途:将value存储到key字段

用法:setItem( key, value)

代码示例:

sessionStoragesetItem("key", "value"); localStoragesetItem("site", "js8in");

getItem获取value

用途:获取指定key本地存储的值

用法:getItem(key)

代码示例:

var value = sessionStoragegetItem("key"); var site = localStoragegetItem("site");

removeItem删除key

用途:删除指定key本地存储的值

用法:removeItem(key)

代码示例:

sessionStorageremoveItem("key"); localStorageremoveItem("site");

clear清除所有的key/value

用途:清除所有的key/value

用法:clear()

代码示例:

sessionStorageclear(); localStorageclear();

其他操作方法:点操作和[]

web Storage不但可以用自身的setItem,getItem等方便存取,也可以像普通对象一样用点()操作符,及[]的方式进行数据存储,像如下的代码:

var storage = windowlocalStorage; storagekey1 = "hello"; storage["key2"] = "world"; consolelog(storagekey1); consolelog(storage["key2"]);

localStorage和sessionStorage的key和length属性实现遍历

sessionStorage和localStorage提供的key()和length可以方便的实现存储的数据遍历,例如下面的代码:

var storage = windowlocalStorage; for (var i=0, len = storagelength; i < len; i++){ var key = storagekey(i); var value = storagegetItem(key); consolelog(key + "=" + value); }

storage事件

storage还提供了storage事件,当键值改变或者clear的时候,就可以触发storage事件,如下面的代码就添加了一个storage事件改变的监听:

if(windowaddEventListener){ windowaddEventListener("storage",handle_storage,false); }else if(windowattachEvent){ windowattachEvent("onstorage",handle_storage); } function handle_storage(e){ if(!e){e=windowevent;} }

浏览器 代码 媒体 数据 有的
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » html5如何与普通的socket进行通讯

商业源码 钻石

分享到:
上一篇
如何查看一个网站的服务器IP地址
下一篇
怎么配置ipv6 dns服务器

相关推荐

我新买的HP 服务器,装了两块SAS硬盘(HP原装)开机后硬盘指示灯是绿色,但指示灯不同时闪烁,为什么不闪

我新买的HP 服务器,装了两块SAS硬盘(HP原装)开机后硬盘指示灯是绿色,但指示灯不同时闪烁,为什么不闪

服务器是什么

服务器是什么

西城中文网站怎么上不了了

西城中文网站怎么上不了了

服务器多数据中心部署和冗余部署区别

服务器多数据中心部署和冗余部署区别

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...