精华内容
下载资源
问答
  • 浏览器存储有哪些

    2019-12-21 20:48:36
    浏览器存储技术有哪些? Cookie cookie是什么: cookie是指存储在用户本地终端上的数据,同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输,也就是说HTTP请求发送时,会把...

    浏览器存储技术有哪些?
    Cookie
    cookie是什么:
    cookie是指存储在用户本地终端上的数据,同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输,也就是说HTTP请求发送时,会把保存在该请求域名下的所有cookie值发送给web服务器,因此服务器端脚本是可以读、写存储在客户端的cookie的操作。

    cookie的有效期:
    cookie默认情况下的有效期是很短暂的,一旦用户关闭浏览器,cookie保存的数据就会丢失。如果想要延长cookie的有效期,可以通过设置HTTP头信息中的cache-control属性的max-age值,或者修改HTTP头信息中的expires属性的值来延长有效期。

    cookie的作用域:
    它是通过文档源和文档路径来确定的。该作用域通过cookie的path和domain属性也是可配置的。默认情况下,cookie和创建它的web页面有关,并对该页面以及和该页面同目录或者子目录的其他页面可见。有时候,你可能希望让整个网站都能够使用cookie的值,而不管是哪个页面创建它。要满足这样的需求可以设置cookie的路径(设置cookie的path属性)。cookie的作用域默认由文档源限制。但是,有的大型网站想要子域之间能够互相共享cookie。

    cookie的数目和大小的限制:
    每个web服务器(域名)保存的cookie数不能超过50个,每个cookie保存的数据不能超过4KB,如果超过了4KB(IE6大约只能存储2K),服务器会处理不了。

    cookie的优点:
    能用于和服务器端通信;当cookie快要过期时,可以重新设置而不是删除。

    cookie的缺点:
    它会随着http头信息一起发送,增加了网络流量(文档传输的负载);它只能储存少量的数据;它只能储存字符串;有潜在的安全问题。

      另外,自从有了Web Storage API(Local and Session Storage),cookie就不被推荐用于存储数据了~
    

    LocalStorage
    localStorage是什么:
    在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

    localStorage的优点:
    1)localStorage拓展了cookie的4K限制;

    2)localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的;

    3)localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

    localStorage的缺点:
    1)浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性;

    2)目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换;

    3)localStorage在浏览器的隐私模式下面是不可读取的;

    4)localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡;

    5)localStorage不能被爬虫抓取到。

    SessionStorage
    sessionStorage与localStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对就会被清空。

    强调一下:cookie,localStorage和sessionStorage的异同:
    共同点:都是保存在浏览器端,且同源的。

    区别:

    1)cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递;而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存;

    2)cookie数据有路径(path)的概念,可以限制cookie只属于某个路径下;

    3)存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识;sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大;

    4)数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭;

    5)作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的;

    6)Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者;Web Storage 的 api 接口使用更方便。

    展开全文
  • web项目从浏览器发起交易响应缓慢,从前端后端分别取考虑,后台是不是数据库死锁等。前台看看是不是js 错误,或者图片过大,dom 渲染dom树,画面优化。cmd amd 规范等 ...

    web项目从浏览器发起交易响应缓慢,从前端后端分别取考虑,后台是不是数据库死锁等。前台看看是不是js 错误,或者图片过大,dom 渲染dom树,画面优化。cmd amd 规范等

    展开全文
  • 首先,一个视频的播放分为三个阶段:视频源对接、解码、播放,完成这三个阶段的参与者两个:Web浏览器和BS插件。我们要做的就是划分三个阶段,哪些交给插件去做,哪些交给浏览器去做 (1)视频源对接:这个只能...

    Web浏览器(B/S)播放插件说明

    1.1 BS播放插件原理说明

    首先,一个视频的播放分为三个阶段:视频源对接、解码、播放,完成这三个阶段的参与者有两个:Web浏览器和BS插件。我们要做的就是划分三个阶段,哪些交给插件去做,哪些交给浏览器去做

    (1)视频源对接:这个只能交给插件去做,插件从设计角度讲就是个需要安装的exe,用C++语言开发,可以集成各家SDK,可以对接RTSP,可以内植ffmpeg,还可以读文件。用插件进行视频源对接很灵活,基本啥都可以接,最终的输出是一个个裸帧
    (2)解码:裸帧需要解码才能用来播放。解码我们可以交给浏览器去干,利用html5的video硬解(只要支持html5 MSE的浏览器均可),这种解码过程和方式我们控制不了,只能浏览器自己搞定,性能完全看浏览器能否正常找到解码器。这种解码的输出也只有video标签才能播放
    也可以让插件去解码,解码的最终输出是一个个的yuv
    (3)播放:如果是浏览器解的码,那最后也只能让浏览器去播放,这就是MSE插件。如果是插件解的码,我们最好让插件去播放,让浏览器播放代价会很大,这就是Qt插件

    1.2 MSE插件说明

    (1)现状:通过API支持直播、回看,云台控制,解码和播放都交给了浏览器。
    (2)缺点:由于解码和播放都是浏览器自己控制,在部分台式机和笔记本上性能可流畅播放9路,在部分笔记本上播放四路就开始卡(原因是浏览器在这些笔记本上找不到GPU,其实有,但浏览器就是找不到或只能找到一个)。不支持H265,硬伤
    (3)优点:浏览器自己解码播放,在布局上能无缝兼容各种容器。插件可以分离在后端服务器上,前端用户不是必须要安装插件
    (4)使用场景:如果设备有独显,那该方案完全没问题。如果机器无显卡,可能会有问题。(5)后续开发计划:进行js端MSE的播放优化,目的是平滑的释放内存和修正时间戳,保证视频长久、稳定的播放。同时,希望能找到让该方案适配所有机器GPU的方案

    1.3 Qt插件说明

    (1)现状:可集成ffmpeg,对接任意流,解码方式可硬解软解,播放方式按照优先级分别是D3D、openGL
    (2)缺点:目前是覆盖法把qt窗体叠加在浏览器某个位置上,可能在浏览器移动的时候有轻微的布局抖动。必须要安装插件
    (3)优点:基本上完美继承了Qt的强大性能,同时观看9路,cpu占用不到10%。业务对接也容易,只要把窗体拉起来,功能全在插件内完成。
    (4)使用场景:只要允许安装插件、基本适合所有场景。
    (5)后续开发计划:进行视频融合叠加,适配浏览器缩放和滚动条。

    基于Qt的web插件模拟

    展开全文
  • HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用...

    http://www.baiwanzhan.com/site/t133861/


    HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

    HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
    HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
    2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
    2013年5月6日, HTML 5.1[1] 正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
    本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升。
    目前,支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。


    展开全文
  • Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML] Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等 Presto内核:Opera7及以上。 [Opera内核原为:Presto,现为:Blink;] Webkit...
  • 2、websql这种方式只有较新的chrome浏览器支持,并以一个独立规范形式出现 3、indexDB是一个为了能够在客户端存储可观数量的结构化数据,并且在这些数据上使用索引进行高性能检索的 API 4、Cookie一般网站为了辨别...
  • web服务器是什么?...web服务器有哪些? 常见的Web 服务器有MicrosoftInternet Information Service(IIS)、Apache、Netscape Web Server 等。访问和获取 WWW 信息的程序是客户机,通常称为浏览器,如
  • Web服务器,也称为“WWW服务器”(英文全写:World Wide Web,翻译成中文:万维网或环球信息网),主要功能是“提供网上信息浏览服务”。...正是因为有了WWW工具,才使得互联网...常用的Web服务器有哪些? 1.Microsof...
  • Web容器Web服务器及常见的Web容器有哪些?  一、引言  首先来理解一下简单的一个请求发送到响应的过程。 首先,客户端,通常是浏览器或者一些应用发送请求到你的服务器地址,比如访问你的Url或者其他的东西。而...
  • 浏览器分别在哪些情况下使用GET方式和POST方式访问WEB服务器?如果浏览器传递给WEB服务器的参数内容超过1K,应该使用那种方式发送请求消息? 数据量不大,因为GET方式数据量限制1K,不带保护数据的情况下使用GET...
  • 浏览器兼容问题有哪些?​前端工程师如何解决?浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。一个专业的Web前端工程师,一定...
  • 浏览器渲染 web 页面的时候,它会构造一个文档对象模型(Document Object Model,DOM)。这是一组用于表现页面上 HTML 元素的对象。每一个元素,例如每一个 ,每一个 ,每一个 <span> 都不同的 DOM 对象表示。...
  • 我们在开发的时候会明确项目要兼容哪些浏览器的最低版本,我之前的项目要求兼容IE8.0以上的版本,Chrome 48以上,FireFox 44以上。了这些最基本的要求,在开发中就是要考虑到CSS样式和JavaScript的在这些浏览器的...
  • 常见的浏览器内核有哪些? 1. Web标准(重点)——经典面试题 web标准有三层结构,分别是结构(html)、表现(css)和行为(javascript) 结构类似人的身体, 表现类似人的着装, 行为类似人的行为动作 理想状态下...
  • Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问。开发Java Web应用所采用的服务器主要是与JSP/Servlet兼容的Web服务器,比较常用的Tomcat、...
  • 浏览器web标准

    2020-09-08 11:32:50
    一、浏览器和html的关系* ·浏览器负责将html代码翻译成用户能够看懂的内容,这都靠渲染引擎 ·html是有浏览器兼容的问题 **二、常见浏览器:火狐 谷歌 IE...4.2好处有哪些? 1、让Web的发展前景更广阔 2、内容能够杯
  • 而我们的服务器通常要分为两个部分,一部分是服务器硬件,了硬件之后还有硬件上对应运行的软件。即服务器软件其次,服务器的硬件部分接收到了这一段请求,将其递交给对应的进程,服务器软件。此时这个服务器软件...
  • app测试与web测试有哪些不同之处 问题分析: 考官考核下是否对APP测试及web测试是否熟悉,是否有真正工作经验 核心问题讲解: 单纯从功能测试的层面上来讲的话,APP 测试、web 测试 在流程和功能测试上是没有...
  • 2017WEB前端几种常见浏览器内核,随着互联网的迅猛发展,浏览器也是快速滋生,我们日常生活工作中,所看到的浏览器数不胜数,今天我们就来为WEB前端工程师们带来一些干货,聊聊WEB前端几种常见浏览器内核。...
  • 常见的web服务器有哪些

    千次阅读 2016-07-05 10:36:15
    WEB服务器也可以称为网站服务器,可以向浏览器Web客户端提供文档,也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。目前最主流的三个Web服务器是ApacheNginxIIS。但我们不仅需要掌握主流的WEB...
  • Web安全色有哪些

    千次阅读 2015-08-27 13:52:52
    这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。 2、选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的...
  • Web前端是如今热门的技术之一,尤其是随着移动互联网的发展,企业对于web前端开发人员...随着计算机技术的不断发展,未来几年内web前端依旧会持续增长,哈尔滨Web前端开发有哪些应用方向? 1、HTML5技术的移动端方向。H
  • 1.背景介绍 浏览器兼容性的起源 浏览器兼容性问题又被称为网页...然而不同浏览器其内核亦尽相同,所以各个浏览器对网页的解析就一定出入,这也是导致浏览器兼容问题出现的主要原因,这就是我们常说的浏览器兼...
  • 浏览器有哪些常见的兼容问题? 不同浏览器的内外补丁不同 解决方法:通配符 2.浮动元素float,若有横向margin,则在IE6显示下margin会变大 解决方法:在float元素标签样式中写display:inline 3.若元素的宽...
  • 1、查看网络的ping值 ,网络使用情况(主查,服务器到核心交换机的ping 值,当前客户端和核心交换机的ping 值,小于1正常,大于10说明你核心交换机大负载)。 2、查看服务器CPU占用率(主查,服务器的CPU占用率,...
  • 我们在开发移动端web时,经常跟浏览器打交道,你知道移动端的浏览器有几种类型吗?在测试移动web页面时,我们不能忽略的浏览器又有哪些呢? 在开始之前,我们先简单了解一下移动Web 一、移动...
  • 【经常遇到的浏览器兼容性有哪些?原因,解决方法是什么,常用的hack技巧】 大家好,我是IT修真院武汉分院第10期学员,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网css任务15,深度思考中的知识点...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,677
精华内容 670
关键字:

web浏览器有哪些